网页制作与设计教程（第二版）杨长兴电子教案 第六章.pptVIP

第6章 Dreamweaver网页设计技术 Dreamweaver是一套视觉化的网页开 发工具，利用它可以轻而易举地制作出跨 越平台和浏览器限制的充满动感的网页。 通过Dreamweaver 提供的“所见即得” 的友好编辑功能，编写ASP、JSP、CFML 甚至PHP程序，从而创建动态网站系统。 教学重点与难点 页面版面设计 使用资源面板 创建模板 6.1 Dreamweaver 简介 一、操作界面 Dreamweaver 4由两个部分组成，即 页面编辑器和站点管理器。 1.页面编辑器 分为五个部分：菜单栏、工具栏、控制 面板、文件工作区、状态栏。其中控制面 板有属性面板、对象面板、样式面板、帮 助面板等。 2．站点管理器的构成 站点管理器左侧窗口显示了站点地图， 右侧窗口显示了当前网站中的文件列表。 一般来说，在做站点时应先建立好站点， 再开始网页的制作，这样可以保证页面内 文件链接的正确性。 6.2 Dreamweaver 制作基础 一、创建网页 启动Dreamweaver 4，就会自动生成 一个白色背景的文件工作区，这里就是设 计和制作网页的地方，可以在这里输入网 页设计过程中所需要的文字、图片、表格、 Flash动画等。 网页的背景颜色的，以及文字的颜色都 是可以通过“Pag