APP下载

浅谈电子商务网站web前端网页制作

2018-06-04朱杰

商情 2018年15期
关键词:网页制作

朱杰

【摘要】近年来,电子商务网站数量激增,顾客规模日益扩大。电子商务网站的内容和功能变得更加丰富,各电子商务网站之间的竞争也越来越激烈。在这种情况下,电子商务网站的设计和性能的要求也越来越高。在电子商务网站制作中,web前端扮演着重要的角色,web (World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。本文将结合工作经验,介绍如何制作一个web前端网页页面。

【关键词】web前端 html css 网页制作

随着信息技术的发展,信息技术的传递突破了时间和地域性,网络化与全球化成为一种不可避免的世界趋势。web前端网页制作的学习显得尤为重要,下面我将从四个方面开始阐述web网页制作。

一、概述

(1)HTML

HTML的全称是Hypertext Markup Language(超文本标记语言)HTML是用于描述网页文档的标记语言。HTML语言是由W3C组织(万维网联盟)所规范,从1993到如今的发展,同时针对其以后的发展进行评测。HTML在计算机发展史中有不可或缺的地位。

(2)CSS层叠样式表

从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。

css层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.css能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

(3)网页的定义

网页是构成网站的基本元素,是承载各种网站应用的平台。网负是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式,网页是一个可以在线交流、提供顾客服务,以及在线下载的渠道页面。

二、网页代码编辑器

在web前端网页制作过程当中,每个人用的软件也不一样,因人而异,比较有名的有Adobe公司下的Dreamweaver和Microsoft公司下的VScode,当然web前端设汁师用的最多的软件还是Sub-lime Text。因为Sublime Text支持多种编程语言的语法拥有优秀的代码自动完成功能,还拥有代码片段(Snippet)的功能,可以将常用的代码片段保存起来,需要时随时调用。

三、网页排版布局

在web中布局排版有很多种,例如:

1.表格布局(已淘汰):这是网页布局最常用的一种方法。因为排版难点低,容易接受,速度快,兼容性好受到美工和程序的喜爱。但是缺点很多:

(1)代码繁多,不利于网站优化。

(2)页面布局如果更改。之前的代码可以说毫无用处。对设计,对程序都是一个可悲的事情。

(3)表格嵌套多,网站加载速度慢。影响用户体验。

2.DIV+CSS布局:这是一种最难的排版方式,因为独特的样式和方法让许人接受起来有点吃力,要考虑网站的兼容性。所以这种方式被大多数网站建设公司所排斥。但是它却有很多的优点:

(1)代码简洁,对搜索引擎友好。

(2)网站布局超前、便于修改,层与层之前衔接方便、灵活调用。

(3)只要一个样式表就可以把所有的页面布局全部加入其中。网站加载速度快、利于网站优化。

DIV+CSS布局排版是Web布局排版中一种新的做网站的布局方式,是一种新的排版理念,完全有别于传统的表格布局排版习惯。DIV+CSS样式具有比表格更大的优势,它能够实现页面内容和外观样式的分离,可以对相的DIV标记中的ID进行控制,使浏览者更快地浏览网页。

四、网页特效

网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript,vbscript)来编写制作动态特殊效果。javascript语言给html静态网页增添了许多色彩,使网页更加生动,也实现了用户和网页之间的交互,它是通过嵌入或调入到标准的HTML语言中实现的。

五、结语

通过以上四个章节的阐述,wcb前端的学习是非常重要的,熟练掌握web技术可以制作精美的網页,合理的网页布局排版,可以给用户带来最佳体验。

参考文献:

【l】《XML基础与实践教程》王震江,马宏清华大学出版社

【2】HTML、CSS、JavaScript整合详解》王津涛北京机械工业出版社

猜你喜欢

网页制作
网站建设和网页制作的方法
浅析当前计算机网页制作的应用技术和管理流程
表格在网页中的灵活运用
Moodle平台下《网页制作》校本课程的开发
基于世界大学城云平台的高职翻转课堂教学模式探究
案例教学法在“网页制作”课程中的应用
《网页制作》微课教学的研究与实践
基于CDIO的《网页制作》课程教学改革研究
浅谈引导文教学法在网页制作课程中的实践
基于CDIO模式的网页制作课程改革研究