网页设计与制作项目教程(HTML+CSS+JavaScript)
图书信息
| 作者 | 黑马程序员 |
| 出版社 | 人民邮电出版社有限公司 |
| ISBN | 9787115439352 |
| 出版时间 | 2017-01-01 |
| 字数 | 31.1万 |
| 分类 | 科技,计算机,网络,多媒体,数据通信 |
读书简介
全书分为8个项目,结合HTML、CSS和JavaScript的基础知识及应用,提供了7种不同类型的网页设计案例。其中,项目1介绍了HTML、CSS以及JavaScript的基础知识,包括Web基本概念、Dreamweaver工具的使用等;项目2至项目8为7个完整的网页设计项目,涉及“旅游”“网店”“儿童摄影”“服装”“网络交友”“订车票”“学习英语”等多个方向,有助于学生掌握不同网站的设计风格和制作技巧。
目录
内容提要
序言
前言
项目1 网页制作基础知识
【任务1-1】 了解Web基本概念
需求分析
知识储备
1.认识网页
2.网页相关名词
3.Web标准
【任务1-2】 网页制作入门
需求分析
知识储备
1.HTML简介
2.CSS简介
3.JavaScript简介
4.常见浏览器介绍
【任务1-3】 Dreamweaver工具的使用
需求分析
知识储备
1.Dreamweaver界面介绍
2.Dreamweaver初始化设置
3.创建第一个网页
【项目总结】
【课后练习】
项目2 “说旅游”专题页制作
【项目描述】
【任务2-1】 认识HTML
需求分析
知识储备
1.HTML文档基本格式
2.HTML标记
3.标记的属性
4.HTML文档头部相关标记
【任务2-2】 HTML文本控制标记
需求分析
知识储备
1.标题和段落标记
2.文本样式标记(font)
3.文本格式化标记
4.特殊字符标记
知识拓展
【任务2-3】 HTML图像标记
需求分析
知识储备
1.常用图像格式
2.图像标记
3.相对路径与绝对路径
知识拓展
【任务2-4】 准备工作与页面布局
准备工作
页面结构分析
页面布局
【任务2-5】 制作“头部”模块
效果分析
模块制作
【任务2-6】 制作“伊露岛介绍”模块
效果分析
模块制作
【任务2-7】 制作“伊露岛推荐”模块
效果分析
模块制作
【任务2-8】 制作“驴友评论”模块
效果分析
模块制作
【任务2-9】 制作“页脚”模块
效果分析
模块制作
【项目总结】
【课后练习】
项目3 “网上花店”专题页制作
【项目描述】
【任务3-1】 CSS核心基础
需求分析
知识储备
1.CSS样式规则
2.引入CSS样式表
3.CSS基础选择器
【任务3-2】 CSS控制文本样式
需求分析
知识储备
1.CSS字体样式属性
2.CSS文本外观属性
知识拓展
【任务3-3】 CSS高级特性
需求分析
知识储备
1.CSS复合选择器
2.CSS层叠性与继承性
3.CSS优先级
【任务3-4】 布局及定义基础样式
准备工作
效果分析
定义基础样式
【任务3-5】 制作“标题”模块
效果分析
模块制作
【任务3-6】 制作“分类”模块
效果分析
模块制作
【任务3-7】 制作“热卖”模块
效果分析
模块制作
【任务3-8】 制作“页脚”模块
效果分析
模块制作
【项目总结】
【课后练习】
项目4 “青春树儿童摄影网”首页制作
【项目描述】
【任务4-1】 认识盒子模型
需求分析
知识储备
认识盒子模型
【任务4-2】 盒子模型相关属性
需求分析
知识储备
1.边框属性
2.内边距属性
3.外边距属性
4.背景属性
5.盒子的宽与高
【任务4-3】 元素的类型与转换
需求分析
知识储备
1.元素的类型
2.标记
3.元素的转换
知识拓展
【任务4-4】 元素的浮动
需求分析
知识储备
1.元素的浮动属性
2.清除浮动
3.overflow属性
【任务4-5】 元素的定位
需求分析
知识储备
1.元素的定位属性
2.静态定位
3.相对定位
4.绝对定位
5.固定定位
6.z-index层叠等级属性
【任务4-6】 布局及定义基础样式
准备工作
效果分析
定义基础样式
【任务4-7】 制作“导航”及“banner”模块
效果分析
模块制作
【任务4-8】 制作“最新动态”模块
效果分析
模块制作
【任务4-9】 制作“样片欣赏”模块
效果分析
模块制作
【任务4-10】 制作“页脚”及“悬浮框”模块
效果分析
模块制作
【项目总结】
【课后练习】
项目5 “穿搭速递”首页制作
【项目描述】
【任务5-1】 列表标记
需求分析
知识储备
1.无序列表ul
2.有序列表ol
3.定义列表dl
4.列表的嵌套应用
【任务5-2】 CSS控制列表样式
需求分析
知识储备
1.list-style复合属性
2.背景图像定义列表项目符号
【任务5-3】 超链接标记
需求分析
知识储备
1.创建超链接
2.锚点链接
3.链接伪类控制超链接
【任务5-4】 布局及定义基础样式
准备工作
效果分析
定义基础样式
【任务5-5】 制作“头部”导航模块
效果分析
模块制作
【任务5-6】 制作“banner”和“精品展示”模块
效果分析
模块制作
【任务5-7】 制作“潮流前沿”模块
效果分析
模块制作
【任务5-8】 制作“版权信息”模块
效果分析
模块制作
【项目总结】
【课后练习】
项目6 “千年之恋”注册页面制作
【项目描述】
【任务6-1】 认识表格相关标记
需求分析
知识储备
1.表格的创建
2.
| 标记的属性
5. | 标记及其属性
【任务6-2】 CSS控制表格样式 需求分析 知识储备 1.CSS控制表格边框 2.CSS控制单元格边距 3.CSS控制单元格的宽高 【任务6-3】 认识表单 需求分析 知识储备 1.初识表单 2.创建表单 【任务6-4】 表单控件 需求分析 知识储备 1.input控件 2.textarea控件 3.select控件 【任务6-5】 CSS控制表单样式 需求分析 知识储备 CSS控制表单样式 【任务6-6】 布局及定义基础样式 准备工作 效果分析 定义基础样式 【任务6-7】 制作头部及导航模块 效果分析 模块制作 【任务6-8】 制作“banner”及“内容”模块 效果分析 模块制作 【任务6-9】 制作“页脚”模块 效果分析 模块制作 【项目总结】 【课后练习】 项目7 “赶快回家网”首页制作 【项目描述】 【任务7-1】 JavaScript概述 需求分析 知识储备 1.JavaScript简介 2.JavaScript引入方式 3.JavaScript基本语法 4.一个简单的JavaScript程序 【任务7-2】 JavaScript语言基础 需求分析 知识储备 1.关键字和标识符 2.变量和数据类型 3.运算符和表达式 【任务7-3】 流程控制语句 需求分析 知识储备 1.条件语句 2.循环语句 3.跳转语句 【任务7-4】 函数 需求分析 知识储备 1.初识函数 2.函数的调用 3.函数中变量的作用域 【任务7-5】 布局及定义基础样式 准备工作 效果分析 定义基础样式 【任务7-6】 制作“头部”模块 效果分析 模块制作 【任务7-7】 制作“导航”模块 效果分析 模块制作 【任务7-8】 制作“banner”和“时间”模块 效果分析 模块制作 【任务7-9】 制作“客运信息”模块 效果分析 模块制作 【任务7-10】 制作“底部”模块 效果分析 模块制作 【项目总结】 【课后练习】 项目8 “学好英语网”首页制作 【项目描述】 【任务8-1】 认识对象 需求分析 知识储备 1.什么是对象 2.对象的属性和方法 3.创建和删除对象 4.内置对象 【任务8-2】 Array数组对象 需求分析 知识储备 1.初识数组 2.数组的常见操作 3.数组的常用属性和方法 4.二维数组 【任务8-3】 BOM与DOM对象 需求分析 知识储备 1.BOM对象 2.DOM对象 【任务8-4】 事件处理 需求分析 知识储备 1.什么是事件 2.事件处理程序的调用 3.鼠标事件 4.键盘事件 5.表单事件 6.页面事件 【任务8-5】 布局及定义基础样式 准备工作 效果分析 定义基础样式 【任务8-6】 制作“头部”及“导航”模块 效果分析 模块制作 【任务8-7】 制作“banner”模块 效果分析 模块制作 【任务8-8】 制作“简介”模块 效果分析 模块制作 【任务8-9】 制作“课程特色”模块 效果分析 模块制作 【任务8-10】 制作“页脚”模块 效果分析 模块制作 【项目总结】 【课后练习】 推荐图书
|
|---|
