当前位置:网站首页>图书 > 正文 >>

网页设计与制作项目教程(HTML+CSS+JavaScript)

图书信息

作者黑马程序员
出版社人民邮电出版社有限公司
ISBN9787115439352
出版时间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.

标记的属性

3.

标记的属性

4.

标记的属性

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】 制作“页脚”模块

效果分析

模块制作

【项目总结】

【课后练习】

推荐图书