苏晨 高斐 陈梅

摘要：随着社会和网络技术的发展，对网站前台的设计与制作也越来越多。文章论述了符合网站前台制作的Web标准，并从Web标准出发，通过HTML代码实现网站前台的内容和结构，通过CSS代码实现相关内容的样式，通过JavaScript代码实现页面的动态效果，以一个真实案例说明了对网站前台的制作实现过程，体现了Web标准的优势。

关键词：网站前台；Web标准；HTML；CSS

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2018）03-0191-02

Abstract：With the development of society and Network， the design and implementation of the front end website is increasing. The paper discusses the Web standard met the design and implementation of the front end website. Proceed from the Web standard，the content and structure of the front end website are realized by means of HTML code； the style of the interrelated content is realized by means of CSS code； the dynamic effect is realized by means of JavaScript code. The implementation process of the front end website is explained using a true case. The advantage on Web standard is showed.

Key words：front end website； Web standard； HTML； CSS

1 概述

而网站前台是指展现给访问者的所有页面，是面向网站访问用户而言，通俗的说也就是给访问网站的人看的内容和页面，用户可以通过对网站前台的访问来浏览公开发布的内容，如企业或公司概况介绍、新闻信息、产品信息、企业联系方式、提交留言等内容。近年来，随着社会和网络的发展，网站前台制作的需求越来越大，所以网站前台的实现问题也越来越重要。

对于简单的网站前台的制作，网页部分的内容实现可以通过Dreamweaver软件的可视化视图方式来实现，但是这种实现方式存在着很多问题，比如在预览网页时网页元素会出现错位、不能灵活地控制网页元素的样式等方面的问题等。

2 Web标准

随着科技的发展，在越来越开放的环境中，各个相互关联的事物要能够协同工作，就必须遵守一些共同的标准来工作。“Web标准”也是互联网领域中的标准，但它并不是一个标准，而是一系列标准的集合。而网页的相关技术走入实用阶段仅短短十几年的时间，就发生了很多重要的变化，其中最重要的一点是“Web标准”这一理念被广泛地接受。……