dreamweaver的应用
dreamweaver的应用主要围绕网页制作展开,在软件里通过「站点」建立本地与服务器端映射,再用「文件」面板新建 HTML,用「插入」面板或「代码视图」编写结构,用「设计视图」与「实时视图」预览,最后用「文件」面板的「上传」把文件送到远端。想快速上手,打开 Dreamweaver 后先点「站点 > 新建站点」,把本地站点文件夹和服务器信息填好,其余操作都在这个站点内完成。
- 建立站点并指定本地文件夹
启动 Dreamweaver 后点菜单「站点 > 新建站点」,在站点设置里填写站点名称,并指定一个本地文件夹作为站点根目录。服务器连接信息可以此时填,也可以之后在「站点 > 管理站点」里补。站点建好后,右侧「文件」面板会列出该文件夹内容,之后新建、保存、上传都以它为准。 - 新建网页并选择文档类型
在「文件」面板里点「新建」按钮,或点「文件 > 新建」,在弹出的对话框中选择「HTML」文档类型。新手可以先选一个空白页,确定后保存为 .html 文件,文件名用英文加连字符更稳妥。保存位置应落在此前设定的站点文件夹内,避免后续上传时漏文件。 - 用插入面板和代码视图写内容
屏幕顶部或右侧的「插入」面板可以插入标题、段落、图片、链接、表格等常用结构,点一下就会在代码里生成对应标签。想精确控制就切到「代码视图」直接写标签,再切回「设计视图」看效果。两种方式可以配合用,不必只选一种。 - 用实时视图和多设备预览检查效果
写完一段后点「实时视图」按钮,让页面在软件内按浏览器方式渲染,检查布局和链接是否正常。再点「多设备预览」或调整窗口宽度,看看窄屏下有没有错位。预览只是辅助,最终效果还要用真实浏览器打开本地文件或已上传的网址核对。 - 通过文件面板上传到远端
在「文件」面板底部找到「上传」按钮,把当前文件或整个站点传到服务器。上传前确认远端目录和本地目录结构一致,别把首页放到子目录里。传完后直接用浏览器访问线上地址,核对样式、图片和链接是否都加载正常,再决定是否继续改动。
软件页面:Dreamweaver。