《网站前台设计——项目化教学实施案例 教学课件 ppt 作者 肖玉 陈炳和 等编著2-2教学单元设计网站首页页面制作课件》由会员分享，可在线阅读，更多相关《网站前台设计——项目化教学实施案例 教学课件 ppt 作者 肖玉 陈炳和 等编著2-2教学单元设计网站首页页面制作课件（15页珍藏版）》请在金锄头文库上搜索。
1、规划展览馆网站前台设计,网站首页页面制作,任务编号：2-2,地 点： 网影科技有限公司网站开发部 时 间： 上午8：20 主 持： 网站开发部项目总监 参加人员：网站开发部各项目组经理及成员 会议议题：网站首页页面制作,创建情境,网站开发部每周例会,制作完成页面设计原型,制作完成界面动画设计,试做网页,将页面元素插入到页面中，并进行规范设计,已完成工作,会 前,规 范,设置文字、列表、分段等规范 如何丰富网页效果,简单应用JavaScipt,方 法,定义CSS样式设置链接 用表格进行页面布局 简单JavaScipt的应用方法,思 路,1.表格规范设计网页的方法 2.应用JavaScipt的方法
2、,规 范,如何设置文字、列表、分段等规范,布局规划,解决方法,1.网页中文字、列表及分段的常用方式 2.网页中链接的设置规范,规 范,2.如何丰富网页效果,简单应用JavaScipt,简单的JavaScript应用 1、标签的应用 2、 JavaScript文件命名、保存位置的规范,JavaScipt应用,解决方法,CSS样式与应用,解决方法,CSS样式的作用： 能够设置格式规则,从而控制网页内容的外观 操作步骤：,思 路,1.使用CSS样式对网页进行规范设计的方法,设置样式表运用对象(选择类型),选择标签,设置样式表运用范围,设置格式规则,应用CSS样式,2.表格规范设计网页的方法,表格设计
3、规范,思 路,1.分析页面布局模式，确定表格的行列数 2.确定布局设计表格规范： 边框宽度、单元格间距的设置 3.利用1像素图片固定表格布局,链接的制作,方 法,1.定义CSS样式设置链接,链接的四个状态： a:link 链接 a:active 活动链接 a:visited 访问过的链接 a:hover 鼠标处在链接上 链接的外观设置: 下划线的设置,表格布局,方 法,2.用表格进行页面布局,1.表格和嵌套表格的设置方法 2.设置表格基本属性 3.插入表格中的页面元素,添加特效,方 法,3.应用JavaScipt的方法,1.利用网络搜索JavaScipt的应用效果 2.简单的JavaScrip
4、t应用 标签的应用,1） CSS样式设计规范：,（1）分析需要设置的格式规则 分析一般规律，设置规则,（2）新建CSS样式表,（3）根据CSS样式不同的运用范围,可以设置仅对 当前文档或保存成独立的文件，应用到多个文档。,归纳总结,2）表格的设计规范,（1）根据页面布局模式，确定插入表格的行列数 （2）确定表格的边框宽度、单元格间距的设置 （3）利用1像素图片固定表格布局,归纳总结,3）JavaScript应用的设计规范,（1）标签的应用 （2） JavaScript文件命名、保存位置的规范,归纳总结,项目组整改方案,并创新设计,项目组撰写总结报告,项目组进行下阶段工作准备,继 续 修 改 创 新 设 计,会后,
