2018年第22期信息与电脑China Computer&Communication计算机工程应用技术
HTML5+CSS3在网页设计中的特性及优势
李 微
（九江职业大学，江西 九江 332000）
摘 要：为了适应时代发展的需要，网页设计领域需不断进行技术创新。目前，设计师已能够借助HTML5+CSS3进行网页设计。虽然HTML5+CSS3在网页设计中应用的相关技术手段还不是非常成熟，但相关技术应用优势显著，因此网页设计者必须重视这种技术。基于此，分析了HTML5和CSS3，明确了HTML5和CSS3的特点与优势，探究了HTML5+CSS3在网页设计中的具体应用，并将其应用于响应式布局设计和跨浏览器设计两个方面，促进网页设计工作的创新和发展。关键词：HTML5；CSS3；网页设计中图分类号：TP393.092 文献标识码：A 文章编号：1003-9767（2018）22-013-03Features and Advantages of HTML5+CSS3 in Web Design
Li Wei
(Jiujiang Vocational University, Jiujiang Jiangxi 332000, China)Abstract: In the field of webpage design, designers need to constantly carry out technological innovation. At present, designers have been able to use HTML5+CSS3 to design web pages. Although the relevant technical means of HTML5+CSS3 application in web design is not very mature, the application advantages of related technologies are outstanding. As web designers, must pay attention to this kind of technological innovation. This article analyzes HTML5 and CSS3, the characteristics and advantages of HTML5 and CSS3 are clarified, explores the specific application of HTML5+CSS3 in webpage design, applied to response layout design and cross-browser design to promote the innovation and development of web page design.Key words: HTML5; CSS3; web design
《HTML5+CSS3网站设计基础教程》课程教学大纲
（课程英文名称）
课程编号：0011
学 分：5学分
学 时：76学时 （其中：讲课学时：47学时 上机学时：26学时）
先修课程：计算机基础、计算机网络、计算机应用
后续课程：UI设计、 JavaScript网页特效
适用专业：信息技术及其计算机相关专业
开课部门：计算机系
一、课程的性质与目标
《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路
课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 三、教学条件要求
开发工具：Dreamweaver CS6
四、课程的主要内容及基本要求
第一章 初识HTML5
学习单元 初识HTML5 学时 10学时
学习目标 1. 了解HTML5发展历程
2. 理解HTML5浏览器支持情况
3. 熟悉HTML5基本语法,掌握HTML5语法新特性。
4. 掌握HTML5相关标记及属性，能够制作简单的网页页面。
学习内容 知识点 了解 掌握 重点 难点
2018年第3期信息与电脑China Computer&Communication计算机工程应用技术
HTML5+CSS3在电子商务网站建设中的优势
李君君（贵州航天职业技术学院，贵州 遵义 563000）
摘 要：随着电子商务的飞速发展，电子商务网站建设成为企业提升形象、获得效益的重要平台，如何做好网站建设，为客户提供更加优质的服务成为了重要内容。HTML标记语言简易、功能强大，为互联网应用程序的应用提供了重要的支持，与CSS3技术结合应用，可以大大优化网页和网站的性能、布局等，将其用于电子商务网站建设优势明显。关键词：电子商务；网站建设；HTML5；CSS3中图分类号：TP393.092 文献标识码：A 文章编号：1003-9767（2018）03-027-03The Advantages of HTML5 + CSS3 in the Construction of E - commerce Website
Li Junjun
(Guizhou Aerospace Vocational and Technical College, Zunyi Guizhou 563000, China)Abstract: With the rapid development of e-commerce, the construction of e-commerce website has become an important platform for enterprises to enhance their image and benefit. It is an important content for how to build a website and provide better service to customers. HTML markup language is simple and powerful, which provides important support for the application of Internet applications. Combined with the application of CSS3 technology, HTML markup language can greatly optimize the performance and layout of web pages and websites, and has obvious advantages for e-commerce website construction.Key words: e-commerce; website construction; HTML5; CSS3
HTML5CSS3网站设计基础教程_教学指导大纲
一、引言
A. 简介
1. 概述HTML5和CSS3
2. 网站设计的重要性和必要性
B. 目标读者
1. 网站设计初学者
2. 对HTML和CSS有一定了解的读者
C. 教学目标
1. 理解HTML5和CSS3的基本概念和语法
2. 掌握基本的网站设计技巧和方法
3. 能够设计简单但具有吸引力的网页布局
4. 运用HTML5和CSS3创建响应式网站
二、HTML5基础
A. HTML5简介
1. HTML5的发展历程 2. HTML5的新特性和改进之处
B. HTML5的基本结构
1. DOCTYPE声明
2. HTML文档的基本结构
C. HTML5常用标签
1. 文本标签
2. 超链接标签
3. 图像标签
4. 表格标签
5. 表单标签
D. HTML5多媒体
1. 音频和视频标签的使用
2. 使用Canvas绘制图形
3. 嵌入地图和地理定位
E. HTML5表单和表单验证
1. 表单元素
2. 表单验证的基本原理和方法 三、CSS3基础
A. CSS3简介
1. CSS的发展历程
2. CSS3的新特性和改进之处
B. CSS选择器和样式规则
1. ID选择器和类选择器
2. 标签选择器和属性选择器
3. 组合选择器和伪类选择器
C. CSS盒模型
