新書推薦:
《
千万别喝南瓜汤(遵守规则绘本)
》
售價:HK$
44.7
《
大模型启示录
》
售價:HK$
112.0
《
东法西渐:19世纪前西方对中国法的记述与评价
》
售價:HK$
201.6
《
养育男孩:官方升级版
》
售價:HK$
50.4
《
小原流花道技法教程
》
售價:HK$
109.8
《
少女映像室 唯美人像摄影从入门到实战
》
售價:HK$
110.9
《
詹姆斯·伍德系列:不负责任的自我:论笑与小说(“美国图书评论奖”入围作品 当代重要文学批评家詹姆斯·伍德对“文学中的笑与喜剧”的精湛研究)
》
售價:HK$
87.4
《
武当内家散手
》
售價:HK$
50.4
|
編輯推薦: |
《实战从入门到精通》系列图书是专门为计算机初学者量身定做的一套学习用书,整套书涵盖办公、网页设计等方面。整套书具有以下特点:前沿科技无论是Office办公,还是Dreamweaver CC、Photoshop CC,我们都精选较为前沿或者用户群*的领域推进,帮助大家认识和了解*动态作者团队组织国家重点实验室和资深应用专家联手编著该套图书,融合丰富的教学经验与优秀的管理理念学习型案例设计以技术的实际应用过程为主线,全程采用图解和同步多媒体结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度提升学习效率
|
內容簡介: |
本书采取HTML5网页设计CSS3美化网页网页版式布局综合案例实战的讲解模式,深入浅出地为读者讲解了网页设计和排版布局的各项技术及实战技能。 本书第1篇HTML5网页设计主要讲解HTML5快速入门、HTML5网页文档结构、HTML5网页中的文本和图像、用HTML5建立超链接、用HTML5创建表格和表单、HTML5中的多媒体、使用HTML5绘制图形、获取地理位置、Web通信新技术、构建离线的Web应用等;第2篇CSS3美化网页主要讲解CSS3概述与基本语法、使用CSS3美化网页字体与段落、使用CSS3美化网页图片、使用CSS3美化网页背景与边框、使用CSS3美化表格和表单样式、使用CSS3美化超链接和鼠标、使用CSS3控制网页导航菜单的样式等;第3篇网页版式布局主要讲解CSS定位与DIV布局核心技术、CSS DIV盒子的浮动与定位、网页布局实战案例剖析等;第4篇综合案例实战主要讲解制作在线购物类网页、制作移动设备类网页和制作娱乐休闲类网页实战。 本书适合任何没有网页设计基础的人员,也适用于有一定的HTML5和CSS3基础,想更精通网页设计的人员,同时也可作为大专院校及培训学校教师和学生用书。
|
關於作者: |
刘玉红老师在新疆大学主要负责计算机系的毕业生实训,善于引导学生学习,让学校所学的知识和社会的需求很好地衔接,同时具有丰富的教学经验和开发经验。
|
目錄:
|
目录第1篇 HTML5网页设计第1章 HTML5快速入门1.1 HTML5概述41.1.1 HTML5简介41.1.2 HTML5文件的基本结构51.2 HTML5文件的编写方法51.2.1 案例1手工编写HTML551.2.2 案例2使用HTML编辑器编写HTML61.3 使用浏览器查看HTML5文件101.3.1 各大浏览器与HTML5的兼容101.3.2 案例3查看页面效果111.3.3 案例4查看源文件111.4 高手甜点121.5 跟我练练手12第2章 HTML5网页文档结构2.1 Web标准142.1.1 Web标准概述142.1.2 Web标准规定的内容152.2 HTML5文档的基本结构162.2.1 HTML5结构162.2.2 文档类型说明172.2.3 HTML5标记172.2.4 头标记172.2.5 网页的主体标记202.2.6 页面注释标记212.3 综合案例符合W3C标准的HTML5网页222.4 高手甜点232.5 跟我练练手24第3章 HTML5网页中的文本和图像3.1 在网页中添加文本263.1.1 案例1普通文本的添加263.1.2 案例2特殊字符文本的添加263.1.3 案例3添加特殊文本283.2 文本排版303.2.1 案例4换行标记
303.2.2 案例5段落标记313.2.3 案例6标题标记~323.3 文字列表333.3.1 案例7建立无序列表333.3.2 案例8建立有序列表343.3.3 案例9建立不同类型的无序列表353.3.4 案例10建立不同类型的有序列表363.3.5 案例11建立嵌套列表373.3.6 案例12自定义列表383.4 网页中的图像393.4.1 案例13插入图像393.4.2 案例14设置图像的宽度和高度width、height413.4.3 案例15设置图片的提示文字alt423.4.4 案例16将图片设置为网页背景background433.4.5 案例17排列图像align443.5 综合案例1图文并茂房屋装饰装修网页443.6 综合案例2在线购物网站产品展示效果463.7 高手甜点473.8 跟我练练手48第4章 用HTML5建立超链接4.1 网页超链接概述504.1.1 超链接的概念504.1.2 超链接中的URL504.1.3 超链接的URL类型514.2 建立网页超链接href514.2.1 案例1创建超文本链接514.2.2 案例2创建图片链接534.2.3 案例3创建下载链接544.2.4 案例4使用相对路径和绝对路径554.2.5 案例5设置以新窗口显示超链接页面564.2.6 案例6设置电子邮件链接584.3 案例7浮动框架iframe594.4 案例8精确定位热点区域map、area614.5 综合案例使用锚链接制作电子书阅读网页644.6 高手甜点674.7 跟我练练手68第5 章 用HTML5创建表格和表单5.1 表格的基本结构705.2 使用HTML5创建表格725.2.1 案例1创建普通表格725.2.2 案例2创建一个带有标题的表格735.2.3 案例3定义表格的边框类型border745.2.4 案例4定义表格的表头755.2.5 案例5设置表格背景bgcolor、background765.2.6 案例6设置单元格背景bgcolor785.2.7 案例7合并单元格colspan、rowspan795.2.8 案例8排列单元格中的内容align835.2.9 案例9设置单元格的行高与列宽cellpadding845.3 案例10创建完整的表格855.4 案例11认识表单875.5 表单基本元素的使用885.5.1 案例12单行文本输入框text885.5.2 案例13多行文本输入框textarea895.5.3 案例14密码域password895.5.4 案例15单选按钮radio905.5.5 案例16复选框checkbox915.5.6 案例17下拉列表框select925.5.7 案例18普通按钮button935.5.8 案例19提交按钮submit945.5.9 案例20重置按钮reset955.6 表单高级元素的使用965.6.1 案例21url属性的应用965.6.2 案例22email属性的应用975.6.3 案例23date和time的应用985.6.4 案例24number属性的应用995.6.5 案例25range属性的应用1005.6.6 案例26required属性的应用1015.7 综合案例1创建用户反馈单1025.8 综合案例2制作商品报价单1035.9 高手甜点1055.10 跟我练练手106第6章 HTML5中的多媒体6.1 网页音频标记audio1086.1.1 audio标记概述1086.1.2 audio标记的属性1086.1.3 音频解码器1096.1.4 audio标记浏览器的支持情况1096.2 网页视频标记video 1096.2.1 video标记概述1096.2.2 video标记的属性1106.2.3 视频解码器1106.2.4 video标记浏览器的支持情况1106.3 添加网页音频文件1116.3.1 案例1设置背景音乐1116.3.2 案例2设置音乐循环播放loop1126.4 添加网页视频文件1126.4.1 案例3为网页添加视频文件video1126.4.2 案例4设置自动运行autoplay 1136.4.3 案例5设置视频文件的循环播放loop1146.4.4 案例6设置视频窗口的高度与宽度height、width1156.5 添加网页滚动文字 1156.5.1 案例7滚动文字标记marquee 1166.5.2 案例8滚动方向属性direction1166.5.3 案例9滚动方式属性behavior1176.5.4 案例10滚动速度属性scrollamount1186.5.5 案例11滚动延迟属性scrolldelay1196.5.6 案例12滚动循环属性loop1206.5.7 案例13滚动范围属性height、width1216.5.8 案例14滚动背景颜色属性bgcolor1226.5.9 案例15滚动空间属性hspace、vspace1236.6 高手甜点1246.7 跟我练练手124第7章 使用HTML5绘制图形7.1 什么是canvas1267.2 绘制基本形状1277.2.1 案例1绘制矩形1277.2.2 案例2绘制圆形1287.2.3 案例3使用moveTo与lineTo绘制直线1297.2.4 案例4使用bezierCurveTo绘制贝济埃曲线1317.3 绘制渐变图形1337.3.1 案例5绘制线性渐变1337.3.2 案例6绘制径向渐变1357.4 绘制变形图形 1367.4.1 案例7变换原点坐标1367.4.2 案例8图形缩放1377.4.3 案例9旋转图形1387.5 绘制其他样式的图形1397.5.1 案例10图形组合1407.5.2 案例11绘制带阴影的图形1427.5.3 案例12绘制文字1437.6 使用图像1457.6.1 案例13绘制图像1457.6.2 案例14图像平铺1467.6.3 案例15图像裁剪1487.6.4 案例16像素处理1497.7 图形的保存与恢复1517.7.1 案例17保存与恢复状态1527.7.2 案例18保存文件1537.8 综合案例1绘制火柴棒人物1547.9 综合案例2绘制商标1577.10 高手甜点1597.11 跟我练练手160第8章 获取地理位置8.1 Geolocation API获取地理位置1628.1.1 地理定位的原理1628.1.2 获取定位信息的方法1628.1.3 常用地理定位方法1628.1.4 案例1判断浏览器是否支持HTML5获取地理位置信息1638.1.5 案例2指定纬度和经度坐标1648.1.6 案例3获取当前位置的经度与纬度1658.2 目前浏览器对地理定位的支持情况1678.3 综合案例在网页中调用Google地图1688.4 高手甜点1718.5 跟我练练手172第9章 Web通信新技术9.1 跨文档消息传输1749.1.1 跨文档消息传输的基本知识1749.1.2 案例1跨文档通信应用测试1749.2 Web Sockets API1779.2.1 WebSocket API的概念1779.2.2 Web Sockets通信基础1779.2.3 案例2服务器端使用WebSockets API1799.2.4 案例3客户端使用WebSockets API1839.3 综合案例编写简单的Web Socket服务器1839.4 高手甜点1889.5 跟我练练手188第10章 构建离线的Web10.1 HTML5离线Web应用概述19010.2 使用HTML5离线Web应用API19010.2.1 案例1检查浏览器的支持情况19010.2.2 案例2搭建简单的离线应用程序19110.2.3 案例3支持离线行为19110.2.4 案例4manifest文件19210.2.5 案例5Application Cache API19310.3 实例2使用HTML5离线Web应用构建应用19510.3.1 案例6创建记录资源的manifest文件19510.3.2 案例7创建构成界面的HTML和CSS19510.3.3 案例8创建离线的JavaScript19610.3.4 案例9检查applicationCache的支持情况19810.3.5 案例10为Update按钮添加处理函数19810.3.6 案例11添加Storage功能代码19910.3.7 案例12添加离线事件处理程序19910.4 高手甜点20010.5 跟我练练手201第2篇CSS3美化网页第11章 CSS3概述与基本11.1 CSS3概述20611.1.1 CSS3功能20611.1.2 浏览器与CSS320611.1.3 CSS3基础语法20711.1.4 CSS3常用单位20711.2 编辑和浏览CSS321211.2.1 案例1手工编写CSS321211.2.2 案例2Dreamweaver编写CSS21311.3 在HTML5中使用CSS3的方法21511.3.1 案例3行内样式21511.3.2 案例4内嵌样式21611.3.3 案例5链接样式21711.3.4 案例6导入样式21911.3.5 案例7优先级问题22011.4 CSS3的常用选择器22211.4.1 案例8标签选择器22311.4.2 案例9类选择器22311.4.3 案例10ID选择器22411.4.4 案例11全局选择器22511.4.5 案例12组合选择器22611.4.6 案例13继承选择器22711.4.7 案例14伪类选择器22811.5 选择器声明23011.5.1 案例15集体声明23011.5.2 案例16多重嵌套声明23111.6 综合实例1制作炫彩网站Logo23111.7 综合案例2制作学生信息统计表23411.8 高手甜点23611.9 跟我练练手237第12章 使用CSS3美化网页字体与段落12.1 美化网页文字24012.1.1 案例1设置文字的字体24012.1.2 案例2设置文字的字号24112.1.3 案例3设置字体风格24212.1.4 案例4设置加粗字体24312.1.5 案例5将小写字母转换为大写字母24412.1.6 案例6设置字体的复合属性24512.1.7 案例7设置字体颜色24612.2 设置文本的高级样式24712.2.1 案例8设置文本阴影效果24812.2.2 案例9设置文本溢出效果24912.2.3 案例10设置文本的控制换行25012.2.4 案例11保持字体尺寸不变25112.3 美化网页中的段落25212.3.1 案例12设置单词之间的间隔25212.3.2 案例13设置字符之间的间隔25312.3.3 案例14设置文字的修饰效果25412.3.4 案例15设置垂直对齐方式25512.3.5 案例16转换文本的大小写25712.3.6 案例17设置文本的水平对齐方式25812.3.7 案例18设置文本的缩进效果26012.3.8 案例19设置文本的行高26112.3.9 案例20文本的空白处理26212.3.10 案例21文本的反排26312.4 综合案例1设置网页标题26412.5 综合案例2制作新闻页面26612.6 高手甜点26712.7 跟我练练手268第13章 使用CSS3美化网页图片13.1 图片缩放27013.1.1 案例1通过描述标记width和height缩放图片27013.1.2 案例2使用CSS3中的max-width和max-height缩放图片27013.1.3 案例3使用CSS3中的width和height缩放图片27213.2 设置图片的对齐方式27213.2.1 案例4设置图片横向对齐27313.2.2 案例5设置图片纵向对齐27313.3 图文混排27513.3.1 案例6设置文字环绕效果27513.3.2 案例7设置图片与文字的间距27713.4 综合案例1制作学校宣传单27813.5 综合案例2制作简单图文混排网页28113.6 高手甜点28213.7 跟我练练手283第14章 使用CSS3美化网页背景与边框14.1 使用CSS3美化背景28614.1.1 案例1设置背景颜色background-color28614.1.2 案例2设置背景图片background-image28714.1.3 案例3背景图片重复background-repeat28814.1.4 案例4背景图片显示background-attachment29014.1.5 案例5背景图片位置background-position29114.1.6 案例6背景图片大小background-size29314.1.7 案例7背景显示区域background-origin29414.1.8 案例8背景图像裁剪区域background-clip29614.1.9 案例9背景复合属性29714.2 使用CSS3美化边框29914.2.1 案例10设置边框样式border-style29914.2.2 案例11设置边框颜色border-color30014.2.3 案例12设置边框线宽border-width30214.2.4 案例13设置边框复合属性30314.3 设置边框圆角效果border-radius30414.3.1 案例14设置圆角边框30414.3.2 案例15指定两个圆角半径30514.3.3 案例16绘制四个不同圆角边框30614.3.4 案例17绘制不同种类的边框30814.4 综合案例1制作简单公司主页31014.5 综合案例2制作简单生活资讯主页31414.6 高手甜点31614.7 跟我练练手317第15章 使用CSS3美化表格和表单样式15.1 美化表格样式32015.1.1 案例1设置表格边框样式border-collapse32015.1.2 案例2设置表格边框宽度border-width32215.1.3 案例3设置表格边框颜色background-color32315.2 美化表单样式32515.2.1 案例4美化表单中的元素font32515.2.2 案例5美化提交按钮transparent32715.2.3 案例6美化下拉列表font32815.3 综合案例1制作用户登录页面33015.4 综合案例2制作用户注册页面33215.5 高手甜点33415.6 跟我练练手335第16章 使用CSS3美化超链接和鼠标16.1 使用CSS3美化超链接33816.1.1 案例1改变超链接基本样式33816.1.2 案例2设置带有提示信息的超链接33916.1.3 案例3设置超链接的背景图34016.1.4 案例4设置超链接的按钮效果34116.2 使用CSS3美化鼠标特效34316.2.1 案例5使用CSS3控制鼠标箭头34316.2.2 案例6设置鼠标变幻式超链接34416.2.3 案例7设置网页页面滚动条34516.3 综合案例1图片版本超链接34816.4 综合案例2关于鼠标特效实例35016.5 综合案例3制作一个简单的导航栏35216.6 高手甜点35416.7 跟我练练手355第17章 使用CSS3控制网页导航菜单的样式17.1 使用CSS3美化项目列表35817.1.1 案例1美化无序列表35817.1.2 案例2美化有序列表36017.1.3 案例3美化自定义列表36217.1.4 案例4制作图片列表36317.1.5 案例5缩进图片列表36417.1.6 案例6列表复合属性36517.2 使用CSS3制作网页菜单36717.2.1 案例7制作无序表格的菜单36717.2.2 案例8制作水平菜单36917.3 综合案例1模拟soso导航栏37117.4 综合案例2将段落转变成列表37517.5 高手甜点37717.6 跟我练练手377第3篇网页版式布局第18章 CSS定位与DIV布局核心技术18.1 了解块级元素和行内级元素38218.1.1 案例1块级元素和行内级元素的应用38218.1.2 案例2div元素和span元素的区别38418.2 盒子模型38518.2.1 盒子模型的概念38518.2.2 案例3定义网页border区域38618.2.3 案例4定义网页padding区域38718.2.4 案例5定义网页margin区域38818.3 CSS3新增弹性盒模型39218.3.1 案例6定义盒子布局取向(box-orient)39218.3.2 案例7定义盒子布局顺序(box-direction)39418.3.3 案例8定义盒子布局位置(box-ordinal-group)39518.3.4 案例9定义盒子弹性空间(box-flex)39718.3.5 案例10管理盒子空间(box-pack和box-align)39918.3.6 案例11盒子空间的溢出管理(box-lines)40118.4 综合案例1图文排版效果40218.5 综合案例2淘宝导购菜单40418.6 高手甜点40718.7 跟我练练手408第19 章 CSS DIV盒子的浮动与定位19.1 定义DIV41019.1.1 什么是DIV41019.1.2 案例1创建DIV41019.2 盒子的定位41119.2.1 案例2静态定位static41219.2.2 案例3相对定位relative41219.2.3 案例4绝对定位absolute41319.2.4 案例5固定定位fixed41419.2.5 案例6盒子的浮动float41619.3 其他CSS布局定位方式41819.3.1 案例7溢出(overflow)定位41819.3.2 案例8隐藏(visibility)定位41919.3.3 案例9z-index空间定位42119.4 新增CSS3多列布局42319.4.1 案例10设置列宽度column-width42319.4.2 案例11设置列数column-count42419.4.3 案例12设置列间距column-gap42619.4.4 案例13设置列边框样式column-rule42719.5 综合案例1定位网页布局样式42919.6 综合案例2制作阴影文字效果43219.7 高手甜点43319.8 跟我练练手434第20 章 网页布局实战案例剖析20.1 固定宽度网页剖析与布局43620.1.1 案例1网页单列布局模式43620.1.2 案例2网页1-2-1型布局模式44020.1.3 案例3网页1-3-1型布局模式44320.2 自动缩放网页1-2-1型布局模式44720.2.1 案例41-2-1等比例变宽布局44720.2.2 案例51-2-1单列变宽布局44820.3 自动缩放网页1-3-1型布局模式44920.3.1 1-3-1三列宽度等比例布局44920.3.2 案例61-3-1单侧列宽度固定的变宽布局45020.3.3 案例71-3-1中间列宽度固定的变宽布局45420.3.4 案例81-3-1双侧列宽度固定的变宽布局45820.3.5 案例91-3-1中列和左侧列宽度固定的变宽布局46220.4 综合案例1单列宽度变化布局46520.5 综合案例2多列等比例宽度变化布局46720.6 高手甜点47020.7 跟我练练手471第4篇综合案例实战第21章 制作在线购物类网页21.1 整体布局47621.1.1 设计分析47621.1.2 排版架构47721.2 主要模块设计47721.2.1 Logo与导航区47721.2.2 Banner与资讯区47921.2.3 产品类别区域48021.2.4 页脚区域481第22章 制作移动设备类网页22.1 网站设计分析48422.2 网站结构分析48422.3 网站主页面的制作48522.4 网站成品预览487第23 章 制作娱乐休闲类网页23.1 整体设计49423.1.1 应用设计分析49423.1.2 架构布局分析49523.2 主要模块设计49623.2.1 网页整体样式插入49623.2.2 顶部模块代码分析49823.2.3 视频模块代码分析49923.2.4 评论模块代码分析50023.2.5 热门推荐模块代码分析50123.2.6 底部模块分析50423.3 网页调整50423.3.1 部分内容调整50423.3.2 调整后预览测试506
|
內容試閱:
|
序言前言实战从入门到精通(视频教学版)系列图书是专门为网页设计和网站开发初学者量身定制的一套学习用书,由刘玉红策划,千谷网络科技实训中心的高级讲师编著,整套书涵盖网页设计、网站开发、数据库设计等方面的知识,具有以下突出特点。前沿科技无论是网页设计、数据库设计,还是HTML5、CSS3,我们都精选较为前沿或者用户群最大的领域推进,帮助大家认识和了解最新动态。权威的作者团队组织国家重点实验室和资深应用专家联手编著该套图书,融合丰富的教学经验与优秀的管理理念。学习型案例设计以技术的实际应用过程为主线,全程采用图解和同步多媒体相结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度,提升学习效率。为什么要写这样一本书由于原生应用程序APP的开发费用比较高,而且耗时较长,所以jQuery Mobile函数库应运而生,很好地解决了这一问题,通过HTML5新技术和jQuery Mobile搭配使用,开发出的网站和普通APP没有区别,受到广大用户的欢迎。目前学习和关注的人越来越多,而很多APP移动网站开发的初学者都苦于找不到一本通俗易懂、快速入门和案例实用的参考书。而通过本书的案例实训,大学生可以很快地上手流行工具,提高职业化能力,从而帮助解决公司与学生的双重需求问题。本书特色零基础、入门级的讲解无论您是否从事计算机相关行业,无论您是否接触过网页设计,都能从本书中找到最佳起点。超多、实用、专业的范例和项目本书在编排上紧密结合深入学习网页设计技术的先后过程,从HTML5基本概念开始,引领读者逐步深入地学习各种应用技巧,侧重实战技能,使用简单易懂的案例进行分析和操作指导,让读者学起来简明轻松,操作起来有章可循。随时检测自己的学习成果每章首页均设置了内容提要,并提供了学习目标,以指导读者重点学习。大部分章最后的跟我练练手板块,均根据本章内容精选而成,读者可以随时检测自己的学习成果和实战能力,做到融会贯通。细致入微、贴心提示本书在讲解过程中,在各章中使用了注意提示技巧等小栏目,使读者在学习过程中更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。专业创作团队和技术支持本书由千谷网络科技实训中心编著和提供技术支持。您在学习过程中遇到任何问题,可加入QQ群:221376441进行提问,专家人员会及时答疑解惑。网页设计学习最佳途径本书以学习网页设计的最佳制作流程来分配章节,从最初的HTML5基本概念开始,然后讲解了CSS3美化网页、网页版式布局等。同时在最后的项目实战环节特意补充了3个综合网页的设计过程,以便更进一步提高读者的实战技能。
超值光盘全程同步教学录像涵盖本书所有知识点,详细讲解每个实例及项目的过程和技术关键点。比阅读图书更能轻松地掌握网页设计知识,而且扩展的讲解部分使您得到比书中更多的收获。超多容量王牌资源大放送赠送大量王牌资源,包括书中案例源代码、教学幻灯片、本书精品教学视频、HTML5标签速查手册、CSS属性速查表、88类网页实用模板、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析和Web前端工程师常见面试题。读者对象没有任何网页设计基础的初学者。有一定的HTML5和CSS3基础,想精通网页设计的人员。有一定的HTML5和CSS3基础,没有项目经验的人员。正在进行毕业设计的学生。大专院校及培训学校的老师和学生。创作团队本书由刘玉红和蒲娟编著,参加编写的人员还有刘玉萍、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、梁云梁和周浩浩。在编写过程中,我们尽所能地将最好的讲解呈现给读者,但也难免有疏漏和不妥之处,敬请不吝指正。若您在学习中遇到困难或疑问,或有何建议,可写信至信箱357975357@qq.com。编 者
|
|