Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

前言

Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程。本书是咸阳师范学院2016年教材建设资助项目。

Web前端开发涵盖多门技术,想要开发一个漂亮、满足用户需求的网站,需要有丰富的开发技巧,在本教材中针对开发技巧做了详细的介绍。

1. 本书指导思想

(1) CDIO工程思想

CDIO工程教育模式是国际工程教育改革的最新成果。CDIO代表构思(Conceive)、设计(Design)、实现(Implement)和运作(Operate),以产品研发到产品运行的生命周期为载体,让学生以主动、实践的方式学习工程。

本书始终以CDIO大纲为编写指导思想,以前端开发为基础,以培养工程实践能力为目标,组织教材内容。

(2) 相关行业需要Web前端工程师掌握的技能

在教材内容的选取方面,笔者调研了对Web前端工程师知识技能方面的需求。目前企业对前端工程师的普遍要求是能够熟练使用HTML5、CSS、JavaScript、jQuery等前端技术。本书涵盖了行业需求的这些技术,并对这些技术深入浅出地介绍,带领读者领略技术的魅力。

2. 本书内容

全书分为9章,内容涵盖: Web前端基础知识、HTML、CSS、JavaScript、jQuery、HTML5和Dreamweaver七大版块。本书知识图谱如图1所示。

3. 本书特点

(1) 案例式教学

本书采用大案例和小案例结合的方式组织内容。在介绍开发技术时配有小案例,案例具有代表性和趣味性,使读者在完成案例的同时掌握语法规则以及技术的应用。第8章介绍的是咸阳师范学院图书馆网站案例,涵盖了本书所学的所有技术,涉及从需求分析、设计、实现、测试到发布的完整过程,带领读者熟悉网站项目开发的流程。

(2) 实验内容丰富

为了能使读者自我检验学习效果,第9章设计了20个前端开发实验,有详细的实验分析和操作步骤,引导读者动手开发,使读者从知识的学习转变到能力的提高。

(3) 注重能力培养

本书编者长期从事“网页设计”和“Web前端开发”等课程的教学工作,总结了很多Web教学的经验,在书中与读者进行分享; 另外参与了多个网站项目的开发工作,这些网站均已上线。在开发过程中,笔者积累了丰富的实战经验,这些经验在教材中也有所体现。因此本书不仅是单纯介绍技术的教材,而且是由大量的实战开发经验所组成的一本以提高动手能力为目标的教材。

(4) 配套资源丰富

本书配备了微课视频资源,同时还提供课程配套的电子课件和课后习题答案,另外为使用本书的教师提供了课程大纲和教案。

图1知识图谱

4. 作者与鸣谢

本书由刘敏娜和弋改珍编著,王笑笑、尚静静等参与教材资料整理工作。本书在编写过程中得到了郑寅堃和闫红梅编辑的大力支持和帮助,感谢他们专业且严谨的工作。

由于时间有限,书中难免存在不足之处,如有发现问题,烦请直接与笔者联系,电子邮箱为yanhm@tup.tsinghua.edu.cn,不胜感谢!

编者

2019年1月

more >

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《精通HTML5 + CSS3+JavaScript网页设计》内容主要包括CSS3的基本语法和概念,设置文字、段落、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS3滤镜的应用。重点介绍如何使用DlV+CSS3进行网页布局,注重实战操作,使读者在学习CSS3技术的同时,掌握DIV+CSS3的精髓。还介绍了一些扩展知识,包括CSS3与JavaScript、XML等综台应用。最后给出5个综合实例,使读者进一步巩固所学的知识,提高综合实战能力。随书光盘中包括266个实战案例、5个综合实例和《精通HTML5 + CSS3+JavaScript网页设计》的视频教学录像。 第1章 HTML5概述 1.l HTML5的基本概念 1.1.1 HTML 5简介 1.1.2 THML 5文件的基本结构 1.2 HTML5文件的编写方法 1.2.1 使用记事本手工编写HTML文件 1.2.2 使用Dreamweaver CS5.5编写HTML文件 1.3 使用浏览器查看HTML5文件 1.3.1 各大浏览器与HTML5的兼容 1.3.2 查看页面效果 1.3.3 查看源文件 1.4 专家解惑 第2章 HTML5网页文档结构 第3章 HTML5网页中的文本和图像 第4章 用HTML5建立超链接 第5章 用HTML5创建表格 第6章 使用表单 第7章 CSS3概述 第8章 CSS3字体与段落属性 第9章 CSS3美化表格和表单样式 第10章 CSS3美化图像 第11章 CSS3美化背景与边框 第12章 Java Script概述 第13章 Java Script语言基础 第14章 Java Script内置对象 第15章 Java Script对象编程 第16章 Java Script操纵CSS3 第17章 HTML5CSS3和Java Script 第18章 HTML5绘制图形 第19章 HTML5中的音频和视频 第20章 地理定位、离线Wed应用和Web存储
在线教育网站是当今数字化时代中非常重要的教育方式之一。通过在线教育网站,学习者可以随时随地以自己的节奏和时间表进行学习,这种灵活性和便利性使得在线教育受到越来越多人的欢迎。 创建一个在线教育网站的网页需要使用HTMLCSS来构建页面并实现各种功能。HTML是一种标记语言,用于描述网页的结构、内容和语义。通过使用HTML,我们可以创建网页的基本框架、标题、段落、图像和链接等元素。比如,可以使用HTML创建网页的导航栏、课程列表和学生登录表单等。 CSS是一种样式表语言,用于定义网页的外观和布局。通过使用CSS,我们可以为网页添加颜色、字体、间距和背景图像等样式。可以使用CSS来设计网页的整体布局,调整字体大小和颜色,设置按钮的样式和动画效果等。 在创建在线教育网站的网页时,我们首先可以使用HTML创建网页的基本结构和内容。可以将导航栏、页眉、课程列表和底部部分等划分为不同的区域。然后,使用CSS来为这些区域添加样式,比如设置背景颜色、字体样式和边框等。 此外,网页应该具有响应式设计,以适应不同的屏幕大小和设备。可以使用CSS媒体查询来检测设备的特性,并根据需要应用不同的样式。这样,在不同的设备上,网页可以自动调整布局和样式,提供更好的用户体验。 总之,HTMLCSS是创建在线教育网站的重要工具。通过它们,我们可以构建网页的结构、内容和样式,为学习者提供良好的学习环境和体验。在线教育网站的网页应该具有良好的设计和布局,以便学习者能够轻松浏览和使用网站。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值