04_教学单元设计1-4在DW中进行网页设计.pptVIP

* BTB资讯网网站建设 ——在Dreamweaver中进行网页设计 任务编号：1-4 地 点： 网影科技有限公司网页设计部 时 间： 上午8：30 主 持： 网页设计部项目总监 参加人员：网页设计部各项目组经理及成员 会议议题：BTB资讯网站建设项目中在Dreamweaver中进行网页设计 创建情境 网页设计部每周例会 制作完成设计原型 制作完成flash导航条 试做网页,将页面元素插入到页面中，并进行规范设计 已完成工作 会 前 项目经理安排人员分工 分析任务 查找资料 初稿试做 准备汇报材料 1.工作汇报 （1）组内分工情况 （2）任务完成情况 （3）展示成果 5.BTB项目代表指出问题 6.各项目组相互点评，提出解决方案 8.修改完善方案 9.总结规范 2.针对汇报，提出问题 3.评价核实任务完成情况 4.按考核标准评分 7.对难点进行技术指导 创新设计 汇报创新方案 点评方案，总结归纳 布置新任务 教师(项目总监) 学生（项目经理和项目组成员） 完成方案 方案创新 任务前期准备 任务执行 规 范 网站的管理，网站的命名规范 如何设置文字、列表、分段等规范 如何使图像等修饰元素完整呈现工作原型的效果 方 法 定义CSS样式设置链接 用表格进行页面布局 简单行为特效的方法 讨论分析与解决 思 路 1.使用CSS样式对网页进行规范设计的方法 2.表格规范设计网页的方法 讨论分析与解决 规 范 网站的管理，网站的命名规范 网站管理 解决方法 1.网站用到的网页素材需合理放置在网站根目录文件夹下 2.网页命名“顾名思义“原则等基本规范 讨论分析与解决 规 范 如何设置文字、列表、分段等规范 布局规划 解决方法 1.网页中文字、列表及分段的常用方式 2.网页中链接的设置规范 讨论分析与解决 规 范 2.如何使图像等修饰元素完整呈现工作原型的效果 解决方法一：在“属性面板”修改单元格的背景颜色 方法二：在“属性面板”设置单元格背景图片 讨论分析与解决 讨论分析与解决 CSS样式与应用 解决方法 CSS样式的作用： 能够设置格式规则,从而控制网页内容的外观 操作步骤： 思 路 1.使用CSS样式对网页进行规范设计的方法 设置样式表运用对象(选择类型) 选择标签 设置样式表运用范围 设置格式规则 应用CSS样式 讨论分析与解决 2.表格规范设计网页的方法 表格设计规范 思 路 1.分析页面布局模式，确定表格的行列数 2.确定布局设计表格规范： 边框宽度、单元格间距的设置 3.利用1像素图片固定表格布局 讨论分析与解决 链接的制作 方 法 1.定义CSS样式设置链接 链接的四个状态： a:link 链接 a:active 活动链接 a:visited 访问过的链接 a:hover 鼠标处在链接上 链接的外观设置: 下划线的设置 讨论分析与解决 表格布局 方 法 2.用表格进行页面布局 1.表格和嵌套表格的设置方法 2.设置表格基本属性 3.插入表格中的页面元素 讨论分析与解决 添加特效 方 法 3.简单行为特效的方法 1.行为、事件和动作的对应关系 2.简单的JavaScript应用 Script/Script标签的应用 *