描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302420484丛书名: 清华社“视频大讲堂”大系 网络开发视频大讲堂
“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列,每个子系列的图书在其同品种的图书中销售名列前茅,其中:
4个品种荣获“全行业热销品种”
1个品种荣获2012年清华大学出版社“专业热销书”一等奖
绝大多数品种在“计算机零售图书排行榜”同品种排行中名列前茅
截至目前该大系累计销售超过55万册
该大系已成为近年来清华社计算机专业基础类零售图书热销的品牌之一
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一,继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。本书突出了以下内容:
306节大型高清同步视频演示讲解,可反复观摩,让学习更为快捷
215个实战案例,通过实例学习更深入,更有趣,更有动力
1个大型综合实战案例,展现工作过程,积累工作经验
◇实用网页模板380套,网页配色辞典1部,协调色配色参考7套,网页色彩搭配图43张,不同色系实物配色卡540张,实用配色参考18部,网页设计素材13类
◇PS分层模板10套,PS样式8类,PS滤镜46个,PS渐变样式6类,PS笔刷样式9类,PS填充图案5类,PS字体集合1000个
◇HTML工具集6部,CSS工具集8部,JavaScript工具集16部,PS帮助手册1部
◇HTML应用案例360个,CSS3应用案例510个,JavaScript jQuery应用案例900个,网页交互设计案例1000个
◇Web前端开发规范手册1部,JavaScript知识点思维导图10张,HTML CSS面试题351道,JavaScript面试题685道,网页欣赏
第1章
网页设计与网站开发准备
1.1 网站概述
1.1.1 网站分类
1.1.2 网站定位
1.1.3 网站目标分析
1.2 网站盈利模式
1.2.1 广告费
1.2.2 技术费
1.2.3 标准费
1.2.4 服务费
1.2.5 平台费
1.2.6 会员费
1.2.7 增值费
1.2.8 游戏费
1.2.9 电商盈利费
1.3 网页设计工具
1.3.1 Dreamweaver
1.3.2 Photoshop
1.3.3 Flash
1.4 网站开发筹备
1.4.1 了解网站工作方式
1.4.2 了解动态网站类型
1.4.3 申请域名和购买空间
1.5 网站规划
1.5.1 设计规划
1.5.2 素材筹备
1.5.3 风格设计
1.5.4 结构设计
1.5.5 撰写网站规划书
第2章
使用Dreamweaver新建网页
视频讲解:77分钟
2.1 Dreamweaver快速入门
2.2.1 Dreamweaver发展历史
2.2.2 熟悉Dreamweaver界面
2.2 定义站点
2.2.1 实战演练:定义虚拟目录
2.2.2 实战演练:定义静态站点
2.2.3 实战演练:定义动态站点
2.2.4 实战演练:测试本地站点
2.3 案例实战:快速新建页面
2.4 设置页面属性
2.4.1 设置外观
2.4.2 设置链接
2.4.3 设置标题
2.4.4 设置标题/编码
2.4.5 设置跟踪图像
2.5 定义网页元信息
2.5.1 实战演练:设置网页字符编码
2.5.2 实战演练:设置网页关键词
2.5.3 实战演练:设置网页说明
2.6 HTML基础
2.6.1 HTML文档基本结构
2.6.2 HTML基本语法
2.6.3 HTML标签
2.6.4 HTML属性
2.7 案例实战:使用编码设计网页
2.8 编辑站点
2.8.1 切换站点
2.8.2 编辑文件
2.8.3 查看文件
2.8.4 快速定位
第3章
设计网页文本
视频讲解:97分钟
3.1 在网页中输入文本
3.2 定义文本属性
3.3 定义文本格式
3.3.1 实战演练:设置段落文本
3.3.2 实战演练:设置标题文本
3.3.3 实战演练:设置预定义文本
3.4 案例实战:定义类文本
3.5 定义字体样式
3.5.1 实战演练:设置字体类型
3.5.2 实战演练:设置字体颜色
3.5.3 实战演练:设置艺术字体
3.5.4 实战演练:设置字体大小
3.6 定义段落样式
3.6.1 实战演练:强制换行
3.6.2 实战演练:对齐文本
3.6.3 实战演练:缩进文本
3.7 定义列表文本
3.7.1 实战演练:设计项目列表
3.7.2 实战演练:设计编号列表
3.7.3 实战演练:设计定义列表
3.7.4 实战演练:设计嵌套列表结构
3.8 定义特殊文本
3.8.1 实战演练:设计链接文本
3.8.2 实战演练:输入特殊字符
3.8.3 实战演练:文本批量查找和替换
3.9 综合案例
3.9.1 设计榜单栏
3.9.2 美化正文版式
第4章
使用网页图像和多媒体
视频讲解:79分钟
4.1 认识网页图像
4.2 在网页中插入图像
4.2.1 实战演练:插入图像
4.2.2 实战演练:插入翻转图像
4.2.3 实战演练:插入图像占位符
4.2.4 实战演练:插入Fireworks
HTML
4.3 设置图像属性
4.4 编辑网页图像
4.4.1 实战演练:调整图像大小
4.4.2 实战演练:裁剪图像
4.4.3 实战演练:调整图像亮度和对比度
4.4.4 实战演练:锐化图像
4.4.5 实战演练:优化图像
4.5 案例实战:使用Photoshop外部编辑器
4.6 案例实战:设计新闻内页
4.7 案例实战:在网页中插入Flash动画
4.8 案例实战:在网页中插入FLV视频
4.9 在网页中插入插件
4.9.1 实战演练:设计背景音乐
4.9.2 实战演练:插入音频
4.9.3 实战演练:插入视频
4.10 案例实战:插入HTML5音频
4.11 案例实战:插入HTML5视频
第5章
使用CSS美化网页
视频讲解:96分钟
5.1 了解CSS
5.2 使用CSS
5.2.1 CSS基本结构
5.2.2 CSS基本用法
5.2.3 CSS样式表
5.2.4 导入外部样式表
5.2.5 CSS注释和空格
5.3 CSS属性和值
5.3.1 CSS属性
5.3.2 CSS属性值
5.4 CSS选择器
5.5 CSS特性
5.5.1 CSS继承性
5.5.2 CSS层叠性
5.6 CSS设备类型
5.7 使用CSS设计器
5.7.1 认识CSS设计器
5.7.2 实战演练:创建和附加样式表
5.7.3 实战演练:定义媒体查询
5.7.4 实战演练:定义CSS选择器
5.7.5 实战演练:设置CSS属性
5.8 使用CSS规则
5.8.1 实战演练:新建CSS规则
5.8.2 实战演练:定义文本样式
5.8.3 实战演练:定义背景样式
5.8.4 实战演练:定义区块样式
5.8.5 实战演练:定义方框样式
5.8.6 实战演练:定义边框样式
5.8.7 实战演练:定义列表样式
5.8.8 实战演练:定义定位样式
5.8.9 实战演练:定义扩展样式
第6章
设计超链接和导航菜单
视频讲解:83分钟
6.1 了解超链接
6.1.1 路径
6.1.2 相对路径
6.1.3 根路径
6.2 定义链接
6.2.1 实战演练:使用属性面板
6.2.2 实战演练:使用超链接对话框
6.2.3 实战演练:使用代码定义链接
6.3 应用链接
6.3.1 实战演练:定义锚点链接
6.3.2 实战演练:定义电子邮箱链接
6.3.3 实战演练:定义空链接
6.4 案例实战:定义图像热点
6.5 设计链接样式
6.5.1 定义基本样式
6.5.2 定义下划线样式
6.5.3 定义立体样式
6.5.4 定义动态背景样式
6.6 定义列表样式
6.6.1 实战演练:定义列表样式
6.6.2 实战演练:设计列表项目水平显示
6.6.3 实战演练:自定义项目列表符号
6.7 案例实战:设计列表版式
6.7.1 设计灯箱广告
6.7.2 设计选项卡
6.8 案例实战:设计菜单样式
6.8.1 设计水平菜单
6.8.2 设计垂直菜单
6.8.3 设计多级菜单
第7章
设计表格
视频讲解:57分钟
7.1 在网页中插入表格
7.2 设置表格属性
7.2.1 设置表格框属性
7.2.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.3.9 实战演练:合并和拆分单元格
7.4 操作表格数据
7.4.1 实战演练:导入表格数据
7.4.2 实战演练:导出表格数据
7.4.3 实战演练:排序表格数据
7.5 定义表格样式
7.5.1 实战演练:定义细线表格
7.5.2 实战演练:定义粗边表格
7.5.3 实战演练:定义虚线表格
7.5.4 实战演练:定义双线表格
7.5.5 实战演练:定义宫形表格
7.5.6 实战演练:定义单线表格
7.6 案例实战:设计复杂表格
7.6.1 重构表格
7.6.2 美化样式
7.7 案例实战:设计表格页面
第8章
设计表单
视频讲解:41分钟
8.1 认识表单结构
8.1.1 输入框
8.1.2 文本区域
8.1.3 选择框
8.2 在网页中插入表单
8.2.1 实战演练:定义表单结构
8.2.2 实战演练:插入文本框
8.2.3 实战演练:插入密码域
8.2.4 实战演练:插入文本区域
8.2.5 实战演练:插入隐藏域
8.2.6 实战演练:插入按钮
8.2.7 实战演练:插入图像域
8.2.8 实战演练:插入文件域
8.2.9 实战演练:插入单选按钮
8.2.10 实战演练:插入复选框
8.2.11 实战演练:插入选择框
8.2.12 实战演练:插入标签和字段集
8.3 定义表单样式
8.3.1 实战演练:表单字体样式
8.3.2 实战演练:表单边框样式
8.3.3 实战演练:表单背景样式
8.4 高级表单设计
8.4.1 实战演练:重构表单结构
8.4.2 实战演练:优化视觉设计
第9章
随着网页制作技术的不断发展和完善,市场上有越来越多的网页制作软件被使用。目前使用多的是Dreamweaver、Photoshop和Flash这3款软件,俗称“新网页三剑客”。新网页三剑客无论从外观还是功能上都表现得很出色,这3款软件的组合可以高效地实现网页的各种功能,因此,无论是设计师还是初学者,都能更加容易地学习和使用,并能够轻松达到各自的目标,真切地体验到CS套装软件为创意工作流程带来的全新变革。
本书不是纯粹的软件教程,书中除了介绍软件的使用外,更多地介绍了创意设计与软件功能的结合。全书以软件的实际应用为主线,针对Dreamweaver CS5、Photoshop CS5、Flash CS5版本中的各方面知识进行了深入探讨。
本书特色
本书由浅入深地讲解了网站建设与网页设计的整个流程,面向的读者是初级专业人员及网页设计爱好者。为了方便广大读者学习,本书结合大量的实际操作进行介绍。本书作者具有多年网站设计与教学经验,在编写本书时,所有的实例都亲自实践与测试过,力求呈现给读者的每一个实例都是真实而完整的。本书具有如下特点。
·内容系统全面,知识点分布科学、合理
本书从入门到提高,从精通到实战,将知识点根据读者学习的难易程度以及在实际工作中应用的轻重顺序进行安排,真正为读者的学习考虑,便于不同读者能在学习的过程中有针对性地选择学习 内容。
·清新的语言风格,通俗的叙述方式
本书立足于实用性,并不像传统的教科书那样语言枯燥、无味,理论知识和实例效果生硬、无实际使用价值,而是深入考虑读者的实际需求,版式清晰、典雅,内容实用,就像一位贴心的朋友、老师在您面前将枯燥的计算机知识娓娓道来。
·案例丰富,贴近实战 ,提升实际开发能力
为使读者更好地理解和掌握每一章所讲述的内容,在每章的后基本上都有“实战演练”,将本章的内容进行了完整的贯通,以帮助读者巩固本章的相关知识点和提升读者解决实际问题的能力。另外笔者还毫无保留地将现实工作中大量非常实用的经验、技巧贡献出来。
·海量技巧,边学边练,学习更高效
本书的特点是对每个知识内容从实例的角度进行介绍,以详细、直观的步骤讲解相关操作,适时添加提示,以补充使用技巧和知识链接,读者可以快捷地学习操作和应用,实战性非常强。
·超值多媒体教学,海量资源赠送
本书所附光盘的内容为书中介绍的范例的同步视频讲解、源文件及大量参考素材,供读者学习时参考和对照使用。扫描图书封底的二维码,可在手机中在线学习教学视频。
本书内容
本书分为5大部分,共26章,具体结构划分如下。
第1部分:网页设计与网站开发准备部分,包括第1章。这部分主要介绍网站类型概述、网站盈利模式、网页设计常用工具、网站开发筹备和网站规划等知识。
第2部分:Dreamweaver网页制作部分,包括第2~14章。这部分主要介绍网页对象设计、CSS美化、网页布局,以及利用Dreamweaver设计交互网页效果,使用Dreamweaver开发动态网站等。
第3部分:Photoshop网页设计部分,包括第15~17章。这部分主要介绍Photoshop操作基础、Photoshop图层、文本等核心技术,以及如何使用Photoshop设计网页元素。
第4部分:网页设计和布局实战部分,包括第18~19章。这部分主要通过两个不同类型的网站介绍了如何使用Photoshop设计网站效果图和如何通过Dreamweaver进行重构和布局,把平面设计效果图转换为网页结构效果。
第5部分:Flash网页互动部分,包括第20~26章。这部分主要介绍了Flash操作基础,Flash图层、文本、动画、元件、绘图等核心技术,以及如何使用Flash设计交互动作,并通过一个综合实例演示如何使用Flash设计一个完整的Flash网站。
编 者
13.1 HTML5概述
1993年HTML首次以草案的形式发布,20世纪90年代是HTML发展速度快的时期,到1999年的13.01版。在这个过程中,W3C(万维网联盟)主要负责HTML规范的制订。当HTML 13.01发布之后,业界普遍认为HTML已经到了穷途末路,对Web标准的焦点也开始转移到了XML和XHTML上,HTML被放在了次要位置。
2004年新成立的Web超文本应用技术工作组(WHATWG)创立了HTML5规范,同时开始专门针对Web应用开发新的功能。2006年,W3C又重新介入HTML,并于2008年发布了HTML5的工作草案。2009年,XHTML 2工作组停止工作。2010年,HTML5开始解决实际问题。这时规范还未定稿,各大浏览器厂家开始对旗下产品进行升级以支持HTML5的新功能,因此,HTML5规范也得到了持续性的完善,2012年,HTML5规范编写完成,2022年计划发布HTML5推荐版。
13.1.1 为什么学习HTML5
HTML5是基于各种理念进行设计的,这些设计理念体现了对Web应用的可能性和可行性的新认识,如网页兼容性、实用性、互通性和访问性。
1.兼容性
考虑到互联网上HTML文档已经存在二十多年了,因此支持所有现存HTML文档是非常重要的。HTML5不是颠覆性的革新,其核心理念就是要保持与过去技术的兼容和过渡。一旦浏览器不支持HTML5的某项功能,针对该功能的备选行为就会悄悄运行。
2.存在即合理
HTML5新增加的元素都是对现有网页和用户习惯进行跟踪、分析和概括而推出的。例如,Google分析了上百万的页面,从中分析出了
3.开发效率
HTML5规范是基于用户优先准则编写的,其宗旨是用户即上帝,这意味着在遇到无法解决的冲突时,规范会把用户放到位,其次是页面作者,再次是实现者(或浏览器),接着是规范制定者(W3C/WHATWG),后才考虑理论的纯粹性。因此,HTML5的绝大部分是实用的,只是有些情况下还不够完美。例如,下面的几种代码写法在HTML5中都能被识别。
id=”prohtml5″
id=prohtml5
ID=”prohtml5″
当然,上面几种写法比较混乱,不够严谨,但是从用户开发角度考虑,用户不在乎代码怎么写,根据个人书写习惯反而提高了代码编写效率。当然,并不提倡初学者一开始写代码就这样随意、不严谨。
4.安全性
为保证足够安全,HTML5引入了一种新的基于来源的安全模型,该模型不仅易用,而且对各种不同的API都通用。这个安全模型可以不需要借助于任何hack就能跨域进行安全对话。
5.表现与内容分离
在清晰分离表现与内容方面,HTML5迈出了很大的步伐。HTML5在所有可能的地方都努力进行了分离,包括HTML和CSS。实际上,HTML5规范已经不支持老版本HTML的大部分表现功能了。
6.化繁为简
HTML5要的就是简单,避免不必要的复杂性,简单至上,尽可能简化。因此,HTML5做了以下改进。
þ 以浏览器原生能力替代复杂的JavaScript代码。
þ 简化的DOCTYPE。
þ 简化的字符集声明。
þ 简单而强大的HTML5 API。
7.通用访问
通用访问的原则可以分成以下3个概念。
þ 可访问性:出于对残障用户的考虑,HTML5与WAI(Web可访问性倡议)和ARIA(可访问的富Internet应用)做到了紧密结合,WAI-ARIA中以屏幕阅读器为基础的元素已经被添加到HTML中。
þ 媒体中立:如果可能,HTML5的功能在所有不同的设备和平台上应该都能正常运行。
þ 支持所有语种:如新的ruby元素支持在东亚页面排版中会用到的ruby注释。
8.无插件范式
在传统Web应用中,很多功能只能通过插件或者复杂的hack来实现,但在HTML5中提供了对这些功能的原生支持。插件的方式存在很多问题。
þ 插件安装可能失败。
þ 插件可以被禁用或屏蔽(如Flash插件)。
þ 插件自身会成为被攻击的对象。
þ 插件不容易与HTML文档的其他部分集成,因为插件存在边界、剪裁和透明度问题。
以HTML5中的canvas元素为例,有很多非常底层的操作以前是没办法实现的,例如,在HTML4的页面中就难画出对角线,而有了canvas就可以很轻易地实现了。基于HTML5的各类API的优秀设计,可以轻松地对其进行组合应用。例如,从video元素中抓取的帧可以显示在canvas中,单击canvas即可播放这帧对应的视频文件。
13.1.2 HTML5开发组织
HTML5开发主要由以下3个组织负责和实施。
þ WHATWG:由来自Apple、Mozilla、Google、Opera等浏览器厂商的人员组成,成立于2004年。WHATWG开发HTML和Web应用API,同时为各浏览器厂商以及其他有意向的组织提供开放式合作。
þ W3C:W3C下辖的HTML工作组,目前负责发布HTML5规范。
IETF(互联网工程任务组):这个任务组下辖HTTP等,负责Internet协议的团队。HTML5定义的一种新API(WebSocket API)依赖于新的WebSocket协议,IETF工作组正在开发这个协议。
评论
还没有评论。