HTML5+CSS3网页设计案例教程

内容简介

[

html5和css3技术是网页设计的精髓，《html5+css3网页设计案例教程》以应用实例和综合实战案例的形式，全面涵盖网页设计的基础知识、html5和css3技术、div+css布局以及网页制作工具。
《html5+css3网页设计案例教程》包含数百个知识点示例、18个章节综合案例、20个上机案例以及3个综合实战案例，讲解过程由浅入深、循序渐进，力求通过实例操作让读者快速掌握网页设计的方法和技巧。
《html5+css3网页设计案例教程》适合作为大中专院校及培训学校的教材，也可以供网页设计工作人员及爱好者阅读参考。

]

目录

前言第1章 网页设计基础知识1.1 网页相关知识简介1.1.1 互联网、因特网、万维网1.1.2 网站、网页和主页1.1.3 浏览器1.1.4 统一资源定位器1.2 网页的基本元素1.2.1 网页的组成元素1.2.2 网页的构成要素1.3 网站建设流程1.3.1 网站需求分析1.3.2 网站规划1.3.3 创建本地站点1.3.4 组织站点结构1.3.5 设计和制作各级页面1.3.6 申请空间和域名1.3.7 测试和发布网站1.3.8 网站的推广与维护1.4 网页的版式布局1.4.1 网页布局原则1.4.2 常见的版式布局形式1.5 网页色彩搭配1.6 网页设计的原则和成功要素1.7 认识html和css习题第2章 html基础2.1 认识html2.2 html文档的基本结构2.3 html文件的编写和查看2.3.1 html文件的编写和查看2.3.2 html文件的命名2.4 html基本语法2.4.1 html标记2.4.2 html属性2.4.3 全局属性2.5 html文件头部内容2.5.1 设置页面标题2.5.2 定义元数据2.5.3 常用元数据2.6 html文件主体内容2.7 综合案例——*基本的html5网页习题第3章 文字与段落3.1 编辑内容3.1.1 添加普通文字3.1.2 添加特殊符号3.1.3 添加注释3.2 文字排版3.2.1 控制换行3.2.2 预先格式化3.2.3 段落3.2.4 加入水平线3.2.5 标题文字-3.3 强调文本3.3.1 设置粗体和斜体/3.3.2 标记文本改变/3.3.3 小型文本3.4 语义化、结构化的文本3.4.1 文字上下标/3.4.2 注音显示//3.4.3 标注3.4.4 定义日期时间3.4.5 其他语义化、结构化文本3.5 列表3.5.1 无序列表3.5.2 有序列表3.5.3 定义列表//3.5.4 嵌套列表3.6 综合实例——简单文字网页习题第4章 网页图像和多媒体元素4.1 图像、视频和音频的格式4.1.1 网页图像的格式4.1.2 视频格式4.1.3 音频格式4.2 在网页中加入图像4.2.1 图像资源属性——src属性4.2.2 图像替代文本——alt属性4.2.3 图像的宽高——width和height属性4.3 在网页中加入视频4.3.1 视频资源属性——src属性4.3.2 视频播放控件属性——controls属性4.3.3 视频准备播放控件——preload4.3.4 的其他属性4.3.5 与的配合使用4.4 在网页中加入音频4.5 插入多媒体文件4.5.1 插入flash动画4.5.2 插入视频4.5.3 插入音频4.6 链入对象4.7 定义媒介分组和标题/4.8 综合实例——多媒体页面的设计习题第5章 超链接5.1 超链接概述5.2 超链接的路径5.2.1 绝对路径5.2.2 相对路径5.2.3 根路径5.3 超链接的建立5.3.1 插入外部链接5.3.2 插入内部链接5.3.3 以图像为源点的链接5.3.4 链接打开目标target属性5.3.5 链接的其他属性5.3.6 链接的目标类型5.3.7 email链接5.4 锚记(书签)链接5.5 设置图像映射5.5.1 了解热区和图像映射5.5.2 创建图像映射/5.6 浮动窗口及其链接5.6.1 浮动窗口5.6.2 链接浮动窗口5.7 定义基准网址5.8 综合实例——设置超链接习题第6章 表格的应用6.1 表格概述6.2 创建表格6.2.1 表格基本结构///6.2.2 表格边框显示——border属性6.2.3 标记的使用6.2.4 表格标题6.3 合并单元格6.3.1 设置跨列——colspan6.3.2 设置跨行——rowspan6.4 表格嵌套6.5 表格的按行分组显示//6.6 综合实例——表格应用6.6.1 表格显示数据6.6.2 使用表格布局习题第7章 表单7.1 表单概述7.2 建立表单7.3 表单控件7.3.1 文本框和密码框7.3.2 提交按钮、重置按钮和普通按钮7.3.3 单选按钮7.3.4 复选框7.3.5 文件域7.3.6 图像域7.3.7 多行文字框7.3.8 列表7.4 表单高级元素使用7.4.1 url属性7.4.2 email属性7.4.3 date和times7.4.4 number属性7.4.5 range属性7.4.6 color属性7.4.7 fieldset控件组7.4.8 其他类型的输入表单控件7.5 通用的表单属性7.5.1 表单重写属性7.5.2 form属性7.5.3 autofocus属性7.5.4 multiple属性7.5.5 placeholder属性7.5.6 required属性7.5.7 pattern属性7.6 综合实例——表单设计习题第8章 css语法基础8.1 css介绍8.1.1 css概述8.1.2 css38.2 css的基本语法8.3 在html文档中使用css的方法8.3.1 行内样式8.3.2 内嵌样式8.3.3 链接外部样式8.3.4 导入外部样式8.4 css元素选择符8.4.1 标记选择符8.4.2 通用选择符8.4.3 类选择符8.4.4 id选择符8.5 其他css选择符8.5.1 伪类选择符8.5.2 伪对象选择符8.5.3 组合选择符8.5.4 关系选择符8.5.5 属性选择符8.6 综合案例——css的简单应用习题第9章 css字体与段落9.1 颜色color9.2 字体属性9.2.1 设置字体font-family9.2.2 设置字号font-size9.2.3 设置字体风格font-style9.2.4 设置字体加粗font-weight9.2.5 设置小型大写字母font-variant9.2.6 字体复合属性font9.3 文本高级样式9.3.1 行高line-height9.3.2 文本缩进text-indent9.3.3 水平对齐方式text-align9.3.4 垂直对齐方式vertical-align9.3.5 大小写text-transform9.3.6 单词间距word-spacing9.3.7 字符间隔letter-spacing9.3.8 文本修饰text-decoration9.3.9 文本阴影text-shadow9.4 综合实例——简单图文混排网页习题第10章 css盒子10.1 基本的盒子box概念10.1.1 盒子的基本形式10.1.2 盒子大小的计算width/height10.1.3 改变盒子大小的计算方式box-sizing10.2 基本边框属性10.2.1 边框样式10.2.2 边框线宽10.2.3 边框颜色10.2.4 边框复合属性10.3 补白10.3.1 内补白10.3.2 外补白10.4 其他边框属性10.4.1 圆角边框10.4.2 图像边框10.4.3 盒子阴影box-shadow10.4.4 box线条外廓10.5 综合案例——简单地产网页习题第11章 css颜色和背景11.1 背景颜色11.1.1 网页背景颜色background-color11.1.2 用背景色给页面分块11.2 背景图像11.2.1 页面背景图像background-image11.2.2 背景图像重复background-repeat11.2.3 背景图像滚动background-attachment11.2.4 背景图像位置background-position11.2.5 背景显示区域background-origin11.2.6 背景图像大小background-size11.2.7 背景图像裁剪区域background-clip11.2.8 背景复合属性background11.3 定义透明度11.4 综合实例——设置背景习题第12章 css美化其他页面元素12.1 超链接特效12.1.1 超链接样式变换12.1.2 按钮式超链接12.2 鼠标特效12.2.1 鼠标指针形状12.2.2 鼠标变换的超链接12.3 项目列表12.3.1 列表符号list-style-type12.3.2 图片符号list-style-image12.3.3 列表位置list-style-position12.3.4 列表综合设置list-style12.3.5 使用列表制作菜单12.3.6 下拉菜单12.4 综合实例——tab菜单习题第13章 用css美化表格与表单13.1 表格的基本样式13.1.1 表格边框样式13.1.2 表格颜色13.1.3 盒子阴影13.2 和13.2.1 标记13.2.2 标记13.2.3 分组13.2.4 和组合应用13.3 表格综合实例13.4 css美化表单13.4.1 美化表单元素边框13.4.2 美化表单元素颜色13.4.3 美化表单元素背景图像13.4.4 按钮样式13.5 表格表单综合实例——调查问卷13.5.1 页面布局设计13.5.2 标题栏的设计13.5.3 题目区的设计第14章 css定位、布局与分栏14.1 理解css定位与div布局14.1.1 14.1.2 14.2 css元素的定位14.2.1 定位方式——position14.2.2 设置位置——top、bottom、right、left14.2.3 堆叠次序——z-index14.3 css布局属性14.3.1 可见性——visibility14.3.2 剪裁——clip14.3.3 溢出——overflow14.3.4 浮动——float14.3.5 清除——clear14.4 css分栏14.4.1 列——columns14.4.2 平衡列——column-fill14.4.3 列间距——column-gap14.4.4 列边框样式——column-rule14.4.5 跨列样式——column-span14.5 综合案例——页面分块布局习题第15章 div+css布局15.1 css排版概念15.1.1 将页面用div分块15.1.2 设计各分块位置15.1.3 设计各分块细节15.2 页面布局方式15.2.1 上中下结构布局15.2.2 左右结构布局15.2.3 “国”字形结构15.2.4 隐藏布局15.3 各种布局版式15.3.1 骨骼型版式15.3.2 对称型版式15.3.3 满版型版式15.3.4 其他版式15.4 综合案例——div+css布局综合应用15.4.1 首页设计15.4.2 详细页面设计习题第16章 网页编辑工具dreamweaver16.1 dreamweaver工具介绍16.1.1 dreamweaver软件概述16.1.2 dreamweavercs5.5软件介绍16.1.3 dreamweaver的工作流程16.2 使用dreamweaver设计网页16.2.1 创建站点和组织站点结构16.2.2 设计并创建网页16.3 使用dreamweaver设定css样式16.3.1 css样式在dreamweaver中设定的基础知识16.3.2 css样式的创建和应用案例16.4 使用dreamweaver编码16.4.1 使用dreamweaver对网页编码的常识16.4.2 使用dreamweaver编码的编辑思路16.4.3 使用dreamweaver编码的案例16.5 综合实例——使用dreamweaver制作网页16.5.1 规划和设置站点16.5.2 设计网页布局16.5.3 添加页面内容16.5.4 通过手动编码创建页面16.5.5 测试和发布习题第17章 综合案例——宝贝花园17.1 网页布局概述17.2 首页的设计17.3 主标题区17.3.1 网页首部17.3.2 标题新闻区17.4 主内容区17.4.1 滚动字幕区17.4.2 主内容区17.5 页尾区17.6 内容页的设计17.7 联系页面的设计17.7.1 页面布局17.7.2 左侧栏17.7.3 右侧栏第18章 综合案例——购物网站18.1 首页设计18.1.1 首页页面布局18.1.2 首页头部设计18.1.3 主体部分设计18.1.4 脚注部分设计18.2 内容页设计18.2.1 商品分类信息页18.2.2 单类商品信息页第19章 综合案例——中秋节网站19.1 节日类网站设计分析19.2 实例制作——中秋节网站设计19.2.1 中秋节网站策划19.2.2 主页和内页效果19.2.3 网站主页的设计19.2.4 网站内页的设计

封面

书名:HTML5+CSS3网页设计案例教程

作者:姬莉霞主编

页数:371

定价:¥49.0

出版社:科学出版社

出版日期:2013-08-01

ISBN:9787030375681

PDF电子书大小:127MB 高清扫描完整版