一、讲授内容
本课程主要训练学生网站前台网面页界面的设计。要求学生能够熟练使用Photoshop、Dreamweaver、Flash等设计软件,熟悉HTML、CSS、JavaScript等语言。使学生能够综合应用以上内容进行网站规划、页面组织、素材准备等。
主要内容有:网站设计流程;利用photoshop设计主页结构图(包括:色彩定位、logo图片、**图片、背景图片、栏目设置等);页面设计(利用CSS/DIV进行整体布局、样式控制、网页中Flash的使用、JavaScript在页面中的应用)
二、授课的具体进度安排
(一)网站建设与规划
要求学生掌握网站建设的一般步骤,规划网站的内容结构、目录结构和链接结构,确定网页设计风格。
Ø 实训题目:试写一份网站规划说明书
Ø 实训内容
n 创建网站的市场分析
n 创建网站目的及功能定位
n 网站技术解决方案
n 网站内容规划
n 网页设计
n 网站调试
n 维护与管理
(二)HTML、CSS基础知识
要求学生能够熟练使用HTML、CSS编写简单页面
Ø 实训题目:编写个人简历页面
Ø 实训内容:给定一个基本个人简历页面,让学生利用HTML+CSS进行页面的进一步格式化
(三) CSS/DIV布局
要求学生深入理解盒子模型、浮动与定位、文字与图像设计,能够使用CSS+DIV进行页面整体布局
Ø 实训题目:将一个已有的网站首页图片通过photoshop或fireworks进行切割,然后利用CSS+DIV进行布局,改写成网页
(四)综合案例练习----企业网站首页制作
通过一个完整的公司网站首页的设计和制作过程,使同学们对制作网站网有一个整体的认识
(五)综合案例练习----网上购物网站首页制作
通过该实例的制作让学生进一步熟悉和掌握网页的构建
(六)将Flash和JavaScript应用到网页设计中
(七)二级页面的设计
(八)网站完成及测试发布
网页设计实训大纲,谢谢阅读。
查看更多宁波网站制作网页设计大纲实训