武进规划局网站建设

武进规划局网站建设

——网页页面设计

任务编号：2-3地点：网影科技有限公司网页设计部时间：上午8：30主持：网页设计部项目总监参加人员：网页设计部各项目组经理及成员会议议题：BTB资讯网站建设项目中网页页面设计创建情境网页设计部每周例会制作完成页面设计原型制作完成界面动画设计试做网页,将页面元素插入到页面中，并进行规范设计已完成工作会前项目经理安排人员分工分析任务查找资料初稿试做准备汇报材料1.工作汇报（1）组内分工情况（2）任务完成情况（3）展示成果5.BTB项目代表指出问题6.各项目组相互点评，提出解决方案8.修改完善方案9.总结规范2.针对汇报，提出问题3.评价核实任务完成情况4.按考核标准评分7.对难点进行技术指导创新设计汇报创新方案点评方案，总结归纳布置新任务

教师(项目总监)学生（项目经理和项目组成员）完成方案方案创新任务前期准备任务执行规范设置文字、列表、分段等规范如何丰富网页效果,简单应用JavaScipt方法定义CSS样式设置链接用表格进行页面布局简单JavaScipt的应用方法讨论分析与解决思路1.表格规范设计网页的方法2.应用JavaScipt的方法讨论分析与解决规范如何设置文字、列表、分段等规范布局规划解决方法1.网页中文字、列表及分段的常用方式2.网页中链接的设置规范讨论分析与解决规范2.如何丰富网页效果,简单应用JavaScipt简单的JavaScript应用

1、<Script></Script>标签的应用

2、JavaScript文件命名、保存位置的规范JavaScipt应用解决方法讨论分析与解决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.应用JavaScipt的方法1.利用网络搜索JavaScipt的应用效果2.简单的JavaScript应用

<Script></Script>标签的应用1）CSS样式设计规范：（1）分析需要设置的格式规则

分析一般规律，设置规则（2）新建CSS样式表（3）根据CSS样式不同的运用范围,可以设置仅对当前文档或保存成独立的文件，应用到多个文档。归纳总结2）表格的设计规范（1）根据页面布局模式，确定插入表格的行列数（2）确定表格的边框宽度、单元格间距的设置（3）利用1像素图片固定表格布局归纳总结3）JavaScript应用的设计规范（1）<Script></Script>标签的应用（