网页设计实训教程

前言

实训一 制作诗词欣赏页面

1.1 实训目标

1.2 实训内容

1.3 实训效果

1.4 实现过程

任务1：制作诗词欣赏页面

任务2：美化诗词欣赏页面

1.5 总结与思考

实训二 制作新闻列表页面

2.1 实训目标

2.2 实训内容

2.3 实训效果

2.4 实现过程

任务1：制作新闻列表页面

任务2：美化新闻列表页面

2.5 总结与思考

实训三 制作导航菜单

3.1 实训目标

3.2 实训内容

3.3 实训效果

3.4 实现过程

任务1：编辑导航菜单

任务2：美化导航菜单

3.5 总结与思考

实训四 制作个人相册

4.1 实训目标

4.2 实训内容

4.3 实训效果

4.4 实现过程

任务1：编辑个人相册

任务2：美化个人相册

4.5 总结与思考

实训五 制作成绩登记表

5.1 实训目标

5.2 实训内容

5.3 实训效果

5.4 实现过程

任务1：制作成绩登记表

任务2：美化成绩登记表

5.5 总结与思考

实训六 使用框架制作网站管理中心系统

6.1 实训目标

6.2 实训内容

6.3 实训效果

6.4 实现过程

任务1：制作框架结构

任务2：子窗口的设置

任务3：页面设计

任务4：浮动框架

6.5 总结与思考

实训七 制作会员登录与注册页面

7.1 实训目标

7.2 实训内容

7.3 实训效果

7.4 实现过程

任务1：制作会员登录页面

任务2：制作注册页面

任务3：实现表单信息验证

7.5 总结与思考

实训八 使用DIV+CSS布局网站首页

8.1 实训目标

8.2 实训内容

8.3 实训效果

8.4 实现过程

任务1：企业网站布局设计

任务2：页面各区域内容实现

8.5 总结与思考

实训九 综合案例——我的博客

9.1 分析结构

9.1.1 设计分析

9.1.2 排版架构

9.2 模块设计

9.2.1 导航与banner

9.2.2 左侧列表

9.2.3 内容部分

9.2.4 footer脚注

9.3 整体调整

9.4 网页源码

实训十 综合案例——企业网站

10.1 分析结构

10.1.1 设计分析

10.1.2 排版架构

10.2 模块设计

10.2.1 导航与banner

10.2.2 左侧部分

10.2.3 中间部分

10.2.4 右侧部分

10.2.5 footer脚注

10.3 整体调整

10.4 网页源码

实训十一 综合案例——班级网站

11.1 班级网站的规划与设计

11.1 1网站定位

11.1.2 需求分析

11.1.3 栏目设计

11.1.4 站点定义与目录管理

11.1.5 网站的风格设计

11.2 网页设计与制作

11.2.1 页面布局

11.2.2 全局CSS定义

11.2.3 首页制作

11.2.4 二级页面制作

11.2.5 内容页面制作

11.3 网站测试与发布

11.3.1 安装ns服务器

11.3.2 建立虚拟目录

11.3.3 管理站点

参考文献

《网页设计实训教程/国家示范（骨干）高职院校重点建设专业优质核心课程系列教材》根据高等职业教育和教学的特点，充分考虑高等职业院校学生的学习基础、认知规律与培养目标，按照“项目导向、任务驱动”的原则编写。
　　《网页设计实训教程/国家示范（骨干）高职院校重点建设专业优质核心课程系列教材》包含八个基本实训项目和三个综合实训项目。按照能力递进的原则，安排各个基本实训项目的学习。每个实训项目分为不同的任务，每个学习任务对应PHP的不同知识点，使学生在完成任务及基础实训项目的同时，掌握PHP的基本知识点，逐步培养程序设计能力。三个综合实训项目分别按照网站开发的流程和步骤划分为不同的任务，使学生在完成任务及实训项目的同时，逐步培养静态网站开发能力。
　　《网页设计实训教程/国家示范（骨干）高职院校重点建设专业优质核心课程系列教材》取材新颖、概念清楚、语言简洁流畅、结构合理、通俗易懂、实用性强，便于教师指导教学和学生自学，适合作为高等职业院校相关专业教材，也可作为静态网站开发爱好者的参考用书。

充分考虑高等职业院校学生的学习基础、认知规律与培养目标，按照“项目导向、任务驱动”的原则编写。
　　包含八个基本实训项目和三个综合实训项目。每个基本实训中都有一个完整的案例，每个案例都是构成一个网站或网页的一部分，具有真实的应用价值。
　　按照能力递进的原则安排各实训项目的学习，每个实训项目分为不同的任务，每个学习任务对应PHP的不同知识点，使学生在完成任务的同时，掌握PHP的基本知识点，逐步培养静态网站开发能力。