项目5网页制作素材
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
以避免呆板。左右对称的页面版式比较常见。
项目五：汽车网页设计
一、制作公司 Logo
1.文件>新建：400*200px、分辨率：72、RGB模式、 2.选用文字工具，并设置文字的颜色为“C:100， M:98，Y:44，
K:0”；其中字母的大小为“60 点”，文字的大小为“48 点”、字体为“Rockwell Extra Bold”。
4.导航栏
• 导航栏是一 组超级链接， 用来方便地 浏览站点。 导航栏一般 由多个按钮 或者多个文 本超级链接 组成。
5.动画
• 动画是网页中最活跃的元素，创意出众、制作精致的动画 是吸引浏览者眼球的最有效方法之一。但是如果网页动画 太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳
6.表格
表格是HTML 语言中的一种 元素，主要用 于网页内容的 布局，组织整 个网页的外观， 通过表格可以 精确地控制各 网页元素在网 页中的位置。
网页布局基本元素
——网页由文本、图像、动画、超级链
接等基本元素构成
1.文本
• 一般情况下，网页中最多的内容是文本，可以根据需要对 其字体、大小、颜色、底纹、边框等属性进行设置。建议 用于网页正文的文字一般不要太大，也不要使用过多的字 体，中文文字一般可使用宋体，大小一般使用9磅或12像 素左右即可。
网页设计
网页又叫主页，是用一种 HTML的标志语言来表示 的，它将我们要表示的 信息用HTML语言表示出 来，这就形成了HTML代 码，浏览器的工作主要 是将这些标记语言“翻 译”过来，并照定义的 格式等显示出来，这就 是我们所真正看到的网 页。
网页设计
➢ 网页设计的建站包含：企业网站、集团网站、门户网站、 社区论坛、电子商务网站、网站优整版。主要以图像为诉求点，也可将部分 文字压置于图像之上。视觉传达效果直观而强烈。满版型 给人以舒展、大方的感觉。随着宽带的普及，这种版式在 网页设计中的运用越来越多。
3、分割型
把整个页面分成上下或左右两部分，分别安排图片和文案。 两个部分形成对比：有图片的部分感性而具活力，文案部 分则理性而平静。可以调整图片和文案所占的面积，来调 节对比的强弱。
3. 选中文档中的文字，单击鼠标右键，从弹出的快捷菜单中 选择【仿斜体】命令，将文字设置 为斜体效果。
4. 打开随书光盘中的“素材\ch26\汽车\笔触.psd”图片。
5. 使用【移动工具】 将“笔触”文件中的图像拖曳到“公司 Logo”文件中，然
后按【Ctrl+T】 组合键，调整笔触的位置、大小和图层的顺序。
网页的色彩
（一）网页配色基本概念
白纸黑字是永远的主题，谁都说不出不好来。 网页最常用流行色 ：蓝色 、绿色 、橙色 、暗红 颜色的忌讳：忌脏 、忌纯 、忌跳 、忌花 、蓝色忌纯、绿
色忌黄、红色忌艳。 几种固定搭配：蓝白橙、绿白蓝、橙白红、暗红黑
非彩色的搭配
• 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非 常清晰明了。灰色是万能色，可以和任何彩色搭配，也可 以帮助两种对立的色彩和谐过渡。如果你实在找不出合适 的色彩，那么用灰色试试，效果绝对不会太差。
焦点型的网 页版式通过 对视线的诱 导，使页面 具有强烈的 视觉效果。
7、焦点型
8、自由型
自由型的页面具有活泼、轻快的风格。
9、三角型
网页各视觉元素呈三角形排列。正三角形（金字塔型）最 具稳定性，倒三角形则产生动感。侧三角形构成一种均衡 版式，既安定又有动感。
10、 对称型
• 对称的页面给人稳定、严谨、庄重、理性的感受。 • 对称分为绝对对称和相对对称。一般采用相对对称的手法，
网页色彩搭配的原理
色彩的鲜明性：网页 的色彩要鲜艳，容易 引人注目
色彩的独特性。要有与 众不同的色彩，使得 大家的印象强烈
色彩的合适性。就是说色 彩和你表达的内容气氛相 适合。如用粉色体现女性 站点的柔性。
色彩的联想性。不同色彩会 产生不同的联想，蓝色想到 天空，黑色想到黑夜，红色 想到喜事等，选择色彩要和 你网页的内涵相关联
2、拐角型
与国字型类似、上 面是标题及广告横幅， 接下来的左侧是一窄 列链接等，右列是很 宽的正文，下面也是 一些网站的辅助信息。 在这种类型中，一种 很常见的类型是最上 面是标题及广告，左 侧是导航链接
3、标题正文型
这种类型即最上面是标题或类 似的一些东西，下面是正文， 比如一些文章页面或注册页面 等就是这种类。
7.框架
• 框架是网页的一种组织形式，将相互关联的多个网页的内 容组织在一个浏览器窗口中显示。例如在一个框架内放置 导航栏，另一个框架中的内容可以随单击导航栏中的链接 而改变。
• 表单是用来收 集访问者信息 或实现一些交 互作用的网页， 浏览者填写表 单的方式是输 入文本、选中 单选按钮或复 选框、从下拉 菜单中选择选 项等。
9.在【图层】调板中选中文字图层，按【Ctrl】键，单击【形状 1】和【图层 1】图层，选中这 3 个图层，然后单击鼠标右键， 从弹出的快捷菜单中选择【合并图层】命令，将这 3 个图层 合 并成一个。
10.双击【背景】图层后面的锁图标，弹出【新建图层】对话框， 单击【确定】按钮，将【背景】 图层转换成普通图层。然后使 用【魔棒工具】 选择白色背景，按【Delete】键删除背景。新 建图层5绘制竖线，新建图层6，绘制横线。选择直线工具（填 充像素、大小：3）绘制相应直线。
9. 使用相同的方法，在导航栏中的其他位置绘制形状。
10. 打开随书光盘中的“素材\ch26\汽车\水晶按钮.psd”图像， 使用【移动工具】 将该水晶按 钮拖曳至导航栏中，并调 整其位置和大小，以及图层的顺序，效果如图所示。
三、制作企业介绍
1.Ctrl+N新建文件：256*221px ，分辩率：“72 像素/ 英寸”， 名称：企业介绍。
7. 按照上述方式，输入网页导航栏中的其他文字信息，并同样 设置投影效果，不同的是将其他 的文字设置为“黑色”
8. 在工具栏中单击【自定形状工具】 ，再在首选项单击【点击 可打开“自定形状”拾色器】 按钮，在弹出的列表框中选择 预设的形状，在网页导航栏中绘制相关的形状，并设置形状 的 颜色为“C:85，M:50，Y:15，K:0”。
4、封面型
这种类型基本上是出现在一些网站的首页，大部分为一些精 美的平面设计结合一些小的动画，放上几个简单的链接或者 仅是一个“进入”的链接甚至直接在首页的图片上做链接而 没有任何提示。这种类型大部分出现在企业网站和个人主页， 如果说处理的好，会给人带来赏心悦目的感觉。
5、“T”结构布局
所谓“T”结构 布局，就是指网 页上边和左边相 结合，页面顶部 为横条网站标志 和广告条，左下 方为主菜单，右 面显示内容，这 是网页设计中用 得最广泛的一种 布局方式。在实 际设计中还可以 改变“T”结构 布局的形式。
9、POP布局
POP源自广告术语，指页 面布局像一张宣传海报， 以一张精美图片作为页面 的设计中心。常用于时尚 类网站，优点是漂亮吸引 人，缺点是速度慢
网页版式的基本类型
1、骨骼型
网页版式的骨骼型是一 种规范的、理性的分割 方法，类似于报刊的版 式。常见的骨骼有竖向 通栏、双栏、三栏、四 栏和横向的通栏、双栏、 三栏和四栏等。一般以 竖向分栏为多。这种版 式给人以和谐、理性的 美。几种分栏方式结合 使用，既理性、条理， 又活泼而富有弹性。
彩色的搭配
色环：我们将色彩按"红->黄->绿->蓝->红"依次 过度渐变，就可以得到一个色彩环
色彩的心理感觉
• 红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒， 热情，活力的感觉。
• 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安 全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。
• 橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨， 时尚的效果。
• 黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。 • 蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体
现柔顺，淡雅，浪漫的气氛(象天空的色彩:) • 白色---具有洁白，明快，纯真，清洁的感受。 • 黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。 • 灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
2. 选择工具箱中的【横排文字工具】 ，在文档中输 入“企 业介绍”，并设置文字的字体为“隶书”，字体大小为 “18 点”，显示方式为“仿斜体”。
3. 在【图层】调板中双击文字所在的图层，打开【图层样式】 对话框，选择【投影】选项，并 设置相关的参数。
4．单击【确定】按钮，为文字添加投影效果。
4. 选择工具箱中的【横排文字工具】 ，在其中输入文字，并 设置文字的颜色为“C:76，M:29， Y:0，K:0”，字体大小 为“18 点”，字体为“楷体_GB2312”。
5. 双击【网站首页】图层，打开【图层样式】对话框，选择 【投影】选项，从中设置相关的参 数。
6. 单击【确定】按钮，即可为文字添加投影效果。
6、“口”型布局
这是一个形象 的说法，指页 面上下各有一 个广告条，左 边是主菜单， 右边是友情链 接等，中间是 主要内容。
7、对称对比布局
• 采取左右或 上下对称的 布局，一半 深色、一半 浅色，一般 用于设计型 站点
8、“三”字型布局
多用于国外 站点，特点页 面上横向两条 色块，将页面 整体分割成四 部分，色块中 大多放广告条。
8.表单
附加：
• 网页中除了 上述这些最 基本的构成 元素外，还 包括横幅广 告、字幕、 悬停按钮、 日戳、计算 器、音频、 视频、Java Applet 等元 素。
网页设计布局
1、“国”字型也称“同”字型
最上面是网站的标 题以及横幅广告条， 接下来就是网站的 主要内容，左右分 列一些两小条内容， 中间是主要部分， 与左右一起罗列到 底，最下面是网站 的一些基本信息、 联系方式、版权声 明等。
4、中轴型
沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排 列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直 排列的页面给人以舒畅的感觉。
5、曲线型
图片、文字在页面上作曲线的分割或编排构成，产生韵律 与节奏。
6、倾斜型
页面主题形象或多幅图片、文字作倾斜编排，形成不稳定 感或强烈的动感，引人注目。
网页设计的基本要求
• 要有网站名称、广告条、主菜单、计数器、和邮件列表等 组成。
• 网页设计还要注意网页的版面和布局、颜色、字体等。 • 要有主题、指南、双向交流的栏目。 • 网站要有根目录、子目录、在各种目录中要有图象目录。
网页设计颜色
使用颜色对不同的页面 元素类型进行标注是十 分有效的方法，比如： 绿色代表超级链接 橙色代表表单项目 紫色代表Js效果
6. 在工具箱上选择【自定形状工具】 ，然后在首选项单击【点 击可打开“自定形状”拾色器】 按钮，打开系统预设的形状 列表框，从中选择需要的形状样式。
7. 在【图层】调板中单击【新建图层】按钮，新建一个图层， 然后在该图层中绘制形状。
8.在【图层】调板中选中【形状 1】图层，单击鼠标右键， 从弹出的快捷菜单中选择【栅格化 图层】命令，即可将该 形状转化换为图层。
2.图像
• 丰富多彩的图像是美化网页必不可少的元素，用于网页上 的图像一般为JPG格式和GIF格式。网页中的图像主要用于 点缀标题的小图片，介绍性的图片，代表企业形象或栏目 内容的标志性图片，用于宣传广告等多种形式。
3.超级链接
• 超级链接是Web网页的主要特色，是指从一个网页指向另 一个目的端的链接。这个“目的端”通常是另一个网页， 也可以是下列情况之一：相同网页上的不同位置、一个下 载的文件、一副图片、一个E-mail地址等。超级链接可以 是文本、按钮或图片，鼠标指针指向超级链接位置时，会 变成小手形状。
二、制作公司导航栏
1.Ctrl+N新建文件：22.58*2.26厘米、分辨率：72像素/英寸、 名称：网页导航栏
2.在工具箱中单击【渐变工具】，然后在首选项栏中 单击 【渐变编辑器】按钮，打开【渐变编辑器】对话框，从中 设置渐变的颜色。
3. 选择【网页导航栏】文件的上边缘，按下鼠标左键不放， 向下拖动渐变填充文件。
项目五：汽车网页设计
一、制作公司 Logo
1.文件>新建：400*200px、分辨率：72、RGB模式、 2.选用文字工具，并设置文字的颜色为“C:100， M:98，Y:44，
K:0”；其中字母的大小为“60 点”，文字的大小为“48 点”、字体为“Rockwell Extra Bold”。
4.导航栏
• 导航栏是一 组超级链接， 用来方便地 浏览站点。 导航栏一般 由多个按钮 或者多个文 本超级链接 组成。
5.动画
• 动画是网页中最活跃的元素，创意出众、制作精致的动画 是吸引浏览者眼球的最有效方法之一。但是如果网页动画 太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳
6.表格
表格是HTML 语言中的一种 元素，主要用 于网页内容的 布局，组织整 个网页的外观， 通过表格可以 精确地控制各 网页元素在网 页中的位置。
网页布局基本元素
——网页由文本、图像、动画、超级链
接等基本元素构成
1.文本
• 一般情况下，网页中最多的内容是文本，可以根据需要对 其字体、大小、颜色、底纹、边框等属性进行设置。建议 用于网页正文的文字一般不要太大，也不要使用过多的字 体，中文文字一般可使用宋体，大小一般使用9磅或12像 素左右即可。
网页设计
网页又叫主页，是用一种 HTML的标志语言来表示 的，它将我们要表示的 信息用HTML语言表示出 来，这就形成了HTML代 码，浏览器的工作主要 是将这些标记语言“翻 译”过来，并照定义的 格式等显示出来，这就 是我们所真正看到的网 页。
网页设计
➢ 网页设计的建站包含：企业网站、集团网站、门户网站、 社区论坛、电子商务网站、网站优整版。主要以图像为诉求点，也可将部分 文字压置于图像之上。视觉传达效果直观而强烈。满版型 给人以舒展、大方的感觉。随着宽带的普及，这种版式在 网页设计中的运用越来越多。
3、分割型
把整个页面分成上下或左右两部分，分别安排图片和文案。 两个部分形成对比：有图片的部分感性而具活力，文案部 分则理性而平静。可以调整图片和文案所占的面积，来调 节对比的强弱。
3. 选中文档中的文字，单击鼠标右键，从弹出的快捷菜单中 选择【仿斜体】命令，将文字设置 为斜体效果。
4. 打开随书光盘中的“素材\ch26\汽车\笔触.psd”图片。
5. 使用【移动工具】 将“笔触”文件中的图像拖曳到“公司 Logo”文件中，然
后按【Ctrl+T】 组合键，调整笔触的位置、大小和图层的顺序。
网页的色彩
（一）网页配色基本概念
白纸黑字是永远的主题，谁都说不出不好来。 网页最常用流行色 ：蓝色 、绿色 、橙色 、暗红 颜色的忌讳：忌脏 、忌纯 、忌跳 、忌花 、蓝色忌纯、绿
色忌黄、红色忌艳。 几种固定搭配：蓝白橙、绿白蓝、橙白红、暗红黑
非彩色的搭配
• 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非 常清晰明了。灰色是万能色，可以和任何彩色搭配，也可 以帮助两种对立的色彩和谐过渡。如果你实在找不出合适 的色彩，那么用灰色试试，效果绝对不会太差。
焦点型的网 页版式通过 对视线的诱 导，使页面 具有强烈的 视觉效果。
7、焦点型
8、自由型
自由型的页面具有活泼、轻快的风格。
9、三角型
网页各视觉元素呈三角形排列。正三角形（金字塔型）最 具稳定性，倒三角形则产生动感。侧三角形构成一种均衡 版式，既安定又有动感。
10、 对称型
• 对称的页面给人稳定、严谨、庄重、理性的感受。 • 对称分为绝对对称和相对对称。一般采用相对对称的手法，
网页色彩搭配的原理
色彩的鲜明性：网页 的色彩要鲜艳，容易 引人注目
色彩的独特性。要有与 众不同的色彩，使得 大家的印象强烈
色彩的合适性。就是说色 彩和你表达的内容气氛相 适合。如用粉色体现女性 站点的柔性。
色彩的联想性。不同色彩会 产生不同的联想，蓝色想到 天空，黑色想到黑夜，红色 想到喜事等，选择色彩要和 你网页的内涵相关联
2、拐角型
与国字型类似、上 面是标题及广告横幅， 接下来的左侧是一窄 列链接等，右列是很 宽的正文，下面也是 一些网站的辅助信息。 在这种类型中，一种 很常见的类型是最上 面是标题及广告，左 侧是导航链接
3、标题正文型
这种类型即最上面是标题或类 似的一些东西，下面是正文， 比如一些文章页面或注册页面 等就是这种类。
7.框架
• 框架是网页的一种组织形式，将相互关联的多个网页的内 容组织在一个浏览器窗口中显示。例如在一个框架内放置 导航栏，另一个框架中的内容可以随单击导航栏中的链接 而改变。
• 表单是用来收 集访问者信息 或实现一些交 互作用的网页， 浏览者填写表 单的方式是输 入文本、选中 单选按钮或复 选框、从下拉 菜单中选择选 项等。
9.在【图层】调板中选中文字图层，按【Ctrl】键，单击【形状 1】和【图层 1】图层，选中这 3 个图层，然后单击鼠标右键， 从弹出的快捷菜单中选择【合并图层】命令，将这 3 个图层 合 并成一个。
10.双击【背景】图层后面的锁图标，弹出【新建图层】对话框， 单击【确定】按钮，将【背景】 图层转换成普通图层。然后使 用【魔棒工具】 选择白色背景，按【Delete】键删除背景。新 建图层5绘制竖线，新建图层6，绘制横线。选择直线工具（填 充像素、大小：3）绘制相应直线。
9. 使用相同的方法，在导航栏中的其他位置绘制形状。
10. 打开随书光盘中的“素材\ch26\汽车\水晶按钮.psd”图像， 使用【移动工具】 将该水晶按 钮拖曳至导航栏中，并调 整其位置和大小，以及图层的顺序，效果如图所示。
三、制作企业介绍
1.Ctrl+N新建文件：256*221px ，分辩率：“72 像素/ 英寸”， 名称：企业介绍。
7. 按照上述方式，输入网页导航栏中的其他文字信息，并同样 设置投影效果，不同的是将其他 的文字设置为“黑色”
8. 在工具栏中单击【自定形状工具】 ，再在首选项单击【点击 可打开“自定形状”拾色器】 按钮，在弹出的列表框中选择 预设的形状，在网页导航栏中绘制相关的形状，并设置形状 的 颜色为“C:85，M:50，Y:15，K:0”。
4、封面型
这种类型基本上是出现在一些网站的首页，大部分为一些精 美的平面设计结合一些小的动画，放上几个简单的链接或者 仅是一个“进入”的链接甚至直接在首页的图片上做链接而 没有任何提示。这种类型大部分出现在企业网站和个人主页， 如果说处理的好，会给人带来赏心悦目的感觉。
5、“T”结构布局
所谓“T”结构 布局，就是指网 页上边和左边相 结合，页面顶部 为横条网站标志 和广告条，左下 方为主菜单，右 面显示内容，这 是网页设计中用 得最广泛的一种 布局方式。在实 际设计中还可以 改变“T”结构 布局的形式。
9、POP布局
POP源自广告术语，指页 面布局像一张宣传海报， 以一张精美图片作为页面 的设计中心。常用于时尚 类网站，优点是漂亮吸引 人，缺点是速度慢
网页版式的基本类型
1、骨骼型
网页版式的骨骼型是一 种规范的、理性的分割 方法，类似于报刊的版 式。常见的骨骼有竖向 通栏、双栏、三栏、四 栏和横向的通栏、双栏、 三栏和四栏等。一般以 竖向分栏为多。这种版 式给人以和谐、理性的 美。几种分栏方式结合 使用，既理性、条理， 又活泼而富有弹性。
彩色的搭配
色环：我们将色彩按"红->黄->绿->蓝->红"依次 过度渐变，就可以得到一个色彩环
色彩的心理感觉
• 红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒， 热情，活力的感觉。
• 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安 全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。
• 橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨， 时尚的效果。
• 黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。 • 蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体
现柔顺，淡雅，浪漫的气氛(象天空的色彩:) • 白色---具有洁白，明快，纯真，清洁的感受。 • 黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。 • 灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
2. 选择工具箱中的【横排文字工具】 ，在文档中输 入“企 业介绍”，并设置文字的字体为“隶书”，字体大小为 “18 点”，显示方式为“仿斜体”。
3. 在【图层】调板中双击文字所在的图层，打开【图层样式】 对话框，选择【投影】选项，并 设置相关的参数。
4．单击【确定】按钮，为文字添加投影效果。
4. 选择工具箱中的【横排文字工具】 ，在其中输入文字，并 设置文字的颜色为“C:76，M:29， Y:0，K:0”，字体大小 为“18 点”，字体为“楷体_GB2312”。
5. 双击【网站首页】图层，打开【图层样式】对话框，选择 【投影】选项，从中设置相关的参 数。
6. 单击【确定】按钮，即可为文字添加投影效果。
6、“口”型布局
这是一个形象 的说法，指页 面上下各有一 个广告条，左 边是主菜单， 右边是友情链 接等，中间是 主要内容。
7、对称对比布局
• 采取左右或 上下对称的 布局，一半 深色、一半 浅色，一般 用于设计型 站点
8、“三”字型布局
多用于国外 站点，特点页 面上横向两条 色块，将页面 整体分割成四 部分，色块中 大多放广告条。
8.表单
附加：
• 网页中除了 上述这些最 基本的构成 元素外，还 包括横幅广 告、字幕、 悬停按钮、 日戳、计算 器、音频、 视频、Java Applet 等元 素。
网页设计布局
1、“国”字型也称“同”字型
最上面是网站的标 题以及横幅广告条， 接下来就是网站的 主要内容，左右分 列一些两小条内容， 中间是主要部分， 与左右一起罗列到 底，最下面是网站 的一些基本信息、 联系方式、版权声 明等。
4、中轴型
沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排 列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直 排列的页面给人以舒畅的感觉。
5、曲线型
图片、文字在页面上作曲线的分割或编排构成，产生韵律 与节奏。
6、倾斜型
页面主题形象或多幅图片、文字作倾斜编排，形成不稳定 感或强烈的动感，引人注目。
网页设计的基本要求
• 要有网站名称、广告条、主菜单、计数器、和邮件列表等 组成。
• 网页设计还要注意网页的版面和布局、颜色、字体等。 • 要有主题、指南、双向交流的栏目。 • 网站要有根目录、子目录、在各种目录中要有图象目录。
网页设计颜色
使用颜色对不同的页面 元素类型进行标注是十 分有效的方法，比如： 绿色代表超级链接 橙色代表表单项目 紫色代表Js效果
6. 在工具箱上选择【自定形状工具】 ，然后在首选项单击【点 击可打开“自定形状”拾色器】 按钮，打开系统预设的形状 列表框，从中选择需要的形状样式。
7. 在【图层】调板中单击【新建图层】按钮，新建一个图层， 然后在该图层中绘制形状。
8.在【图层】调板中选中【形状 1】图层，单击鼠标右键， 从弹出的快捷菜单中选择【栅格化 图层】命令，即可将该 形状转化换为图层。
2.图像
• 丰富多彩的图像是美化网页必不可少的元素，用于网页上 的图像一般为JPG格式和GIF格式。网页中的图像主要用于 点缀标题的小图片，介绍性的图片，代表企业形象或栏目 内容的标志性图片，用于宣传广告等多种形式。
3.超级链接
• 超级链接是Web网页的主要特色，是指从一个网页指向另 一个目的端的链接。这个“目的端”通常是另一个网页， 也可以是下列情况之一：相同网页上的不同位置、一个下 载的文件、一副图片、一个E-mail地址等。超级链接可以 是文本、按钮或图片，鼠标指针指向超级链接位置时，会 变成小手形状。
二、制作公司导航栏
1.Ctrl+N新建文件：22.58*2.26厘米、分辨率：72像素/英寸、 名称：网页导航栏
2.在工具箱中单击【渐变工具】，然后在首选项栏中 单击 【渐变编辑器】按钮，打开【渐变编辑器】对话框，从中 设置渐变的颜色。
3. 选择【网页导航栏】文件的上边缘，按下鼠标左键不放， 向下拖动渐变填充文件。