Dreamweaver网页设计项目教程王雪松项目一任务1课件教学.pptVIP

* * Dreamweaver网页设计项目教程 机械工业出版社 任务一 分析图纸（建议1学时） 01 任务分析 02 任务实施 03 任务评价 04 触类旁通 任务分析 网页设计师在切图、编写HTML、CSS代码之前应当对页面效果图进行详细的观察与分析，将页面的元素、组织结构分析清楚。只有整理好的制作思路，才能保证制作工作的顺利完成。 任务实施 分析首页 布局分析 页面的背景为黄色，颜色值为#f2f38d 页面在窗口中居中显示。 网页整体分为上中下结构。 文字分析 1. 栏目的导航为文字属性为黑体、12号、白色。“设为首页”、“加入收藏”两个栏目文字为黑体、11号、颜色值为#5b3916 2. 会员登录、产品类别，标题栏的文字为黑体、12号，白色，加粗。畅销产品为黑体12号颜色值为#5b3916，加粗。 3. 其他说明文字为黑体12号颜色值为#5b3916。 切图、尺寸分析 按照效果图提取尺寸。此步骤在Photoshop中完成。如页面的宽度（白色背景的区域）为827px。导航栏宽度为793px，高度为38px。 任务实施 任务评价 评价标准 确定页面主要颜色值 确定网页各个部分的文字属性 确定插入的广告制作完毕 根据网站效果图确定各个部分的框架以及框架的宽度、高度等信息 为网站切图切图 以图表的形式进行表达 触类旁通 使用特殊字体的文字需要把文