网页设计制作要求

Xingtai Polytechnic College《网页设计与制作》—相关规范网站设计规范（通用）一、设计风格1、依照网站的定位确定整体的设计风格。

2、主体框架页面、内容页尽量采用方型结构。

禁用长距离的斜线及弧线结构，可允许小范围内的斜线及弧线。

封面页、专题页可不受此限制。

3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可以有曲线变化。

拐角块最大不得超过18像素。

同一页面弧度尽量保持一致。

4、各主要栏目之间要求使用一致的布局，包括一致的页面元素；一致的导航形式，使用相同的铵钮，相同的顺序。

可跟首页有变化。

5、首页及各级页面都必须带有网站的LOGO(建议小于150×54)，并链接到网站首页。

6、统一按兼容分辨率800*600设计。

为了使显示更友好，建议使用778或者760 px设计。

7、网站页面长度建议1屏半到2屏。

原则上长度不超过3屏，宽度不超过1屏。

根据用户习惯和网站需要，国内中文网站综合类、门户类(包括垂直门户)网站可设计超过3屏。

二、图形设计规范1、图片标准尺寸全尺寸banner为468×60px，半尺寸banner为234×60px，小logo为88×31px 另外150×68、120×90，120×60也是标准尺寸，网站logo一般控制在150×54以内，客户要求或特殊广告图片可另定尺寸。

建议首页存储大小不得超过150K(包括图片)，其它页面经压缩后尺寸不得超过70K。

2、图片的分类及命名规则(1) 名称分为头尾两两部分，用下划线隔开。

(2) 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

(3) 一般来说:⏹放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner⏹标志性的图片我们取名为：logo⏹在页面上位置不固定并且带有链接的小图片我们取名为buttonXingtai Polytechnic College《网页设计与制作》—相关规范⏹在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu⏹装饰用的照片我们取名：pic⏹不带链接表示标题的图片我们取名：title⏹依照此原则类推。

网页设计的构成要素有什么-基本要素-注意要点网页的构成要素有很多，其主要包括：文字、图像、Flash动画、色彩、排版等元素。

如果想具体了解网页制定的构成要素有什么，那无妨接着往下看吧!1、文字文字是网页中最主要的一部分。

关于文字的把握，主要有两点。

一是简洁、明了，能够让用户读得下去;二是数量的掌握，文字太少，会显得单调，文字多了，网页就会显得很乏味。

2、图片图片，比文字更能吸引人的眼球，所以网页中要善用图片。

在某些特别的位置，可以放置一些比较出彩的图片，这样既能达到美观的效果，又能让浏览者对网页印象深入。

3、色彩色彩的搭配，能体现出一个网页制定者的审美观，也会直接影响到浏览者的观感。

网页的颜色不用很多，但是一定要搭配得当。

一个网页一般会有一个主打色，用以配合网页的主题。

其他的颜色，辅以调节的作用。

4、排版有文字、有图片、有颜色，网页有这些就够了吗?No!光是这些，还不够，还必须要有专业的排版技术，把这些要素整合起来，组成一个协调的页面。

排版必须要顾忌很多，要注意字间距，文字、图片的数量，颜色的搭配，页面留白等等，是个细致活。

5、多媒体有些网页为了博眼球，会放置音频、动画、视频等等，这些就是多媒体了。

但是，在一般的网页中，存在大量的多媒体并不是一件好事，这些多媒体会对网页打开速度造成影响。

一般，放置多媒体，必须要量力而行。

2制作网页的基本要素1、标题。

每个网页的最顶部都有一条信息，这条信息往往出现在浏览器的标题栏，而非网页中，但是这条信息也是网页布局中的一部分。

这条信息是对这个网页中主要内容的提示，即标题。

2、网站LOGO。

LOGO是网站所有者对外宣扬自身形象的工具。

LOGO集中体现了这个网站的文化内涵和内容定位。

可以说，LOGO 是一个网站的最为吸引人、最容易被人记住的标志。

LOGO在网站中的位置都比较醒目，目的是要使其特别，容易被人识别与记忆。

在二级网页中，页眉位置一般都留给LOGO。

另外，LOGO往往被制定成为一种可以回到首页的超链接。

网页设计制作规范要求由于互连网的日异普及，客户对网站设计、制作的要求有了很大的提高，因此，我们要把握好每一个细节,使网页设计制作的水平更上一层楼。

以下是网页制作的一些注意事项，希望大家能引起重视.一、网页制作中〈head></head>中必写信息：1、〈title〉**＊＊＊＊</title>＊＊*＊＊*为关键字—-公司名称，不要超20个汉字或100个字母，这一项一般问题不大，但英文公司标题切不可每个字母都大写，这一点一定要注意，中文网站写中文,英文网站写英文,每个页面均要写。

2、语言规范英文版<meta http—equiv=”content—type”content="text/html; charset=iso—8859—1"> 中文版〈meta http—equiv="Content—Type”content=”text/html；charset=gb2312"〉繁体中文<meta http-equiv=”Content—Type”content="text/html；charset=big5"〉3、〈META NAME=”Keywords" CONTENT=”＊**＊**">＊**＊*＊为关键字项，其字数中文控制在25—30单词/字内, 英文控制在3、4百个字符。

（在中文搜索引擎中，一个标点，一个阿拉伯数字，一个英文字母均算一个；在英文搜索引擎中，一个标点,一个阿拉伯数字,一个英文单词均算一个，要求是将重点关键词放在最前面；不要带有排他性描述文字，如最大，最好,第一等；也不要全部由产品简单的罗列堆砌而成；不要与Title，Description有重复描述，否则不仅降低描述质量,而且还无端浪费有限的“介绍文字”资源；故这些最好由业务员在与客户签约时，请厂家来确定，以免不必要的修改，最重要的是以后修改效果可能不太好)”4、<META NAME=”Description" CONTENT=”******” >*＊*＊*＊为网站描述项，其字数中文控制在25-30单词/字内，英文控制在3、4百个字符。

高二选修模块《网络技术应用》学生网页作品
上交要求
一、作品的主题：探索与创新
应结合个人的学习与实践活动及生活实际，积极探索、勇于创新，运用信息技术手段设计、创作网页作品，培养“发现问题、分析问题和解决问题”的能力。

二、作品的名称：自定
网站名称简洁、明确，突显主题。

三、作品的制作：
可1～2人一组，共同确定主题，共享素材资源，但要求每个人独立制作一个网站（网页的布局、设计与制作应体现出个人的创作风格）。

四、作品的内容：网页
网页作品要求在1．0．个页面
．．．、两级栏目
．．，内容要紧密结合作
．．．．．以上
者的学习生活和社会实践，避免简单的资料堆砌。

五、作品的上交要求：
时间：第18周星期一（12月29日）中午前交给科代表。

科代表中午1点集中到中山楼七楼计算机室统一上交。

内容：①个人网站文件夹，并统一命名为：班学号姓名_网站主题如3班60号同学的作品文件夹名为：0360王明_我爱我校
②同时附作品说明文档名为：创作说明.doc
创作说明的内容见后面。

形式：将网站文件夹与创作说明文档生成压缩包。

压缩包命名为：班学号姓名_网站主题
压缩包的大小不超过50MB。

广州市第六中学2007学年高二网站作品
创作说明。