浅谈电子商务网站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进行控制，使浏览者更快地浏览网页。

四、网页特效