新書推薦:
《
560种野菜野果鉴别与食用手册
》
售價:NT$
305.0
《
中国官僚政治研究(一部洞悉中国政治制度演变的经典之作)
》
售價:NT$
286.0
《
锂电储能产品设计及案例详解
》
售價:NT$
505.0
《
首辅养成手册(全三册)(张晚意、任敏主演古装剧《锦绣安宁》原著小说)
》
售價:NT$
551.0
《
清洁
》
售價:NT$
296.0
《
组队:超级个体时代的协作方式
》
售價:NT$
352.0
《
第十三位陪审员
》
售價:NT$
245.0
《
微观经济学(第三版)【2024诺贝尔经济学奖获奖者作品】
》
售價:NT$
709.0
|
內容簡介: |
书中详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。同时通过大量实例对重点及难点进行深度剖析,并且结合作者多年的网页设计与教学经验进行点拨,从而使读者达到学以致用的目的。本书还穿插讲解了有关CSS 3、HTML 5、JavaScript和jQuery的相关知识。希望用户通过本书的学习,能够以符合标准的设计思维,采用实战操作步骤完成网页设计,进而全面掌握利用Div+CSS布局制作网页的方法。
|
目錄:
|
目 录前言第1章 网页和网站的基础知识11.1 认识网页11.1.1 网页和网站11.1.2 网页类型21.1.3 网页的基本构成31.2 网页设计41.2.1 网页设计概述41.2.2 网页设计原则51.2.3 网页设计相关术语71.2.4 常见网页类型111.3 网页布局131.3.1 表格布局131.3.2 表格布局的特点141.3.3 冗余的嵌套表格和混乱的结构141.3.4 表格布局的优缺点151.3.5 Div+CSS布局151.3.6 Div+CSS布局的特点151.3.7 Div+CSS布局的优缺点151.4 网页版式设计161.4.1 网页版式设计的特点161.4.2 页面尺寸161.4.3 整体造型171.4.4 网页布局方法171.4.5 网页设计的构图方法171.4.6 版式设计的视觉流程181.5 了解Web标准191.5.1 Web标准的基础概念191.5.2 认识W3C191.5.3 W3C发布的标准191.5.4 网页标准化的好处211.6 网站开发流程221.7 专家支招221.7.1 确定域名注意事项221.7.2 常用网页编辑软件221.8 总结扩展231.8.1 本章小结231.8.2 举一反三——制作简单的HTML页面23第2章 HTML、XHTML和HTML 5基础252.1 HTML基础252.1.1 HTML概述252.1.2 HTML文件的基本结构262.1.3 HTML能做什么272.1.4 HTML的基本语法272.2 HTML标签282.2.1 基本标签282.2.2 格式标签292.2.3 文本标签302.2.4 超链接标签312.2.5 图像标签312.2.6 表格标签和表单标签322.2.7 分区标签322.3 HTML基础332.3.1 XHTML概述332.3.2 XHTML的页面结构332.3.3 XHTML代码规范342.3.4 3种不同的XHTML文档类型372.4 HTML和XHTML382.4.1 HTML和XHTML的区别382.4.2 使用XHTML的优点382.4.3 HTML转化成XHTML的方法38实例:制作简单的HTML页面382.5 HTML 5基础402.5.1 HTML 5概述402.5.2 HTML 5的简化操作402.5.3 HTML 5标签412.5.4 HTML 5标准属性442.5.5 HTML 5事件属性442.6 HTML 5的设计目的462.6.1 标签46实例:在网页中嵌入视频462.6.2 标签48实例:在网页中嵌入音频482.6.3 标签492.7 专家支招492.7.1 在标签中如何设置网页的字体和大小502.7.2 网页中默认的超链接文字效果是什么样的502.8 总结扩展502.8.1 本章小结502.8.2 举一反三——在网页中实现绘图效果50第3章 CSS样式基础523.1 CSS概述523.1.1 CSS的发展历史523.1.2 CSS的特点533.1.3 CSS样式的功能533.1.4 CSS样式的局限性543.2 CSS语法553.2.1 CSS的基本语法553.2.2 CSS规则563.3 CSS选择器563.3.1 通配选择器57实例:太空冒险网页制作573.3.2 标签选择器583.3.3 类选择器59实例:万圣节网页制作593.3.4 ID选择器613.3.5 群选择器623.3.6 派生选择器63实例:运动鞋网页制作633.3.7 伪类选择器653.4 CSS 3中新增的选择器663.4.1 结构伪类选择器663.4.2 UI元素状态伪类选择器673.4.3 属性选择器673.5 在网页中应用CSS样式683.5.1 在HTML中插入样式表的方法683.5.2 内联样式683.5.3 嵌入样式表69实例:为网页添加内部CSS 样式693.5.4 链接外部样式71实例:链接外部CSS样式文件713.5.5 导入样式743.6 CSS文档结构743.6.1 结构753.6.2 继承性753.6.3 特殊性763.6.4 层叠性773.6.5 重要性773.7 单位和值783.7.1 颜色值783.7.2 绝对单位793.7.3 相对单位803.8 专家支招803.8.1 CSS和HTML的区别803.8.2 导入CSS样式与链接CSS样式的区别803.9 总结扩展803.9.1 本章小结803.9.2 举一反三——在网页中实现绘图效果81第4章 Div+CSS布局入门824.1 定义Div824.1.1 什么是Div824.1.2 插入Div834.1.3 Div的嵌套和固定格式844.2 可视化盒模型854.2.1 盒模型854.2.2 content(内容)874.2.3 padding(填充)87实例:设置元素到元素的边界距离874.2.4 border(边框)89实例:为图片添加边框894.2.5 margin(边界)90实例:调整网页LOGO位置914.3 常见的布局方式924.3.1 居中布局设计924.3.2 浮动布局944.3.3 自适应高度984.4 CSS布局定位994.4.1 position属性994.4.2 相对定位100实例:图像叠加1004.4.3 绝对定位1024.4.4 固定定位102实例:制作固定不动的导航条1024.4.5 浮动定位1044.4.6 空白边叠加1044.5 流体网格布局1044.6 专家支招1054.6.1 CSS 3 中有关盒模型的新增属性1054.6.2 什么是id1054.7 总结扩展1054.7.1 本章小结1064.7.2 举一反三——空白边叠加在网页中的应用106第5章 使用CSS控制背景和图片1075.1 背景控制概述1075.1.1 背景控制原则1075.1.2 背景控制属性1085.2 背景颜色控制1085.2.1 设置背景颜色1085.2.2 设置块背景颜色1095.3 背景图像控制1105.3.1 设置背景图像110实例:为网页设置背景图像1105.3.2 背景图像的重复方式112实例:设置背景图像的重复方式1125.3.3 背景图像的定位1145.3.4 背景图像的固定1145.4 图片样式概述1155.4.1 图像边框115实例:为网页中的图片设置边框1165.4.2 图片缩放1175.4.3 图片水平对齐1195.4.4 图片垂直对齐1205.5 网页中的图文混排1215.5.1 使用CSS样式实现文本环绕效果1215.5.2 设置文本绕图间距1225.6 专家支招1235.6.1 网页中插入的图像可以不设置宽度和高度吗1235.6.2 background-color 属性可以使用哪些值1235.7 总结扩展1245.7.1 本章小结1245.7.2 举一反三——网页图片垂直对齐124第6章 CSS控制页面中的文本1256.1 文本排版概述1256.1.1 文本排版原则1256.1.2 文本控制属性1256.2 CSS文本样式1266.2.1 字体1266.2.2 大小1276.2.3 颜色129实例:为网页中的文字设置样式1296.2.4 粗细1326.2.5 样式1336.2.6 英文字母大小写1336.2.7 修饰133实例:设置英文大小写并修饰文字1346.3 CSS段落样式1376.3.1 字间距1376.3.2 行间距1376.3.3 首字下沉1386.3.4 首行缩进138实例:为网页中段落文字设置不同样式1386.3.5 段落水平对齐1416.3.6 段落垂直对齐1416.4 CSS样式的功能及冲突1426.4.1 使用CSS 对Flash 中的文字进行控制1426.4.2 CSS 样式冲突1426.5 专家支招1436.5.1 CSS样式中的两端对齐有什么作用范围1436.5.2 为什么有些情况应用的文本段落垂直对齐不起作用1436.6 总结扩展1436.6.1 本章小结1436.6.2 举一反三——网页中文字水平居中对齐143第7章 使用CSS样式控制列表1457.1 列表控制概述1457.2 列表样式控制1467.2.1 无序列表1467.2.2 有序列表1467.2.3 自定义列表符号147实例:制作网站列表1477.2.4 定义列表1497.2.5 更改列表项目样式1507.3 使用列表制作菜单栏1517.3.1 使用CSS样式创建横向导航菜单151实例:制作游戏网站导航1517.3.2 使用CSS 样式创建竖向导航菜单152实例:制作购物网站导航1537.4 CSS 3中新增的内容和不透明度属性1547.4.1 内容(content)1547.4.2 不透明度(opacity)155实例:内容和不透明度属性的应用1557.5 专家支招1577.5.1 如何不通过CSS样式更改项目列表前的符号效果1577.5.2 网页中文本分行与分段有什么区别1577.6 总结扩展1577.6.1 本章小结1577.6.2 举一反三——更改部分项目列表符号158第8章 使用CSS控制表格及表单样式1598.1 表格及表单的设计概述1598.1.1 表格的设计1598.1.2 表单的设计及分类1608.2 使用CSS控制表格样式1638.2.1 表格标签与结构1638.2.2 设置表格边框1648.2.3 设置表格背景165实例:设置表格边框及背景1658.2.4 设置斑马式表格168实例:设置斑马式表格1688.2.5 设置交互式表格1708.3 表单的设计1718.3.1 表单1718.3.2 表单元素1728.4 表单输入1728.4.1 文本域和密码域1738.4.2 文件域和隐藏域1748.4.3 单选按钮和复选框1748.4.4 按钮和图像域1768.4.5 菜单列表1778.5 使用CSS样式控制表单元素1788.5.1 使用CSS样式控制表单元素的背景178实例:制作网站的登录页面1788.5.2 使用CSS样式控制列表与跳转菜单1828.5.3 使用CSS样式定义圆角文本字段1838.6 表单在网页中的特殊应用1848.6.1 聚焦型提示语消失185实例:制作文字字段提示语效果1858.6.2 输入型提示语消失1888.7 专家支招1908.7.1 为什么需要使用CSS对表格数据进行控制1908.7.2 在表单域中插入图像域的作用1908.8 总结扩展1908.8.1 本章小结1908.8.2 举一反三——美化登录框190第9章 使用CSS控制超链接1929.1 了解网页超链接1929.1.1 超链接的定义1929.1.2 超链接的对象1939.1.3 超链接的路径1949.1.4 合理安排超链接1969.2 超链接的属性控制1979.2.1 a:link1979.2.2 a:active1989.2.3 a:hover1989.2.4 a:visited199实例:制作网页文字超链接2009.2.5 超链接的5种打开方式2039.3 超链接特效2039.3.1 按钮式超链接203实例:制作按钮式超链接2049.3.2 浮雕式超链接2069.4 使用CSS实现鼠标特效2079.5 超链接在网页中的特殊应用2089.5.1 使用CSS实现倾斜导航菜单209实例:制作网站的倾斜导航菜单2099.5.2 使用CSS实现动感超链接2119.6 专家支招2139.6.1 实现动感导航菜单的原理2139.6.2 如何识别网页中的超链接2139.7 总结扩展2149.7.1 本章小结2149.7.2 举一反三——使用CSS控制鼠标箭头214第10章 应用CSS 3中的滤镜21510.1 CSS 3新增滤镜21510.1.1 grayscale滤镜21510.1.2 sepia滤镜217实例:使用sepia滤镜21710.1.3 opacity滤镜21910.1.4 blur滤镜22110.1.5 saturate滤镜222实例:使用saturate滤镜22210.1.6 hue-rotate滤镜22410.1.7 invert滤镜226实例:使用invert滤镜22610.1.8 drop-shadow滤镜22810.1.9 brightness滤镜22910.1.10 contrast滤镜23110.2 专家支招23110.2.1 IE滤镜与W3C滤镜的区别23110.2.2 IE滤镜包括哪些23110.3 总结扩展23210.3.1 本章小结23210.3.2 举一反三——调整图像的对比度232第11章 CSS 3新增属性23411.1 CSS 3中新增的文字属性23411.1.1 文字阴影text-shadow23411.1.2 文字溢出处理text-overflow23511.1.3 控制文本换行word-wrap237实例:控制文本换行23711.2 CSS 3中新增的背景属性23911.2.1 背景图像大小background-size239实例:控制背景图像大小23911.2.2 背景位置定位background-origin24111.2.3 背景图像裁剪区域background-clip24211.3 CSS 3中新增的边框属性24411.3.1 图像边框border-image24411.3.2 圆角边框border-radius24511.3.3 多重边框颜色border-colors246实例:为图像添加多种色彩边框24611.4 CSS 3中新增的多列布局属性24811.4.1 列宽度24811.4.2 新增多列设置属性249实例:多列属性的设置25011.5 CSS 3中有关用户界面的新增属性25211.5.1 box-sizing25211.5.2 区域缩放调节resize25311.5.3 轮廓外边框outline25411.5.4 导航序列号nav-index25411.6 CSS 3中其他模块新增属性25511.6.1 @media25511.6.2 加载服务器端字体@font-face25611.6.3 阅读器speech25611.7 专家支招25711.7.1 除了Chrome浏览器外,还有哪些浏览器支持column属性25811.7.2 目前常用的浏览器都是以什么为内核引擎25811.8 总结扩展25811.8.1 本章小结25811.8.2 举一反三——为图片添加轮廓258第12章 jQuery在网页中的应用26012.1 认识JavaScript26012.1.1 了解JavaScript26012.1.2 JavaScript的特点26112.1.3 CSS样式与JavaScript26112.2 JavaScript与jQuery 26212.2.1 关于jQuery26212.2.2 jQuery的安装26212.2.3 jQuery语法26312.2.4 jQuery选择器26312.2.5 jQuery事件26512.3 在Dreamweaver CC中使用jQuery 266实例:制作一个简单的检索页面26612.4 jQuery效果26712.4.1 使用jQuery实现网页全屏大图切换效果268实例:全屏大图切换效果26812.4.2 使用jQuery实现图像横向滚动效果271实例:图像横向滚动效果27112.5 专家支招27812.5.1 在Dreamweaver中为网页元素添加jQuery效果27812.5.2 Dreamweaver中内置jQuery能够实现的效果27812.6 总结扩展27912.6.1 本章小结27912.6.2 举一反三——使用jQuery制作选项卡279第13章 jQuery Mobile与jQuery UI的应用28013.1 认识jQuery Mobile28013.1.1 jQuery Mobile的优点28013.1.2 jQuery Mobile的操作流程28113.2 使用Dreamweaver创建jQuery Mobile页面281实例:设计制作手机网站页面28213.3 jQuery Mobile事件28813.3.1 触摸事件28813.3.2 滚动事件28913.3.3 方向事件28913.3.4 页面事件29013.4 jQuery UI29113.4.1 jQuery UI的构成29113.4.2 jQuery UI的特性29113.4.3 jQuery UI的下载29213.4.4 jQuery UI的使用292实例:制作折叠式作品展示栏目29413.5 专家支招29813.5.1 在Dreamweaver CC中可以插入的jQuery Mobile对象29813.5.2 jQuery与jQuery UI的区别29813.6 总结扩展29813.6.1 本章小结29813.6.2 举一反三——制作选项卡式新闻列表299第14章 Div+CSS布局综合案例30014.1 综合实例——制作音乐类网站300实例:音乐类网站——顶部300实例:音乐类网站——中部308实例:音乐类网站——主体314实例:音乐类网站——底部32014.2 专家支招32314.2.1 网页中文本字号的使用规范32314.2.2 iframe标签的作用32314.3 本章小结324
|
內容試閱:
|
前言Div+CSS是一种全新的网页排版布局方法,与早期的表格布局方式是完全不一样的,使用Div+CSS排版布局网页能够真正做到Web标准所要求的网页内容与表现相分离,从而使网站的维护更加方便和快捷。目前绝大多数网站已经开始使用Div+CSS布局来制作网页,因此学习Div+CSS布局已经成为网页设计制作人员的必修课。本书力求通过简单易懂、边学边练的方式带领读者学习使用Web标准进行网页设计制作的知识,逐步使读者理解什么是网页内容与表现的分离,掌握使用Div+CSS布局制作网站页面的方法。内容安排本书共分为14章,采用基础知识与应用案例相结合的方法,循序渐进地介绍了使用Div+CSS布局制作网站的方法,下面具体介绍各章所包含的主要内容。第1章 网页和网站的基础知识。主要介绍了网页类型、网页的基本构成、网页设计概述、网页布局、网页版式设计和网站开发流程等。第2章 HTML、XHTML和HTML 5基础。主要介绍了HTML基础、HTML标签、XHTML基础、HTML和XHTML的对比和HTML 5基础等。第3章 CSS样式基础。主要介绍了CSS概述、CSS样式的语法、CSS选择器、CSS 3 中新增的选择器、在网页中应用CSS样式、CSS文档结构以及单位和值等。第4章 Div+CSS布局入门。主要讲解了什么是Div、可视化盒模型、常见的布局方式、CSS布局定位及流体网格布局等。第5章 使用CSS控制背景和图片。主要介绍了背景控制概述、背景颜色控制、背景图像控制、图片样式概述和网页中的图文混排等。第6章 CSS控制页面中的文本。主要介绍了文本排版概述、CSS文本样式、CSS段落样式以及CSS样式的功能及冲突等。第7章 使用CSS样式控制列表。主要介绍了列表控制概述、列表样式控制、使用列表制作菜单栏和CSS 3中新增的内容以及不透明度属性等。第8章 使用CSS控制表格及表单样式。主要介绍了表格及表单的设计概述、使用CSS控制表格样式、表单的设计、表单输入、使用CSS样式控制表单元素和表单在网页中的特殊应用等。第9章 使用CSS控制超链接。主要讲解了网页超链接、超链接的属性控制、超链接特效、CSS实现鼠标特效和超链接在网页中的特殊应用。第10章 应用CSS3中的滤镜。主要对CSS 3中新增的滤镜进行了详细讲解。第11章 CSS 3新增属性。主要包括CSS 3中新增的文字属性、背景属性、边框属性、多列布局属性、CSS 3中有关用户界面的新增属性以及CSS 3中其他模块新增属性等。第12章 jQuery在网页中的应用。主要讲解了JavaScript、jQuery、在Dreamweaver CC中使用jQuery和jQuery效果等。第13章 jQuery Mobile与jQuery UI的应用。主要讲解了jQuery Mobile基础知识、jQuery Mobile事件、jQuery UI的下载与使用等。第14章 Div+CSS布局综合案例。主要通过讲解一个完整的网页制作综合案例,帮助读者对之前所学内容进行串联,强化记忆。本书特点本书内容全面、结构清晰、案例新颖。采用理论知识与操作案例相结合的教学方式,全面介绍了不同类型元素的处理和表现的相关知识以及所需的操作技巧。通俗易懂的语言本书采用通俗易懂的语言全面地向读者介绍了Div+CSS布局的基础知识和操作技巧。基础知识与操作案例结合本书摒弃了传统教科书式的纯理论式教学,采用基础知识量操作案例相结合的讲解模式。技巧和知识点的归纳总结本书在基础知识和操作案例的讲解过程中列出了大量的提示和技巧,这些信息都是结合作者长期的Div+CSS布局制作经验与教学经验归纳出来的,可以帮助读者更准确地理解和掌握相关的知识点和操作技巧。本书由张晓景执笔,另外刘强、王明、王大远、刘钊、张艳飞、孟权国、杨阳、张国勇、于海波、范明、郑竣天、唐彬彬、李晓斌、王延南、张航、肖阂、魏华、贾勇、高鹏也参与了部分编写工作。本书在写作过程中力求严谨,由于时间有限,疏漏之处在所难免,望广大用户批评指正。编者
|
|