内容简介
本书结合新的HTML5与CSS3技术，深入浅出地介绍了前台网页设计需要掌握的相关知识及技能，全书共14章，内括：网页设计入门、处理网页文件、HTMI5的基本结构、文本、使用CSS样式、图像、列表、超链接与导航、使用CSSCSS3式行样式增强、网站的调试与发布等。本书的各项目按Web前端开发技术在专业活动的工作过行编排，依据岗位对技能和知识的需求，对接1+X证书Web前端开发，重构知识结构和能力结构体系，让学生完整体验Web开发工作的程序、内容和方法。本书可作为相关专业的网页设计教材，也可作为Web前端开发人员、网站建设人员的参考书，还可作为各类电脑职业培训教材。
目录
目录
第pan>章 网页设计入门
1.1 Inter简史
1.2建立网站的原因
1.3网页的基本概念
1.3.pan>网页与网站的关系
1.3.2网页的基本元素
1.3.3网页的技术构成
1.4 HTML5简介
1.4.1HTML发展历史
1. 4.2 HTML4.01 和 XHTML
1.4.3 从XHTML到HTML5
1.5 CSS3简介
1.5.1CSS概述
1.5.2CSS的历史
1.5.3CSS3的作用
1.6网页设计的开发环境
1.6.1 Web设计软件
1.6.2图形设计软件
1.6.3浏览器指南
第2章处理网页文件
2.pan>网页文件的基本操作
2.1.pan>使用记事本创建、保存和编辑网页文件
2.1.2使用Dreamweaver CS6创建、保存和编辑网页文件
2.2组织网站文件夹
2.3在浏览器中查看网页
2.3.I 在Dreamweaver CS6中选择测览器
2.3.2 利用Firebug测试网页
2.3.3借签他人网页吴成
2.4 综合实例
第3章 HTMI.5的基本结构
3.1 HTML标签
3.1.pan>元素
3.1.2属和值
3.1.3书写规范
3.2 HTML文档的基本成分
3.2.1 DOCTYPE声明
3.2.2 head和body元素
3.3页面标题
3.4分级标题
3.5. HTML5页面的构成
3.5.1 页眉header
3.5.2 导航nay
3.5.3 文章article
3.5.4 区块 section
3.5.5 侧边栏aside
3.5.6 页脚 footer
3.5.7通用容器diy
3.6添加注释
3.7综合实例・
第4章文本
4.pan>段落p
4.2 地址ress
4.3 图figure与figcaption
4.4 时间time
4.5重要或强调的文本标签
4. 5. trong
4.5.2 em
4.6引用参考cite
4.7 引述blockquote
4.8突出显示文本mark
4.9解释缩写词abbr
4.10定义术语dfn
4.1pan>上标和下标
4.11.up
4.11.2
4.12下划线和删除线
4.12.1 ins
4. 12. 2 del
4.13代码标签
4. 13. 1 code
4.13.2其他计算机相关标签
4.14预格式化文本pre
4.15指定细则small
4.16换行br
4.pan元素
4.18其他元素
4.18.1 u
4. 18.2 wbr
4.18.3 ruby、rp和rt
4.18.4 bdi和 bdo
4.18.5 meter
4. 18.6 progress
4.19综合实例
第5章 使用CSS样式
5.pan>样式表文件的使用
5.1.pan>外部样式表
5.1.2内部样式表
5.1.3内联样式
5.2CSS构造样式规则
5.2.pan>样式规则
5.2.2为样式规则添加注释
5.2.3属的值
5.2.4层叠样式
5.3CSS样式选择器
5.3.pan>选择器概述
5.3.2按标签名称选择元素
5.3.3 按class 或id 选择元素
5.3.4按上下文选择元素
5.3.5按状态选择链接元素
5.3.6按属选择元素
5.3.7选择元素的一部分
5.3.8选择器的分组
5.3.9组合使用选择器
5.4综合实例
第6章图像
6.pan>在页面中插入图片
6.2设置图片的属
6.3图文混排
6.4为网站添加图标
6.5综合实例
第7章列表
7.pan>有序列表
7.2无序列表
7.3定义列表
7.4列表嵌套
7.5使用CSS样式表美化列表
7.6用于导航的行内列表
7.7设置嵌套列表样式
7.8综合实例
第8章超链接与导航
8.pan>超链接概述
8.1.pan>路径与相对路径
8.1.2超链接标签及其属
8.2内部链接
8.3外部链接
8.4书签链接
8.5其他链接
8.6使用CSS设置超链接样式，
8.6.pan>超链接状态
8.6.2使用CSS设置不同的超链接状态样式
8.7图像链接
8.8使用列表制作导航栏
8.9综合实例
第9章使用CSS
9.1Web页面布局简介
9.1.pan>布局注意事项
9.1.2布局方法
9.1.3布局结构
9.2CSS盒模型
9.3网页居中
9.4多栏布局
9.4.pan>使用foat属实现多栏布局
9.4.2使用clear属实现换行
9.4.3 使用column-count实现多栏布局
9.5盒布局
9.5.1 lloat 属以及 columin -count 属的缺点
9.5.2使用盒布局
9.6弹盒布局
9.6.pan>使用自适应窗口的弹盒布局
9.6.2改变元素的显示顺序
9.6.3改变元素的排列方向
9.7综合实例
第10章表格
10.pan>结构化表格
10.1.pan>表格基本标签
10.1.2标题单元格b
10.1.3 表格标题caption
10. 1.4 thead、 tbody、 tfoot
10.2单元格跨行或跨列
10.3表格属
10.4使用CSS美化表格
10.5综合实例
第1pan>章表单
11.pan>表单概述
11.2 form元素
11.3 input元素
11.3.1 文本框text
11.3.2 密码框password
11.3.3 单选框radio
11.3.4 复选框checkbox
11.3.5 上传文件file
11.3.6 隐藏宇段hen
11.3.7 按钮 button、mit、reset
11.3.8 使用图像提交表单 image
11.4列表与下拉菜单
11.4. elect 和 option
11.4.2 optgroup
11.5 文本域textarea
11.6 标签label
11.7 HTML5新增的元素属
11. 7. 1_ form
11.7.2 input
11.8表单元素的组织与布局
11.9综合实例
一
第12章、音频和其他多媒体
12.pan>第三方插件及原生应用.
12.2添加
12.2.pan>文件格式
12.2.2在网页中添加单个
12.2.3属
12.2.4添加控件和自动播放
12.2.5循环播放和海报图像
12.2.6阻止预加载
12.2.7多个媒体源
12.3添加音频
12.3.pan>音频文件格式
12.3.2在网页中添加单个音频
12.3.3音频属
12.3.4添加控件、自动播放和循环播放
12.3.5预加载音频
12.3.6多个音频源
12.3.7应对无法播放HTMI5音频的情况
12.4嵌入Flash 动画
12.5嵌入网络
12.6 canvas简介
12.7SVG简介
12.8综合实例
二
第13章 使用CSS3
13.pan>厂商前缀
13.2浏览器兼容速览
13.3为元素创建圆角
13.4为文本添加阴影
13.5为元素添加阴影
13.6使用多重背景
13.7使用渐变背景
13.8设置元素不透明度
13.9使用Web字体
13.9.1 Web字体介绍
13.9.2 使用@ font-face
13.10 使用polyfill实现增强
13.1pan>综合实例
三
第14章网站的调试与发布
14.pan>常见错误
14.2HTML中的常见错误
14.3CSS中的常见错误
14.4验证代码
14.5测试网页
14.6发布网站
14.7综合实例
;
摘要与插图
1.1Inter简史
Inter的应用范围由早的军事、国防，扩展到美国国内的而迅速覆盖全球的各个领域，运营质也由以科研、逐渐转向商业。在科学研究中，经常出现“种瓜得豆”的事情，Inter的出现也是如此。Inter的原型是1969年美国远景研究规划局为军事试验建立的网络，名为ARPANET，初期只有4台主机，其设计目标是当网络中的一部分因战争原因遭到破坏时，其余部分仍能正常运行。20世纪80年代初期，ARPA和美国通信局研制用于异构网络的TCP/IP并投入使用。1986年，在美国国会科学基金会的支持下，人们用高速通信线路把分布在各地的一些计算机连接起来，以NFSNET接替ARPANET,又经过十几年的发展形成Inter。其应用范围也由早的军事、国防，扩展到美国国内的而迅速覆盖了全球的各个领域，其运营质也由以科研、逐渐转向商业。如今，Inter早已在我国开放，台式机、笔记本电脑、手机，甚电视机、DVD机都能很方便地享受Inter的资源，这是Inter逐入普通家庭的原因之一。原因之二，是Inter友好的用户界面、丰富的信息资源、生活的人情化感受，使非专业的家庭用户既能应用自如，又能大饱眼福，甚利用Inter为自己的工作、学活锦上添花，真正做到“足不出户，可成天下事，潇洒作当代人”。网络的神奇作用吸引着越来越多的用户加入其中，正因如此，网络的承受能力也面临着越来越严峻的考验——从硬件上、软件上，各项技术都需要适时应势，对应发展，这正是网络迅步的催化剂。Inter从作为军用通信的一个模糊的概念演化成为几亿人使用的重要工具，使人们可以互相通信、研究和收集信息、远程工作、购物、游戏并参与无数其他全球的活动。
1.2建立网站的原因
思考建立网站的原因是很重要的，已经有这么多网站了，为什么需要自己建立一个网站呢？如果你为一家公司工作，可能已经有了丰富的市场素材，那么为什么还需要建立一个网站？建立网站想要达到什么目的呢公司和个人一样，建立网站都有实用和商业的原因。通过网站能够与全球有同样想法的个人或潜在的客户通信。如果你是某个方面的天才，可以使用网站来展示自己的作品，提供相关资料让人们认识你。如果你是一名新闻记者，可以通过博客发表自己的意见。如果你拥有一家公司或者在一家公司中工作，网站往往是公司营销的有效的工具。即使你只是某方面的业余爱好者，网站也是寻找与你志趣相投的其他人的好办法尽管你可能是这个城市里喜欢某类事情的人，但是在全世界范围内可能有数以千计的人与你有共同的想法，网站可以将你们聚集在一起。这可能是科幻杂志几乎已经消亡，却又在网络上复活的原因，因为其开发成本几乎可以忽略，而全球范围内的分发却很容易。从实用的角度来看，网站每天24小时都在网络上运行，这与印刷媒体不同，印刷媒体在很短的时间之后变成再生垃圾。在线分发比邮寄印刷媒体便宜得多，同样，其开发（是改正和更新）往往也便宜得多。例如，如果想重做一本印刷的小册子，必须重新设计并重新印刷，而修改网站的一部分往往意味着改变少数几个文件，这更且负担更小。所以，对于大公司和个人，网站在几分钟内使相关信息在线，并使所有感兴趣的部分保持更新的能力令人难以拒绝。
……
