讲网页制作 .ppt

第九讲 网页设计 1 网页设计 网页设计一般使用Flash、Dreamweaver、Fireworks等专业工具来实现，但Photoshop的最大优势就是图像的合成与图像编辑，可以对图像进一步加工、细化，或将数幅图像进行拼接，所以在制作网页时通常是用Photoshop制作网页的版面样稿以及网页的界面。 2 网页浏览 门户网页 门户类网站是互联网的中坚，分为专业领域与搜索引擎类网站，拥有庞大的信息量和用户资源，门户网站以无数信息整合、分类，为网上访问者打开浏览之门。 门户网页的板式 整体上是结构清晰、相对稳定的形式，通常以立体导航为引导，分区进行网页区域的划分； 门户网页的色彩基调 采用蓝、白、青等色为主色调 企业网页 企业网页设计制作的出发点在介绍本企业产品的特征性能以及产品开发状况 企业网页的版式 通常以导航条或区域块进行分割和组织，线形的分割应用一定要根据企业的特性来决定 企业网页的色彩基调 企业网页的色调采用应符合本企业自身生产的特性，最忌主体色调不鲜明，过于繁琐、复杂。 个人网页 个人网页可以充分展示自我，多姿多彩 个人网页的版式 自由式 色彩基调 以个性化的风格出现，所以色彩的搭配至关重要，宜用充满活力的红色、清爽的天蓝色，华丽的金黄色为主调。 班级网页 班级网页在表现形式上更具活泼自由。 班级网页的版式 通常以班级人员学习的系别、科目等因素决定设计的各个元素的运用，由于班级网页的浏览访问者均是本班同学，所以在制作时多采用班级的特性来决定版式。 色彩基调 因符合本班同学的整体特征。班级网页的色彩最忌主体色调不鲜明，过于沉闷、复杂。 艺术网页 服饰网页 影视网页 游戏网页 军事网页 女性网页 3 制作网页 班级网页 影视网页 3.1 班级网页 新建20*15cm的分辨率为120像素／英寸的画布，设置前景色（R:237 G:0 B:117），给画布填充前景色； 新建图层1，单击钢笔工具，绘制如图所示的闭合路径，然后将路径转换为选区，给选区填充白色； 将图层1的不透明度设置为30％，将图层1拖动到“新建图层”按钮上，生成图层1副本，将其不透明度设置为50％，按住Ctrl＋T键，给图层1副本进行自由变换（水平翻转）命令，按Ctrl键调整图像的透视位置； 将图层1副本复制成图层1副本2，调整不透明度为50％，然后对图像进行大小、透视的调整； 新建图层2，选择矩形选框工具，在图中建立一个矩形选区，填充白色，如图 新建图层3，选择钢笔工具，绘制如图所示的路径，给路径描边，画笔大小为8像素，描边颜色为（R:249 G:138 B:193），给图层2添加“外发光”图层样式，对话框设置如图 将图层3复制，生成图层3副本，选择变换水平翻转垂直翻转，并将其移动到合适的位置。 打开班级文件，选择椭圆形选框工具，从班级像片中裁取一个正圆形区域，将其拖到画布中，自动生成一个新图层，命名为“照片”； 执行“图像”“调整”“色彩平衡”命令，参数设置如图，再执行“图像”“调整”“亮度／对比度”，将对比度调整为14。 给照片图层添加图层样式，“外发光”对话框设置如图，颜色设置为（R:188 G:65 B:251），斜面和浮雕对话框设置如图，描边设置对话框如图，颜色从左到右为白色到颜色（R：233 G：11 B：135） 打开按钮1文件，将图片移动到画布中适当的位置，生成图层5； 新建图层4，选择椭圆工具，在画布中画出正圆，然后进行描边，描边参数设置如图，再画一个正圆，描边，生成图层6，将图层6移动到图层5下面 选择文字工具，在画布中输入如图的文字。 3.2 影视网页 新建18*15cm的分辨率为120像素／英寸的画布； 单击渐变工具，在渐变编辑器中设置渐变的填充值，颜色设置从左到右为（R:154 G:200 B:50）到（R:103 G:149 B:0），在背景图层上拖出渐变效果。 添加标尺，如图 新建图层1，选择矩形选框工具，在文件中绘制一个矩形选区，填充颜色为（R:99 G:144 B:11），执行描边命令，宽度为2像素，位置为居外，颜色为白色，如图； 单击圆角矩形工具，在文件中央的矩形上依次拖出两排圆角矩形形状（建立一个圆角矩形即可，其它圆角矩形可以复制移动，按Alt键），将路径转化为选区，选择图层1，按Delete键删除选区内内容，效果如图。 将标尺线向里面移动一点，选择矩形选框工具，在文件中央绘制一个矩形选区，新建图层2，填充白色，如图。调整标尺，继续在白色矩形上方绘制一个矩形选区，新建图层3，填充颜色（R:102 G:150 B:50） 选择矩形选框工具，在白色矩形上方绘制一个矩形选区，新建图层4，填充颜色为（R:61 G:109 B:9）； 选择单行选框和单列选框工具，在图层4图像上建立如图选区，并删除图层4上的图像；