dreamweaver网页制作代码

1. 新建或打开网页文档
   启动Dreamweaver，在开始屏幕或文件菜单里选择新建，文档类型选HTML，确认后得到一个空白网页文件。若要改已有页面，用文件菜单的打开命令选中该文件，进入编辑状态。文档保存时用文件菜单的保存或另存为，扩展名保持.html。这一步决定你后面写的代码落在哪个文件里。
2. 切换到代码视图或拆分视图
   在文档窗口顶部找到视图切换按钮或查看菜单里的代码、拆分、设计等选项。编写HTML结构、CSS样式和脚本时切到代码视图；想边写边看效果就用拆分视图，上半部分是代码，下半部分是设计预览。不同版本Dreamweaver的按钮位置可能不同，到查看菜单里核对代码与拆分两项即可。
3. 输入HTML结构与样式代码
   在代码视图里依次输入文档类型声明、html标签、head与body结构。标题放在head内的title标签中，正文内容放在body里。需要样式时可写在内嵌style标签里，或另建CSS文件后用link标签引入。标签最好成对书写，输入开始标签后顺手补上结束标签，避免结构混乱。
4. 用属性面板和插入面板辅助添加元素
   选中某段文字或某个元素后，到窗口菜单打开属性面板，可设置链接、字体、颜色、对齐等属性，Dreamweaver会把这些设置转成对应代码。插入面板里有常用标签分组，可插入图像、表格、表单、链接等，插入后回到代码视图核对生成的标签是否符合预期。
5. 预览并检查代码效果
   按功能键或到文件菜单里找在浏览器中预览的选项，用浏览器打开当前页面查看渲染效果。若样式或脚本没生效，回到代码视图检查标签闭合、文件路径和链接引用是否正确。预览时核对项目：CSS文件路径、图片路径、JavaScript引用位置，均以实际保存的文件夹结构为准。

软件页面：Dreamweaver。