网页设计与制作

目 录

第1章 简介 （1）

1.1 网站与网页简介 （1）

1.1.1 网站的构成 （2）

1.1.2 网页基础知识 （3）

1.2 HTML简介 （4）

1.2.1 HTML基础语法 （5）

1.2.2 HTML基本结构 （6）

1.3 CSS简介 （9）

1.4 jQuery简介 （12）

1.5 开发编译环境 （13）

1.5.1 运行 （15）

1.5.2 调试 （15）

小结 （17）

习题 （17）

第2章 网页基础 （20）

2.1 HTML标签 （20）

2.1.1 块级元素 （21）

2.1.2 行级元素 （26）

2.1.3 行级块元素 （27）

2.1.4 按用途分类 （29）

2.2 CSS基础 （30）

2.2.1 CSS的使用 （31）

2.2.2 盒子模型 （56）

2.3 CSS常用布局方法 （66）

2.3.1 浮动布局 （67）

2.3.2 定位布局 （70）

2.3.3 弹性布局 （83）

2.4 响应式布局 （88）

2.4.1 响应式布局的实现 （89）

2.4.2 响应式布局的优缺点 （92）

2.5 CSS 3动画 （93）

2.5.1 transform （93）

2.5.2 transition （94）

2.5.3 animation （94）

2.5.4 动画综合实例 （95）

2.6 jQuery （99）

2.6.1 jQuery的引用 （100）

2.6.2 jQuery的语法 （101）

2.6.3 jQuery的入口函数 （102）

2.6.4 jQuery选择器 （102）

2.6.5 jQuery常用的事件 （103）

2.6.6 jQuery的效果 （113）

2.6.7 jQuery操作HTML （126）

2.6.8 jQuery遍历元素 （131）

小结 （135）

习题 （135）

第3章 HTML项目开发一（子杰官网） （138）

3.1 项目介绍 （138）

3.1.1 项目描述 （139）

3.1.2 开发要求 （139）

3.1.3 网站设计分析 （139）

3.1.4 网站文件结构 （140）

3.1.5 网页结构 （140）

3.2 导航栏 （142）

3.2.1 子杰官网logo （144）

3.2.2 菜单列表 （146）

3.2.3 搜索和微信图标 （150）

3.3 轮播图整体布局 （153）

3.3.1 轮播图片切换按钮 （156）

3.3.2 轮播文字部分 （157）

3.3.3 轮播效果 （160）

3.4 我们的产品 （160）

3.4.1 产品分类 （163）

3.4.2 “申请体验”按钮效果 （168）

3.4.3 鼠标滑动展示产品详细内容 （171）

3.5 数字化专题 （172）

3.6 典型案例 （176）

3.7 解决方案 （178）

3.8 底部版权 （185）

3.8.1 申请体验 （185）

3.8.2 联系方式 （188）

3.9 响应式布局 （191）

小结 （202）

习题 （202）

第4章 HTML 5新增功能简介 （203）

4.1 HTML 5语法 （203）

4.2 HTML 5元素 （206）

4.2.1 HTML 5新增的结构元素 （206）

4.2.2 HTML 5新增的功能元素 （208）

4.2.3 HTML 5废除的元素 （209）

4.2.4 HTML 5属性 （209）

4.2.5 HTML 5全局属性 （212）

4.3 HTML 5中的多媒体 （215）

4.3.1 网页音频 （216）

4.3.2 网页视频 （217）

4.3.3 滚动字幕（跑马灯效果） （218）

4.4 使用HTML 5绘制图形 （220）

4.5 HTML 5的 应用 （221）

4.5.1 选择文件 （221）

4.5.2 使用HTML 5实现拖放功能 （221）

小结 （222）

习题 （222）

第5章 HTML项目开发二（子杰软件管理员后台） （224）

5.1 项目介绍 （224）

5.1.1 项目描述 （225）

5.1.2 开发要求 （225）

5.2 平台风格指引 （226）

5.2.1 商标 （226）

5.2.2 调色板 （226）

5.2.3 字体 （227）

5.3 准备工作 （229）

5.3.1 字体选择/字体规范 （229）

5.3.2 清除浏览器默认样式 （230）

5.3.3 管理员后台默认样式 （231）

5.3.4 管理员后台栅格系统 （232）

5.3.5 管理员后台功能说明 （237）

5.4 常见的表单标签 （238）

5.4.1 按钮、tab标签、下拉菜单等 （238）

5.4.2 抽屉和弹出框 （255）

5.5 登录界面 （260）

5.5.1 整体布局 （260）

5.5.2 具体代码 （261）

5.6 管理员后台——栏目管理页面 （263）

5.6.1 整体布局 （263）

5.6.2 Sider区域布局 （267）

5.6.3 Right区域布局 （278）

5.7 Content区域——Header布局 （288）

5.7.1 Header区域 （290）

5.7.2 Content区域 （292）

小结 （306）

习题 （306）

第6章 网站测试与发布 （307）

6.1 测试本地站点 （308）

6.1.1 浏览器测试 （308）

6.1.2 链接测试 （309）

6.2 发布站点 （315）

6.2.1 腾讯云服务器介绍 （316）

6.2.2 使用腾讯云服务器发布站点 （317）

小结 （323）

习题 （323）

附录 （324）