网页设计与制作案例教程

目录第1章Web服务器及开发环境的搭建/1 1.1实验一开发环境的搭建/1 1.1.1实验目的/1 1.1.2实验要求/1 1.1.3相关知识/1 1.1.4实验内容及步骤/1 项目一安装、配置Apache/1 项目二安装、配置IIS/3 项目三Windows系统中FTP服务器的配置/6 1.2实验二制作一个网页/8 1.2.1实验目的/8 1.2.2实验要求/8 1.2.3相关知识/8 1.2.4实验内容及步骤/10 项目一使用编辑器编写网页/10 项目二编写一个结构完整的HTML页面/10第2章熟悉HTML的基本标记/12 2.1实验一熟悉HTML(一)/12 2.1.1实验目的/12 2.1.2实验要求/12 2.1.3相关知识/12 2.1.4实验内容及步骤/14 项目一学习创建简单的网页/14 项目二创建不同类型的链接/16 项目三链接到同一页面的不同位置/17 项目四添加图像/18 2.2实验二熟悉HTML(二)/19 2.2.1实验目的/19 2.2.2实验要求/19 2.2.3相关知识/19 2.2.4实验内容及步骤/21 项目一制作学生成绩单/21 项目二创建嵌套列表/22 项目三创建用户注册表单/23第3章CSS的运用/25 3.1实验一CSS基础知识/25 3.1.1实验目的/25 3.1.2实验要求/25 3.1.3相关知识/25 3.1.4实验内容及步骤/27 项目一用CSS格式化文本/27 项目二用CSS美化颜色和背景/30 项目三用CSS美化表单/35 3.2实验二CSS布局/36 3.2.1实验目的/36 3.2.2实验要求/37 3.2.3相关知识/37 3.2.4实验内容及步骤/38 项目一盒子模式/38 项目二浮动和导航条/42 项目三网页布局/46第4章JavaScript入门/52 4.1实验一JavaScript基础知识/52 4.1.1实验目的/52 4.1.2实验要求/52 4.1.3相关知识/52 4.1.4实验内容及步骤/54 项目一文本输出及提示框调用/54 项目二变量定义和条件语句/55 项目三while循环/56 项目四数组/58 4.2实验二了解jQuery/59 4.2.1实验目的/59 4.2.2实验要求/59 4.2.3相关知识/59 4.2.4实验内容及步骤/60 项目一jQuery基础/60 项目二jQuery选择器和事件/61 项目三jQuery效果/63 4.3实验三编写综合JavaScript程序/68 4.3.1实验目的/68 4.3.2相关知识/68 4.3.3实验内容及步骤/69 项目一图片轮播插件的应用/69 项目二在表单上使用日期时间选择器/71 项目三在网页上绘制图表/74第5章网页版式设计/78 5.1实验一Web图像基础/78 5.1.1实验目的/78 5.1.2实验要求/78 5.1.3相关知识/78 5.1.4实验内容及步骤/79 项目一创建并存储一个平面彩色图像/79 项目二保存多级透明度图像/80 项目三创建并保存多色彩图片/81 5.2实验二Web版式设计/82 5.2.1实验目的/82 5.2.2实验要求/82 5.2.3相关知识/82 5.2.4实验内容及步骤/83 项目一制定网页布局及配色方案/83 项目二制作主页设计效果图/85第6章新型网页设计/92 6.1实验一HTML5与CSS3/92 6.1.1实验目的/92 6.1.2实验要求/92 6.1.3相关知识/92 6.1.4实验内容及步骤/93 项目一利用HTML5布局页面并展示音频、 视频/93 项目二为HTML5页面定义样式/96 6.2实验二响应式布局及移动终端自适应网页 设计/97 6.2.1实验目的/97 6.2.2实验要求/98 6.2.3相关知识/98 6.2.4实验内容及步骤/99 项目一使用Bootstrap框架制作响应式网页/99 项目二模拟移动端尺寸查看网站/103第7章CMS内容管理系统简介/105 7.1实验一常用CMS系统介绍及帝国CMS的 安装/105 7.1.1实验目的/105 7.1.2实验要求/105 7.1.3相关知识/105 7.1.4实验内容及步骤/106 项目一在本地安装帝国CMS/106 项目二帝国CMS的初始设置/108 7.2实验二应用帝国CMS创建网站/109 7.2.1实验目的/109 7.2.2实验要求/109 7.2.3相关知识/110 7.2.4实验内容及步骤/111 项目一增加栏目并录入信息/111 项目二利用帝国CMS标签制作网页模板/114 项目三网站的迁移/117第8章动态网站搭建案例/119 8.1实验一服务环境和CMS系统的搭建/119 8.1.1实验目的/119 8.1.2实验要求/119 8.1.3相关知识/119 8.1.4实验内容及步骤/119 项目一服务环境的搭建/119 项目二CMS系统的搭建/124 项目三前端网页模板的制作/127 8.2实验二网站运维/133 8.2.1实验目的/133 8.2.2实验要求/133 8.2.3实验内容及步骤/133 项目一管理栏目信息/133 项目二管理运维人员账号/133参考文献/136