dreamweaver怎么做网页
dreamweaver怎么做网页,核心操作是新建站点、新建 HTML 文档、用设计或代码视图写内容,再保存并预览。下面按顺序给出在 Dreamweaver 里从零做一个网页的界面路径和点击顺序。
- 先建立站点并指定本地文件夹
打开 Dreamweaver,到「站点」菜单里找「新建站点」相关命令,按向导填写站点名称,并把「本地站点文件夹」指向你准备存放网页文件的目录。站点的作用是让软件知道网页文件放在哪里,后续新建、保存、链接都会以这个目录为基准,所以建议先建好文件夹再建站点。具体向导页名称以你所用版本界面为准,核对「站点名称」「本地站点文件夹」两个输入项即可。 - 新建一个 HTML 文档
到「文件」菜单里找「新建」,在弹出的新建文档对话框中选择「HTML」类别,文档类型选 HTML5 或 HTML,确认后点创建。新建完成后窗口里会出现一个空白文档,此时可以先到「文件」菜单里用「保存」把它存到刚才的站点文件夹,文件名用英文或拼音加 .html 后缀,例如 index.html,首页通常就命名为 index 或 index.html。 - 在设计视图或代码视图里写内容
窗口顶部一般有「代码」「拆分」「设计」等视图切换按钮,核对后选择其中一个。用「设计」视图可以直接在页面上输入文字、插入图片,所见即所得;用「代码」视图则手动写 HTML 标签。输入标题和正文后,通过「插入」菜单可以加入图像、表格、超链接等元素,插入图片前建议先把图片文件放进站点文件夹,避免路径出错。 - 用属性面板和 CSS 调整外观
选中页面里的文字或元素,窗口底部或右侧的「属性」面板可以改字体、字号、颜色、对齐方式。想要统一样式,可以到「窗口」菜单里打开 CSS 设计器或相关面板,新建 CSS 规则并选择应用到当前文档或新建样式表。新手可以先只改属性面板里的基础项,等页面结构稳定后再统一整理样式。 - 保存并预览网页效果
改完内容后按保存,然后到「文件」菜单里找「在浏览器中预览」相关命令,核对快捷键(常见为 F12 或 Ctrl+F12,以你版本的实际菜单显示为准),选一个已安装的浏览器查看效果。如果页面显示和设计视图不一致,回到「代码」视图检查标签是否闭合、图片和链接路径是否正确,再保存并重新预览。 - 导出整站时检查文件与链接
一个网页完成后,继续新建更多 HTML 文档,并用相对路径互相链接,形成整站。全部文件都应放在站点本地文件夹内,文件名不要用中文空格和特殊符号。确认无误后,通过站点管理里的「获取」或「上传」等功能把文件传到服务器,上传前核对服务器信息是否已配置。
软件页面:Dreamweaver。