Dreamweaver 80网页制作教程.ppt

认识Dreamweaver?8.0 Dreamweaver?8.0?是?Macromedia?公司推出的目前最新版本的网页设计软件，站点管理和页面设计是它的两大核心功能，它采用多种先进的技术，易学、易用。只要掌握初步的知识，再加上自己的创意，即可制作出独树一帜的网页。 Dreamweaver的工作界面 本地站点的搭建与管理 要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。 Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。　　 在建立自己的网站之前，一定要合理地规划站点，避免建站设计工作的盲目性，有利于提高工作质量和效率。 创建一个网站应遵循的流程如下： ① 对站点进行规划 ② 素材准备 ③ 管理站点（首先要创建一个站点） ④ 制作?Web?页面 ⑤ 设置?Web?应用程序运行环境 ⑥ 创建动态页 ⑦ 测试站点 ⑧ 上传站点到远程服务器 本地站点的搭建与管理 1、规划站点 网站是多个网页的集合，其包括一个首页和若干个分页。在创建任何Web站点页面之前，要对站点的结构进行设计和规划。 合理地规划站点的目标、结构、内容、导航机制及站点的整体风格等。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 合理规划不仅有利于避免设计的盲目性，而且有利于管理众多的站点文件。 1）确定站点目标 一个好的站点，应该具有明确的目标。目标可谓是站点设计的灵魂与向导，能够引导设计者成功地设计站点。站点的目标因主题而异，因此，在设计站点之前应该明确站点的目标，才能有条不紊地设计和管理好站点文件。? 2）规划站点结构 认真地规划站点结构，能够避免日后出现文件管理混乱的局面。 在规划站点结构时应遵循以下两个原则： （1）本地站点和远程站点采用相同的结构 将本地站点和远程站点设置成相同的结构，以便于站点的维护和管理。在本地站点结构设置修改完成后，利用?Dreamweaver?将本地站点上的文件及文件夹上传到远程服务器上。 （2）用文件夹保存文档 将站点文件分门别类，保存在站点根目录下的文件夹中，从而使文件的组织管理一目了然。 3）规划站点内容 站点的内容一定要丰富，既要有漂亮的外表，也要有充实的内容，才能吸引广大浏览者。 可以将各种不同的内容划分为几个板块，例如，生活、旅游、健康、IT等，这样既可以方便网站设计者，又能够方便用户获取相关信息。 除了文本和图像等内容外，如果需要，还可以加入多媒体元素、层动画等内容，使得在丰富网站内容的同时，平添几分生趣。 此外，要注意使用合理的文件名称，尽量避免使用中文名称，因为大多数的软件平台总是基于英文的。有的Web?服务器是区分大小写的，所以，一般都采用小写字母命名站点中的文件。? 4）规划站点的导航机制 一个优秀的站点，应该具有明确的导航系统，避免使用户在页面上迷失方向，找不到自己想要浏览的内容。 在规划站点的导航机制时，应注意以下几个方面。 （1）返回首页链接 一般在站点的每个页面上都有首页的链接，方便用户回到开始的地方，寻找新的导航目标。同时，当用户在页面上迷失方向时，可以返回首页，重新开始。 （2）导航标题明确 导航标题文字或图像具有明确的导航指示作用，标题性文字一般是页面内容的概括，例如“今日要闻”，用户一看到该标题文字，就可知道链接的内容是当日重要的新闻，如果要查阅当日发生的重要事件，单击该链接即可 5）明确站点的风格 站点的风格应该能够自然地流露出站点的主题，因此，应紧紧围绕站点主题和内容设计出页面的形象和风格。例如，以诗词歌赋为主题的站点，最好能够体现出书香韵味。 在实际创作过程中，可以使用模板创建风格相同的页面，使用库调用页面内经常出现的元素，既可以提高设计的效率，又使得管理这些文件变得轻松。 2、创建和管理站点 在制作网页之前，首先应该在本地计算机的磁盘上建立一个本地站点，以文件夹的形式存在，然后将设计 的网页文件及所搜集的一些资料，例如图片、声音、文字等都存放在该文件夹下，以便控制站点结构和全面系统地管理站点中的每个文件。 利用Dreamweave 8，可以建立并管理多个站点。 点击菜单栏“站点”—“新建站点”，或者“站点”—“管理站点”—“新建” 搭建站点结构 站点是文件与文件夹的集合 新建文件夹：在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项，然后给文件夹命名 新建文件：在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页 管理站点 站点管理： 存回/取出系统； 站点遮盖； 设计备注等