网页设计与制作研究报告.ppt

10.2 定位网站CI形象 10.2.1 CI的概念 所谓CI（Corporate Identity），意思是通过视觉来统一企业的形象。 一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。 布局工具栏 表单工具栏 文本工具栏 应用程序工具栏 FLASH元素工具栏 HTML工具栏 meta 标签是记录有关当前页面的信息（如字符编码、作者、版权信息和关键字）的 head 元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和 PICS 等级。 属性指定 Meta 标签是否包含有关页面的描述性信息 (name) 或 HTTP 标题信息 (http-equiv)。 值指定在该标签中提供的信息类型。如说明、关键字和刷新。内容是实际的信息。 属性设置面板 文本属性面板 表格属性面板 图片属性面板 FLASH属性面板 其他浮动面板 1. 创建网页 2. 设置页面属性 Macromedia Dreamweaver MX是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。 Dreamweaver 站点由三部分组成： 本地文件夹是工作目录 远程文件夹是存储文件的位置 动态页文件夹是 Dreamweaver 处理动态页的文件夹 PWS 或 IIS 3. 创建并管理网站 站点 是下列任意一项的简称： Web 站点：一组位于服务器上的页，使用 Web 浏览器访问该站点的访问者可以对其进行浏览。 远程站点：服务器上组成 Web 站点的文件，这是从创作者的角度而不是访问者的角度来看的。 本地站点：与远程站点上的文件对应的本地磁盘上的文件。在本地磁盘上编辑文件，然后将它们上传到远程站点。 Dreamweaver站点定义：本地站点的一组定义特性，以及有关本地站点和远程站点对应方式的信息。 3.1 创建本地站点 1. 规划站点 2. 构建站点的基本结构 3. 定义站点 3.2 创建远程站点 7.2 Dreamweaver MX 2004 主要参数设置 CSS 行为 层 第六章 FrontPage 2003网页设计 本章要点： FrontPage基本操作 FrontPage高级应用 FrontPage网页制作 6.1 FrontPage 2003的基本操作 6．1．1 FrontPage 2003界面简介 6.1.2 FrontPage 2003中视图方式 6.1.3 FrontPage 2003作品制作流程 6.2 表格的使用 6.3 表单的使用 6.4 Web组件的应用 水平线 第十章 网站的总体设计 本章要点： 网站的主题和名称 网站CI形象 网站的栏目和版块 网站的目录结构和链接结构 网站的整体风格和创意设计 版面布局、色彩的搭配 10.1 定位网站主题和名称 10.1.1 定位网站主题 定位网站主题也就是选择网站的题材。 主题要小而精 题材最好是你擅长或者喜爱的内容 题材不要太滥或者目标太高 10.1.2 为网站起名 名称要正 名称要易记 名称要有特色 外部样式表：是一种保存在外部的样式表文件，外部文件以.CSS为扩展名。 link rel=stylesheet href=style.css type=text/css 3.2.5 建立样式文件 3.3 CSS的引用 四种方式： 整页套用样式； 样式定义中引用样式文件的方式； 引入样式文件的方式； 使用局部样式。 3.3.1整页套用样式 style type=text/css !-- CSS代码段 -- /style 格式： 3.3.2 样式定义中引用样式文件 style type=”text/css” ！-- @import “外部样式表名.css” 其他样式表的声明 /style 格式： 3.3.3 样式文件的引入 Link Rel=STYLESHEET Href=外部样式文件名.CSS Type=text/css 格式： 3.3.4 使用局部样式 局部样式可称为内嵌样式。局部样式是混合在HTML标识里使用的，用这种方法，可以很简单的对某个元素单独定义样式，只对所定义的标识起作用，并非对整个页面起作用。内嵌样式的使用是直接将在HTML标识里加入style参数。而style参数的内容就是CSS的属性和值。 h1 style=color:orange;font-family:宋体CSS扩展了HTML的功能/H1 p style=background:red;font-family:courierStylesheets: The Tool of the Web Design Gods /P 3.4 C