目录

目　录

前言

第一章　网页设计概述及基础知识

项目一　制作第一个简单的网页

任务一　用Word制作自己的第一个网站

任务二　用Excel制作自己的第一个网站

项目二　局域网发布网站

任务一　通过IIS在局域网中发布网页

任务二　运用WebServer在局域网中发布网页

项目三　互联网发布网站

任务一　在互联网上发布网站

第二章　HTML基础

项目四　HTML文档结构

任务一　打开记事本编写html文件

任务二　使用编辑器编辑html文件

项目五　文字排版标签

任务一　使用常见标签进行文字排版

任务二　运用文本格式化标签进行文字排版

项目六　图像标签和路径

任务一　图像标签及属性练习

任务二　相对路径练习

任务三　绝对路径练习

项目七　链接标签

任务一　链接标签及属性练习

任务二　制作“永川周末好去处”页面

任务三　制作工匠人物介绍页面

任务四　扩展练习—— 东京奥运会冠军介绍

项目八　锚点链接

任务一　制作锚点链接

任务二　制作仿百度百科，钱学森专栏

任务三　制作《亮剑》电视剧，分集剧情介绍

第三章　列表和表格

项目九　列表

任务一　无序列表练习

任务二　有序列表练习

任务三　定义列表练习

任务四　列嵌套练习

项目十　表格

任务一　创建表格

任务二　对任务一表格进行样式格式化

任务三　对任务二表格细化结构

任务四　个人简历表的制作

任务五　表格嵌套练习

第四章　CSS3基础篇

项目十一　CSS基础选择器和文字样式属性

任务一　运用标签选择器进行文字排版

任务二　谷歌图标案例

任务三　彩色盒子

任务四　综合新闻样式排版

项目十二　复合选择器和CSS 3三大特性

任务一　运用复合选择器修改文字样式

任务二　权重问题

项目十三　属性、伪类选择器及元素的显示模式

任务一　显示模式三种形态

任务二　导航条练习

任务三　尖导航条练习

项目十四　背景属性

任务一　个人网页

任务二　美化个人简历表格

项目十五　精灵图

任务一　姓名字母拼合

任务二　仿王者荣耀网站顶部制作

项目十六　盒子模型

任务一　图文排版

任务二　个人网页about部分

任务三　图片卡制作

项目十七　浮动

任务一　制作网页常见布局

任务二　个人网站导航的制作

任务三　制作锚点相册

项目十八　定位

任务一　个人网站欢迎页面

任务二　个人网站相册的制作

任务三　扩展练习

第五章　表单

项目十九　表单

任务一　疫情防控调查表单

任务二　个人网站留言簿制作

任务三　英语协会注册页面

第六章　弹性盒布局和响应式布局

项目二十　flex布局和字体图标

任务一　骰子图案制作

任务二　个人网站底部导航制作

任务三　携程网移动端局部导航

项目二十一　Web开发之响应式布局

任务一　利用Bootstrap4.＊制作个人网站导航部分

任务二　利用Bootstrap4.＊制作个人网站“关于我”部分

任务三　响应式Bootstrap3.＊制作科创学院网站（课外作业）

第七章　CSS3提高篇

项目二十二　动画和2D位移

任务一　奔跑的小熊

任务二　动态盒子蒙版

任务三　转呼啦圈的机器人

项目二十三　2D变形—— 缩放

任务一　烟花效果

任务二　个人网站—— 个人相册

项目二十四　2D变形—— 旋转和倾斜

任务一　旋转的太极图

任务二　旋转的loading图案制作

任务三　个人网页中“照片的阴影”制作

项目二十五　3D转换

任务一　旋转的立方体

任务二　个人网页获奖情况

参考文献