项目5网页制作素材.ppt

网页设计网页又叫主页，是用一种HTML的标志语言来表示的，它将我们要表示的信息用HTML语言表示出来，这就形成了HTML代码，浏览器的工作主要是将这些标记语言“翻译”过来，并照定义的格式等显示出来，这就是我们所真正看到的网页。网页设计的建站包含：企业网站、集团网站、门户网站、社区论坛、电子商务网站、网站优化技术等网页设计的基本要求使用颜色对不同的页面元素类型进行标注是十分有效的方法，比如：绿色代表超级链接橙色代表表单项目紫色代表Js效果网页的色彩（一）网页配色基本概念非彩色的搭配彩色的搭配色彩的心理感觉网页色彩搭配的原理色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。网页布局基本元素1.文本2.图像3.超级链接4.导航栏5.动画
动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球的最有效方法之一。但是如果网页动画太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳6.表格7.框架
框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如在一个框架内放置导航栏，另一个框架中的内容可以随单击导航栏中的链接而改变。8.表单附加：网页设计布局1、“国”字型也称“同”字型2、拐角型3、标题正文型4、封面型5、“T”结构布局6、“口”型布局7、对称对比布局8、“三”字型布局9、POP布局网页版式的基本类型1、骨骼型2、满版型3、分割型4、中轴型5、曲线型6、倾斜型7、焦点型8、自由型9、三角型10、对称型项目五：汽车网页设计1.文件>新建：400*200px、分辨率：72、RGB模式、
2.选用文字工具，并设置文字的颜色为“C:100，M:98，Y:44，K:0”；其中字母的大小为“60点”，文字的大小为“48点”、字体为“RockwellExtraBold”。3.选中文档中的文字，单击鼠标右键，从弹出的快捷菜单中选择【仿斜体】命令，将文字设置为斜体效果。
4.打开随书光盘中的“素材\ch26\汽车\笔触.psd”图片。5.使用【移动工具】将“笔触”文件中的图像拖曳到“公司Logo”文件中，然
后按【Ctrl+T】组合键，调整笔触的位置、大小和图层的顺序。
6.在工具箱上选择【自定形状工具】，然后在首选项单击【点击可打开“自定形状”拾色器】按钮，打开系统预设的形状列表框，从中选择需要的形状样式。7.在【图层】调板中单击【新建图层】按钮，新建一个图层，然后在该图层中绘制形状。
8.在【图层】调板中选中【形状1】图层，单击鼠标右键，从弹出的快捷菜单中选择【栅格化图层】命令，即可将该形状转化换为图层。9.在【图层】调板中选中文字图层，按【Ctrl】键，单击【形状1】和【图层1】图层，选中这3个图层，然后单击鼠标右键，从弹出的快捷菜单中选择【合并图层】命令，将这3个图层合并成一个。
10.双击【背景】图层后面的锁图标，弹出【新建图层】对话框，单击【确定】按钮，将【背景】图层转换成普通图层。然后使用【魔棒工具】选择白色背景，按【Delete】键删除背景。新建图层5绘制竖线，新建图层6，绘制横线。选择直线工具（填充像素、大小：3）绘制相应直线。二、制作公司导航栏3.选择【网页导航栏】文件的上边缘，按下鼠标左键不放，向下拖动渐变填充文件。
4.选择工具箱中的【横排文字工具】，在其中输入文字，并设置文字的颜色为“C:76，M:29，Y:0，K:0”，字体大小为“18点”，字体为“楷体_GB2312”。
5.双击【网站首页】图层，打开【图层样式】对话框，选择【投影】选项，从中设置相关的参数。6.单击【确定】按钮，即可为文字添加投影效果。
7.按照上述方式，输入网页导航栏中的其他文字信息，并同样设置投影效果，不同的是将其他的文字设置为“黑色”
8.在工具栏中单击【自定形状工具】，再在首选项单击【点击可打开“自定形状”拾色器】按钮，在弹出的列表框中选择预设的形状，在网页导航栏中绘制相关的形状，并设置形状的颜色为“C:85，M:50，Y:15，K:0”。9.使用相同的方法，在导航栏中的其他位置绘制形状。
10.打开随书光盘中的“素材\ch26\汽车\水晶按钮.psd”图像，使用【移动工具】将该水晶按钮拖曳至导航栏中，并调整其位置和大小，以及图层的顺序，效果如图所示。三、制作企业介绍3.在【图层】调板中双击文字所在的图层，打开【图层样式】对话框，选择【投影】选项，并设置相关的参数。
4．单击【确定】按钮，为文字添加投影效果。5.在工具箱中选择【自定形状工具】，再在首选项单击【点击可打开“自定形状”拾色器】按钮，打开系统预设的形状列表框，从中选择需要的形状样式，在文档中绘制一个形状。
6.打开随书光盘中的“素材\ch26\汽车\办公大楼.jpg”图像。7.使用【移动工具】将办公大楼拖至“企业介绍