admin 管理员组

文章数量: 887021


2023年12月19日发(作者：transcribe软件怎么用)

龙源期刊网

基于HTML5的网页设计与制作研究

作者：陈颖 段敏娟

来源：《无线互联科技》2018年第23期

摘 要：文章对网页设计的语言进行简要介绍，以响应式Web设计理念为基础，从校园网的模块设计、网页素材的选择与处理以及网页的结构设计、表现、行为、网页测试进行详细介绍，希望能为从事Web程序设计的工作者提供一定的借鉴作用。

关键词：HTML5；Web设计；校园网

随着互联网技术的飞速发展与普及，人们利用个人电脑或移动设备在网页上获取信息越来越容易，设计出响应式、美观大方、交互性好的电脑端或移动端网页显得尤为重要。HTML5标准的产生使互联网端的格局发生了很大的变化，UI设计师把网站界面设计好，Web前端工程师需要利用前端开发语言将网站界面设计成网页。本文以校园网为例，对基于HTML5的网页设计与制作进行探讨。

1 开发语言的介绍

1.1 HTML5

HTML是一种用来对网页元素进行整理和分类，对网页进行结构设计的标记语。是由一对“”和一个关键词组成，主要分为双标记和单标记，双标记与单标记主要的区别是单标记直接用/闭合标记结束，如

，而双标记是用/闭合标记加结束，如

。可通过在HTML标记中添加相关属性对网页元素进行设计，相同的属性在HTML标记中不能重复出现。标记不区分大小写，且可以相互嵌套。HTML5是HTML的最新修订版本，其设计目的是为了在移动设备上支持多媒体，其为移动应用开发提供了另外一种技术方案。HTML5相比之前的HTML版本，提供了一些新的元素和属性，这些新的元素和属性有利于搜索引擎的索引整理，同时可以更好地帮助小屏幕装置和视障人士使用。

1.2 CSS

CSS是层叠样式表，主要是对网页进行布局，控制网页的表现。在网页中可通过多种方式来引用CSS样式，但链入式是最常用的使用方式。CSS是通过CSS選择器和属性来定义的，CSS具有优先级，还具有层叠性和继承性。CSS布局与XHTML相结合，可以实现表现与结构的分离，使网站的访问及维护更加容易。

1.3 JavaScript


本文标签： 网页 标记 进行 设计 移动

版权声明：本文标题：基于HTML5的网页设计与制作研究 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1702932492h436462.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。