规划动态网站学习单元2.ppt

列表样式五：图片幻灯封样式 有编号的图片导航 无编号的图片导航 任务三设计动态网站页面 1.页面顶部：网站LOGO、站内搜索 2.导航 3.产品广告 4.通知公告 5.联系我们 6.精品花卉 7.媒体报导 8.行业资讯、公司新闻 9.友情链接 子任务1：绘制首页 一、新建文件，设置网页大小 1. 启动Photoshop CS3软件，执行“文件”“新建”命令，按照网站整体设计说明书中对页面尺寸的约束要求，新建宽度为1000像素、高度为800像素的文件，分辨率为72像素/英寸，RGB颜色模式。 2. 参考标注尺寸的首页结构图，添加标尺和参考线，进行页面布局。使用快捷键ctrl+r，打开标尺工具，标注参考线。 参考网页版式布局图上的数据，如图2-44网页结构图所示，新建参考线。将页面划分为头部区域、内容区域和尾部区域，内容区域又分成左右两部分，如图2-45标尺图。 3. 创建图层组，分类管理 按照页面结构图如左图页面结构说明，构建图层组结构如右图图层结构。 二、设计制作网站顶部 【操作步骤】： （一）公司LOGO 插入公司的LOGO图片。 （二）搜索框及搜索迎按钮 1.使用矩形选区工具绘制一个矩形选区，宽136px，高20px，如下图所示 2.给矩形选区描边： 将鼠标移动到选区内部，右击鼠标，弹出如左图的快捷菜单，选择“描边命令