网页设计软件dreamweaver

1. 先建站点把本地目录挂进软件
   打开网页设计软件dreamweaver后，在菜单栏找「站点」相关命令，执行「新建站点」，在向导里给站点起名并指定一个本地文件夹作为根目录。站点建成后，左侧文件面板会列出该目录，之后新建和保存的网页都放在这个根目录下，链接关系和资源引用才不会乱。若菜单名称与你看到的略有差异，到「站点」菜单里核对「新建站点」「管理站点」两项即可。
2. 新建HTML文档并确认文档类型
   在文件面板或起始界面选择新建文件，文档类型选HTML，编码按需要核对，一般用UTF-8。生成的新文件会出现在代码视图中，此时先不要急着写内容，保存一次并命名成index或你规划的首页名，存到站点根目录内。文件名尽量用英文和短横线，避免空格与中文路径带来的引用问题。
3. 用设计视图和代码视图配合排版
   软件上方通常有「代码」「拆分」「设计」等视图按钮，新手可以先用「设计」或「拆分」视图，直接输入文字、插入图片与表格；熟悉后再切到代码视图改标签。插入元素时用「插入」面板，常用的有图像、超链接、表格、表单等。每插一个元素后回到代码视图看一眼生成的标签，确认没有多余嵌套。
4. 配置站点内链接与资源路径
   给文字加超链接时，选中文字再用属性面板的链接框，点文件夹图标选择站点内已存在的文件，让软件自动写入相对路径；图片同理。若路径被写成以盘符开头的绝对地址，换电脑或上传后会失效，需要改回相对路径。核对项：在文件面板里确认目标文件确实位于当前站点根目录内。
5. 保存并在浏览器里预览
   保存文档后，用软件内的「在浏览器中预览」功能或菜单里的预览命令打开页面，检查排版、图片和链接是否正常。预览时浏览器地址栏显示的应是本地文件路径或你配置的测试地址，若图片显示为裂图，多半是路径或文件位置问题，回到上一步核对资源是否在站点内。确认无误后再上传到服务器。

软件页面：Dreamweaver。