七年级信息技术 网页设计教案 青岛版VIP免费

第8课网页设计课题：网页设计课型：新授课课时：3课时教学目标（思想、知识、能力）：1、通过本课学习设计制作网页，锻炼同学们的绘图能力。2、使同学们学习使用photoshop设计制作网页，生面网页格式。教学重点：使用photoshop设计制作网页，生面网页格式。教学难点：使用photoshop设计制作网页，生面网页格式。教学程序：复习提问：1、怎样隐藏图层？怎样移动图层？导入新课：上节课我们学习的滤镜的使用方法，学会选区的绘制与修改。本节课我们学习设计制作网页，锻炼同学们的绘图能力。同学们学会使用photoshop设计制作网页，生面网页格式。讲授新课：1、主框架制作第1步：新建一个名为“网页设计”的文件，宽是770像素，高是470像素，分辨率是72像素，颜色模式是RGＢ，背景内容是白色。第２步：新建一个图层，命名为“底色”。将前景色设置成“#D1E0AD”，用前景色填充“底色”图层。单击“滤镜”莱单“纹理”子菜单中的“纹理化”命令。第3步：单击“编辑”菜单“预置”子菜单中的“参考线、网络切片”命令，进行设置。第4步：单击“视图”菜单中的标尺，显示标尺。第5步：单击“选择”菜单中的“变换选区”命令，再单击“编辑”菜单“变换”子菜单中的“透视”命令，将光标移动到选框的左上角，向右移动5个格，单击“进行变换”按钮完成操作。第6步：选取工具箱中的“魔棒”工具，在空白处单击，新建一个图层，命令为“大轮廓线”。单击“选择”菜单“修改”子菜单中的“扩展”命令，扩展量是7像素。第7步：单击“图层”菜单“图层样式“中的”斜面和浮雕“进行设置。二、按钮制作第1步：在“背景“图层的上面新建一个图层，改名为”按钮区“。画一个高2个格的长条，用前景色填充。单击“图层”菜单“图层样式”子菜单中的斜面和浮雕。进行设置。第2步：新建一个图层，改名为“按钮”。在相应位置画一个宽6个格的小长方形。单击编辑菜单中的填充命令，在填充对话框中设置填充内容为“白色”再单击编辑菜单中的描边命令，设置描边为1像素，颜色选黑色，位置居内。第3步：复制“按钮”图层，连续复制4个副本。选取工具箱中的移动工具，调整副本4的像素。第4步：将所有按钮图层链接起来。第5步：给按钮输入文字，调整好文字的位置。三、标题栏的制作第1步：选背景图层，打开花文件。选取工具箱中的移动工具，将文件中的像素拖到网页设计文件中。将新生成的图层改名为标题背景。第2步：单击底图图层，选取工具箱中的魔棒工具，在按钮区下面单击。第3步：选取工具箱中的矩形选框工具，在其选项栏中选“从选区中减去”，在已有选区的上方画一个矩形框，将按钮区以上的部分减去。第4步：单击“选择”菜单中的反选命令，选标题背景图层。单击“添加矢量蒙版”按钮，将“空白处”的像素遮挡住。第5步：新建一个图层，改名为“方格”单击“背景图层右侧的”眼睛“图层，使背景图层不显示。选取工具箱中的矩形选框工具，在其选项栏中选新选区。第6步：按删除键删除选框中的像素，并取消选区。在按钮区以上的部位画一个矩形选框。单击“编辑”菜单中的填充命令，在填充对话框内容栏使用列表框中选图案。第7步：将方格图层的总体不透明度设置成10%，取消选区。第8步：选取工具箱中的文字工具，进行设置。单击“图层”菜单“图层样式”子菜单中的“外发光”命令，将“外发光”调板“结构”栏中的不透明度设置成100%，其他默认就可以了。第9步：单击选择底图图层，打开标志设计文件。再单击XX图层，选取工具箱中的移动工具，将XX图层中的像素拖动到网页设计文件中。第10步：单击图层菜单中的合并链接图层命令，再单击“编辑”菜单中的自由变换命令，将选项栏目中的W和H大小设置成40%，再设置其投影样式，投影样式默认镇。四、输出网页格式第1步：勾选视图菜单中对齐选项，选取工具箱中的切片工具，从左上角开始，按住鼠标左键拖出矩形框，将图像分割如左下图所示。从左上角开始，再从右下图中标出的位置拖一个选框。第2步：继续往下拖选框，把按钮分开。第3步：将三个显示框也分割开。第4步：选取工具箱中的切片选取工具，在首页03切片上单击历键，在弹出菜单中单击“编辑切片选项命令，在切...