新書推薦:
《
敦煌写本文献学(增订本)
》
售價:HK$
221.8
《
耕读史
》
售價:HK$
109.8
《
地理计算与R语言 [英] 罗宾·洛夫莱斯 [德]雅纳·蒙乔 [波兰] 雅库布·诺沃萨德
》
售價:HK$
121.0
《
沈括的知识世界:一种闻见主义的实践(中华学术译丛)
》
售價:HK$
87.4
《
大思维:哥伦比亚商学院六步创新思维模型
》
售價:HK$
72.8
《
宏观经济学(第三版)【2024诺贝尔经济学奖获奖者作品】
》
售價:HK$
155.7
《
UE5虚幻引擎必修课(视频教学版)
》
售價:HK$
110.9
《
真需求
》
售價:HK$
110.9
|
內容簡介: |
本书以简洁的语言和具体的项目实例,系统地介绍了应用HTML5 CSS3制作网页的全过程,让学生在较短的时间掌握HTML5、CSS3制作网页的前沿技术,为以后开发网站打下牢固的基础。本书包括8个项目和1个附录。项目一主要讲述HTML的基础,为后面学习HTML5打好基础;项目二介绍HTML5脚本语言的结构特点,重点介绍语义元素的使用方法;项目三介绍移动网站的表单结构、元素特点;项目四讲述HTML5多媒体设计的特点和方法,结合具体项目,运用音视频技术制作多媒体网页;项目五讲述如何使用canvas绘制图形,这是HTML5新特性;项目六讲述CSS3样式基础,各种样式表的应用是该部分的重点;项目七讲述CSS3的定位与布局,该部分内容是建立网站的重点;项目八介绍HTML5设计微网站,描述了一个微网站的设计全过程;附录部分简单介绍JavaScript基础知识。 本书可作为中等职业学校计算机类专业的学生教材,也可作为计算机相关的职业培训教材。
|
目錄:
|
项目一 HTML基础 1任务一 认识HTML 2一、HTML的发展历史 2二、HTML的特点 2任务二 HTML标签的使用 2一、HTML基本结构 3二、文字类标签 4三、段落和版面标签 5四、超链接标签 5五、表格标签 6六、HTML表单标签 8七、框架标签 9八、图形标签 11任务三 在Dreamweaver中编写HTML 11一、可视化编辑HTML 11二、HTML标签的快速操作 13项目实训一 制作基本页面标签 15项目实训二 制作文字布局标签 15项目实训三 制作表格标签 16项目实训四 制作超链接标签 17拓展链接 XML与HTML 18项目小结 18思考与练习 19 项目二 HTML5构建网站 21任务一 认识HTML5 22一、HTML5基本知识 22二、HTML5文档结构表达方法 25任务二 HTML5语义元素 27一、HTML5新增结构元素 27二、HTML5文本语义元素 29项目引导 创建博客网站 33项目实训 制作“个人网站” 37拓展链接 HTML5技术优点 42项目小结 43思考与练习 43 项目三 创建移动设备的Web表单 45任务一 认识HTML5表单 46一、HTML5表单应用 46二、HTML5表单结构 46三、可用性更强的HTML5表单 47任务二 移动Web应用input类型的表单 49一、input类型表单属性 49二、type属性实例 49项目引导 制作移动网站“注册表单” 57项目实训 制作“域名注册”网页 59拓展链接 Web应用程序的工作原理简介 65项目小结 65思考与练习 65 项目四 HTML5多媒体设计 67任务一 了解网页中的音频和视频 68一、发展历史 68二、容器和编码/解码器 68任务二 嵌入音频视频 70一、网页中嵌入音频 70二、网页中嵌入视频 70项目引导 创建音频网页 72项目实训 制作“视频网站” 74拓展链接 FlowPlayer播放器简介 77项目小结 78思考与练习 78 项目五 使用canvas元素绘图 80任务一 canvas基础 81任务二 canvas操作进阶 83一、绘制直线 83二、绘制圆形 86三、canvas书写文本 88四、canvas处理图像 90项目引导 创建钟表外观 93项目实训 使用canvas元素绘制logo 97拓展链接 canvas、svg及Flash的区别 100项目小结 101思考与练习 101 项目六 CSS3样式基础 103任务一 认识CSS3样式表 104一、初始CSS3样式 104二、CSS样式表的语法 104三、CSS样式表的分类 105四、CSS的继承性、层叠性 107五、CSS选择器 109任务二 网页文本样式设置 114一、网页文本样式设置 114二、段落样式设置 116任务三 超链接和背景图像样式设置 118一、超链接样式设置 118二、背景图像样式设置 119任务四 列表样式设置 121一、无序列表设置 121二、有序列表设置 122三、列表属性设置 123项目引导 制作垂直菜单 125项目实训 制作“动态堆叠卡” 127拓展链接 在Dreamweaver中创建编辑样式表 132项目小结 133思考与练习 133 项目七 CSS3定位与布局 135任务一 初识div 136一、块元素与内联元素 136二、div概述 137三、span元素 138任务二 CSS3定位 138一、盒子模型的概念 139二、浮动定位 144三、精确定位 147任务三 CSS3布局设置 149一、固定布局设计 149二、流动布局设计 151三、浮动布局设计 153项目引导 制作博客页面 155项目实训 制作“公司网” 157拓展链接 JavaScript语言与行为 162项目小结 163思考与练习 163 项目八 HTML5设计微网站 165任务一 移动Web概述 166一、移动互联网发展趋势 166二、HTML5在移动Web上的应用 167任务二 移动Web设计 167一、微网站开发工具 167二、谷歌浏览器移动端模拟 170三、微网站屏幕宽度及缩放 172四、物理分辨率和逻辑分辨率 172项目引导 移动Web布局 173项目实训 制作学校微网站 177拓展链接 APP开发简介 196项目小结 196思考与练习 196 附录 JavaScript简介 197附录一 在网页中使用JavaScript 198一、在HTML中嵌入脚本 198二、函数 199三、响应事件 201附录二 JavaScript语言基础 202一、变量 202二、变量作用域 202三、变量类型 203四、运算符 204五、循环 206六、数组对象 207附录三 JavaScript与页面交互 208一、操作DOM元素 208二、JavaScript动态添加事件 210附录四 BOM对象模型 212一、window对象 212二、document对象 215三、location对象 216四、navigator对象 216五、screen对象 217 参考文献 218
|
內容試閱:
|
随着互联网的迅猛发展,网站建设成为互联网领域的一门重要技术,开发网站离不开HTML语言。HTML语言经过20多年的发展,由超文本标记语言1.0版到4.0版,再到HTML5,已经发生了革命性的变化,应用越来越广泛。移动设备如iOS系统、Android系统等提供了对HTML5的支持。CSS也由1.0版发展到3.0版,美化网页的功能越来越强大,HTML5 CSS3成为当今网站开发的热门及主流技术。本书与时俱进,采用“项目—任务”编写模式,全面介绍了HTML5、CSS3两种网页制作技术。本书主要特点 1.本书编写采用“项目—任务”驱动的教学模式,全面拓展学生的职业技能。通过以若干个实际项目为载体,引导学生通过项目的完成,掌握网页的制作方法和技巧,培养学生进行信息收集、分析和表达的能力。以项目为引领,根据学生的接受能力,把知识点贯穿在精心设计的项目中。在任务中,简明扼要地讲解各个知识点,并结合具体的操作步骤完成各个任务。编者旨在通过带领学生完成项目实训进一步培养学生的实践能力、创新能力。 2.项目案例实用、完整。各个知识点融合到各个项目中去,符合学生的认知规律。项目之间既相互独立,又相互联系;由浅及深,由易到难,循序渐进,使学生在实践中提高自身技能水平。 3.紧跟技术潮流,融合全国职业技能大赛的知识点。近年来,企业网络搭建及应用项目竞赛题中要求应用移动网页测试网站,网站建设项目和微网站制作项目规程中明确要求使用HTML5 CSS3技术,完成相关的竞赛任务。这使得这项技术成为重要的技能点。 4.注重章节内容的内在联系。全书内容以Web标准为线索进行组织。Web标准逐步成为由三大部分组成的标准集:结构、表现和行为,对应的网站也分为三个方面:结构化标准语言(以HTML语言为代表)、表现标准语言(主要包括CSS)和行为标准语言(以JavaScript语言为代表)。本书尤以HTML5、CSS3两种网页制作技术为重点,同时,让学生了解JavaScript语言基础。 5.全书图文并茂。在培养学生网页审美能力的同时,提高学生学习网页制作的兴趣。教学建议 1.以学生实践为主,教师讲解为辅。教师讲解知识点应以示例演示为突破点,项目引导以难点答疑为重点,项目实训则以学生为主体,独立完成项目的制作。 2.多写代码。尽管电子文档中含有网站的源代码,但应避免让学生直接复制、粘贴代码,鼓励学生动手编写代码,灵活使用各种HTML标签元素、CSS样式表,学会结构与布局网页,练就熟练的编程技能,为成为未来的Web程序员做好准备。 3.熟练使用文本编辑工具。本书介绍了文本编辑工具(记事本、Sublime Text3)、可视化编辑工具(Dreamweaver CS6.0),建议测试本书的示例、项目时采用Sublime Text3,因其界面简洁易用、功能强大,堪称编程工具中的“神器”。4.建议下载多种浏览器。使用多种浏览器便于测试Web页面的兼容性和显示效果,毕竟不同的客户可能使用不同的浏览器。目前,所有浏览器均为免费产品,可直接从互联网下载安装。课时安排 本书各项目理论、实践有所侧重,安排课时应根据实际情况予以合理安排,各项目内容的学时分配建议如下:课程内容 理论课时 实践课时 合计项目一 HTML基础 2 4 6项目二 HTML5构建网站 2 4 6项目三 创建移动设备的Web表单 2 4 6项目四 HTML5多媒体设计 2 2 4项目五 使用canvas元素绘图 2 4 6项目六 CSS3样式基础 4 6 10项目七 CSS3定位与布局 4 6 10项目八 HTML5设计微网站 1 5 6附录 JavaScript简介 1 3 4课时合计 20 38 58 本书由张学义任主编并负责全书统稿,其中项目一至项目三由张茜编写,项目四和项目五由马红霞编写,项目六至项目八以及附录由张学义编写。 由于编者水平有限,加上编写时间仓促,书中难免有不足之处,恳请广大读者批评指正,电子邮箱地址:zxueyi@163.com。 编 者
|
|