网页设计DW.ppt

第二章 初识Dreamweaver 网页制作软件 我们可以结合艺术设计专业的优势，利用Dreamweaver、flash、Photoshop、Fireworks、Frontpage等软件制作出精美的网页。 在Photoshop或Fireworks中作出效果图，切图——在Dreamweaver中利用框架、表格、层排版，添加文字、图片、超链接、媒体，定义样式，完成所有的HTML模板页面设计——Flash的应用可使网页更加动感、时尚。 Dreamweaver的功能 Macromedia Dreamweaver 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。既可以直接编写 HTML 代码，还可以利用 Dreamweaver 中的可视化编辑功能，快速创建 Web 页面而无需编写任何代码。 第一章 HTML基础 教学内容 1、HTML基本概念 2、HTML标记基本语法 3、用HTML编写一个网页并发布 HTML定义 HTML是Hyper Text Markup Language的缩写，中文为“超文本标记语言”。是制作网页的一种标准语言，以代码的方式来进行网页设计，和Dreamweaver这种可视化的网页设计软件对比，它在设计过程上可以说是截然不同的，但本质和结果却是基本相同的。所以，了解HTML语言，对学习网页设计和Dreamweaver是十分有益的。 HTML常用标签 URL URL是Universal Resource Locater的缩写，中文为“全球资源定位器”。它是网页在互联网中的地址，要访问该网战时需要URL才能够找到该网页的地址。例如“搜狐”的URL是，也就是它的网址。 FTP FTP是File Transfer Protocol的缩写，中文为“文件传输协议”。与HTTP协议相同，它也是URL地址使用的一种协议名称，以指定传输某一种互联网资源， HTTP协议用于链接到某一网页，而FTP协议则用于上传或下载文件的情况。 网页基本构成元素 文本、图像、超级链接、表格、表单、导航栏、动画 超级链接：是一个网页指向另一个目的端的链接。这个目的端通常是另一个页面，但它也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或是本页中的某个位置。超链接可以是图片或文本。 表格：是用以排版的网页元素，使用表格排版是现在网页的主要制作形式。通过表格可以精确的控制各元素在网页中的位置。 表单：是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮、选择复选框，以及下拉列表中选择选项。在填好表单之后，站点访问者便送出所输入的数据，该数据就会根据所设置的表单处理程序，以各种不同的方式进行处理。 导航栏：是一组超链接，它的作用是用来浏览站点。 认识界面 标题栏、菜单栏、插入工具栏、文档工具栏、网页编辑窗口/工作区、标签选择器、浮动面板区、属性面板区、站点窗口 “文档”工具栏 “文档”工具栏显示当前文档。可以选择下列任一视图： “设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 “代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如 PHP 或 ColdFusion 标记语言 (CFML)）以及任何其它类型代码的手工编码环境。 “插入”工具栏按以下的类别进行组织： “常用”类别可以创建和插入最常用的对象，例如图像和表格。 “布局”类别使您可以插入表格、div 标签、层和框架。您还可以从三个表格视图中进行选择：“标准”（默认）、“扩展表格”和“布局”。 “表单”类别包含用于创建表单和插入表单元素的按钮。 “文本”类别使您可以插入各种文本格式设置标签和列表格式设置标签，例如 b、p、h1 。 “HTML”类别使您可以插入用于水平线、文件头内容、表格、框架和脚本的 HTML 标签。 “服务器代码”类别仅适用于使用特定服务器语言的页面，这些服务器语言包括 ASP、ASP.NET、CFML Basic、CFML Flow、CFML Advanced、JSP 和 PHP。 “应用程序”类别使您可以插入动态元素，例如记录集、重复区域以及记录插入和更新表单。 “Flash 元素”类别使您可以插入 Macromedia Flash 元素。 “收藏夹”类别使您可以将“插入”栏中最常用的按钮分组和组织到某一公共位置。 标签选择器 标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。标签选择器是选择标签的首选方法，因为它可以确保您始终准确地选择标签。 “缩放”工