Web编程基础项目实战教程（HTML+CSS）

模块1 网站的设计与策划\t1
1．1 任务1：认识网页与网站\t1
1．1．1 网页与网站的相关概念\t2
1．1．2 服务器与客户端\t3
1．2 任务2：认识网页开发技术\t4
1．2．1 Web前端的概念\t4
1．2．2 Web前端开发技术\t5
1．3 任务3：设计策划网站\t9
1．3．1 网站设计原则\t9
1．3．2 网站制作流程\t11
1．4 任务4：选择网页开发工具\t12
1．4．1 编写工具\t12
1．4．2 浏览工具\t16
1．5 知识进阶\t16
1．6 小结\t18
1．7 实训任务\t19
实训任务1：创建班级网站页面 \t19
实训任务2：制作班级学习交流页面\t20
实训任务3：制作班级公告栏\t21
模块2 制作图文并茂的新闻页面\t24
2．1 任务1：创建网页结构\t25
2．1．1 HTML文档结构\t25
2．1．2 HTML基本语法\t26
2．1．3 ＜head＞标记\t27
2．1．4 任务实施\t28
2．2 任务2：添加网页文本内容\t29
2．2．1 标题与段落标记\t30
2．2．2 水平线标记\t32
2．2．3 换行标记\t33
2．2．4 特殊字符\t33
2．2．5 ＜div＞与＜span＞标记\t34
2．2．6 任务实施\t35
2．3 任务3：设置图文并茂的网页 \t35
2．3．1 插入图像\t36
2．3．2 网页中支持的图像文件格式\t37
2．3．3 任务实施\t38
2．4 知识进阶\t38
2．5 小结\t42
2．6 实训任务\t42
实训任务1：制作图文并茂的班级学习交流页面\t42
实训任务2：制作图文并茂的班级公告栏页面\t44
模块3 美化修饰网站的新闻页面\t47
3．1 任务1：修饰文字排版\t48
3．1．1 CSS概述\t48
3．1．2 引入CSS的方法\t49
3．1．3 CSS选择器 \t50
3．1．4 CSS特性\t66
3．1．5 文字修饰 \t68
3．1．6 文本修饰\t69
3．1．7 任务实施\t71
3．2 任务2：控制元素属性\t74
3．2．1 盒子模型\t74
3．2．2 边框属性\t74
3．2．3 边距属性\t76
3．2．4 浮动\t81
3．2．5 定位\t92
3．2．6 任务实施\t100
3．3 任务3：设置页面背景\t102
3．3．1 背景的设置\t102
3．3．2 背景的运用技术\t104
3．3．3 任务实施\t107
3．4 知识进阶\t108
3．5 小结\t113
3．6 实训任务\t114
实训任务1：使用CSS渲染班级学习交流页面\t114
实训任务2：使用CSS渲染班级公告栏页面\t116
实训任务3：制作班级网站中的青春名片\t117
实训任务4：制作图文环绕效果\t119
实训任务5：制作班级图片新闻版块\t121
模块4 制作网站的最新动态页面\t124
4．1 任务1：制作最新动态列表条目\t125
4．1．1 有序列表\t125
4．1．2 无序列表\t127
4．1．3 嵌套列表\t128
4．1．4 定义列表\t129
4．1．5 CSS列表修饰\t130
4．1．6 任务实施\t131
4．2 任务2：创建最新动态条目链接\t134
4．2．1 创建超链接\t135
4．2．2 链接对象\t135
4．2．3 CSS超链接修饰\t136
4．2．4 任务实施\t139
4．3 知识进阶\t141
4．4 小结\t143
4．5 实训任务\t144
实训任务1：制作班级新闻栏目\t144
实训任务2：制作班级网站的软件大赛通知\t145
实训任务3：制作班级学习园地\t147
实训任务4：制作班级网站的导航条\t150
实训任务5：制作班级网站的新闻栏目\t152
模块5 制作网站的多媒体相册页面\t159
5．1 任务1：创建多媒体相册\t160
5．1．1 表格组成\t160
5．1．2 表格属性\t161
5．1．3 任务实施\t163
5．2 任务2：调整相册行列结构\t164
5．2．1 单元格属性\t164
5．2．2 单元格合并\t165
5．2．3 任务实施\t167
5．3 任务3：设置相册布局\t168
5．3．1 表格嵌套\t168
5．3．2 表格布局\t170
5．3．3 任务实施\t173
5．4 任务4：设置多媒体效果\t175
5．4．1 音频\t175
5．4．2 视频\t176
5．4．3 任务实施\t178
5．5 知识进阶\t178
5．6 小结\t181
5．7 实训任务\t181
实训任务1：制作班级网站的班级课程表\t181
实训任务2：制作班级网站的学生信息登记表\t184
实训任务3：制作班级网站的新闻栏目\t185
实训任务4：制作班级网站的首页布局\t187
模块6 制作网站的会员注册页面\t191
6．1 任务1：制作基本信息区\t192
6．1．1 表单基础\t192
6．1．2 辅助标记\t194
6．1．3 单行文本输入框\t194
6．1．4 密码输入框\t194
6．1．5 表单按钮\t197
6．1．6 单选按钮\t199
6．1．7 复选框\t199
6．1．8 文件上传域\t201
6．1．9 任务实施\t202
6．2 任务2：制作信息收集区\t205
6．2．1 多行文本域\t205
6．2．2 下拉列表框\t206
6．2．3 任务实施\t208
6．3 任务3：制作法律条款区\t209
6．3．1 浮动框架标记\t209
6．3．2 任务实施\t210
6．4 知识进阶\t211
6．5 小结\t219
6．6 实训任务\t220
实训任务1：制作班级网站的调查问卷\t220
实训任务2：制作班级网站的邮箱注册页面\t224
实训任务3：制作电子邮箱的发送邮件页面\t226
实训任务4：制作班级网站的用户注册页面\t229
模块7 网站首页的设计制作\t233
7．1 任务1：首页整体布局分析设计\t234
7．1．1 整体布局分析\t234
7．1．2 样式重置\t234
7．1．3 全局CSS的定义\t235
7．2 任务2：头部的实现\t236
7．2．1 头部的布局分析和实现\t236
7．2．2 Logo的实现\t237
7．2．3 顶部导航的实现\t237
7．2．4 登录注册的实现\t238
7．3 任务3：中间主体内容的实现\t239
7．3．1 主体内容的布局分析和实现\t239
7．3．2 上部内容区的实现\t240
7．3．3 左侧主要内容区的实现\t240
7．3．4 右侧主要内容区的实现\t242
7．4 任务4：底部页脚版权的实现\t243
7．5 知识进阶\t244
7．6 小结\t247
7．7 实训任务\t248
实训任务1：DIV+CSS布局班级网站首页 \t248
实训任务2：使用DIV+CSS布局左中右页面结构\t252
实训任务3：使用HTML5中新增语义化标记进行页面布局\t254
模块8 企业级项目综合应用\t258
8．1 任务1：制作企业产品展示页面\t258
8．1．1 任务描述\t258
8．1．2 定义页面结构\t259
8．1．3 添加页面样式\t259
8．2 任务2：制作新闻详情页面\t261
8．2．1 任务描述\t261
8．2．2 整体布局分析的实现\t262
8．2．3 头部的实现\t263
8．2．4 内容部分的实现\t265
8．2．5 版权信息部分的实现\t270
8．3 任务3：制作用户登录页面\t271
8．3．1 任务描述\t271
8．3．2 定义页面结构\t271
8．3．3 登录表单部分的实现\t272
8．3．4 其他部分的实现\t274
8．4 知识进阶\t275
8．5 小结\t279
8．6 实训任务\t279
实训任务1：CSS精灵技术制作导航条\t279
实训任务2：CSS制作图文版块中的三角形\t282
参考文献\t286