关于网页设计作业的要求及评分标准_学生网页设计制作作业_网页制作作业成品_网页设计作业_计算机毕业设计_php作业_asp作业_网页模板

热点资讯更多

关于网页设计作业的要求及评分标准

1. 在动手制作网页之前，必须认真做好网的需求分析，策划好网站的主题，规划好网站的风格和结构，创建完善的目录结构。
2. 制作网页，收集好所需的文字资料、图像资料、FLASH动画和网页特效。
3. 课程设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量地完成实训任务。要求独立完成规定的课程设计内容，不得弄虚作假，不准抄袭或复制他人的网页及其他内容。
1. 实训环境为WINDOWS XP及以上版本的操作系统，网页制作软件可自行选择代码编辑器（如：sublime等），根据需要可以运用FIREWORKS8处理图像，运用FLASH8制作动画。
5.选定下列命题之一，完成一个至少10页的网站，按照制作水平给予学期末成绩。
ü 环保机构网站
ü 企业类宣传网站
ü 大学生校园生活类网站
ü 自拟题目
要求：
1）将网站文件夹整体压缩打包，命名为：学号-姓名-网站名称。例如：20141113123-张三-购物网，截止接收日期：10.27日前交回。（5分）
2）所创建的网站至少包含十个页面，分为三层，第一层为首页，第二层为五个二级子页，第三层为四个内容页。（10分）
3）主页名称要求为index.htm（5分）
4）使用WORD文档文字说明网站的主题、内容及思路，语言流畅、思路清晰，可以在文中，手绘首页布局结构图（草图：手绘说明）（10分）
5）网站页面层次清楚、合理，至少包含首页、文章列表页、文章详情页三个页面，列表样式和详情样式可以个性化。（10分）
6）各个页面根据需要，插入合适的图像和FLASH动画，首页可以插入背景音乐。页面中图片要选择恰当，符合主题，要求鼠标悬停时有图片说明，对图片进行简单的处理。（10分）
7）首页必须包含导航栏，各页面之间导航清晰，链接准确无误。主页可以链接到任意的下一级分页面，各个页面可以直接回主页，鼠标悬停时有链接提示。（10分）
8）各个页面之间要求内容充实，布局合理，颜色搭配协调，美观大方。（15分）
9）使用模板、框架动态特效等技术。动态效果使页面重点突出，且无杂乱感。（15分）
10）网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意，容易理解。上交的作品不能过大，文件夹中只保留必须文档和素材。（10分）
附：网页制作指导规范（参考）
1、结构设计：
  （1）、物理结构
   网站的物理结构是指网站在服务器上的目录结构。       首页放在站点根目录，其他栏目网页放在各自栏目的目录中，目录只能以英文字母和数字来命名。另外，网站结构不要超过3层。
（2）、逻辑结构
    网站的逻辑结构是指网页之间相互联接的拓扑结构。它是建立在网站的目录结构之上的，但可以跨越目录结构。
    网站的逻辑结构一般有两种形式：树状链接结构、星状链接结构。
本次竞赛采用树状结构。要能够有效的组织起网站的内容，方便用户使用。
2、网站形象设计
网站内容的丰富性固然重要，但简洁明快、独具特色、保持统一的风格能够使浏览者产生深刻的印象，因此，设计内容与形式有机结合的“特色” 才是网站成功的关键。  （1）、网站的标志设计
网站的标志可以是中文、英文字母、符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。
本次竞赛要求参赛者自制一个符合自己站点主题要求的标志。（2）、网站的标准色彩设计
      网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。本次竞赛要求网站的标准色彩不超过3种。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配、美观。本考点亦是得失分的关键点之一。（3）、网站的标准字体设计
    网站的标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。如果参赛选手想用其他字体也可以，但是不要在一个站点里运用多种字体。（4）、网站的宣传标语设计
网站的宣传标语是网站的精神和目标的体现，可以用一句话甚至一个词来高度概括。可以用FLASH来体现也可以用图片来实现。

3、页面要求：
（1）、控制页面的总规模
   要想把网页做得精彩，内容必定要丰富，但不要把所有的内容都放在一个页面上，应控制页面的总规模。所以要求参赛者制作包括首页在内的页面时，页面内容不要超过3屏。（2）、图像要经过优化处理，一切以能够快速下载、美观切题为佳。（3）、参赛者可以使用JAVA及其他相关技术实现网页特效，但是一旦因此造成不良效果后果自负。（4）、可以使用背景音乐，视整体效果给以适当加减分。
4、设计者在设计过程中要遵循一下业界的规范，越接近规范要求者得分越高。
1）、文件命名规范
   网站文件命名的原则是以最少的字母达到最容易理解的目标。一般网页文件及目录命名规范如下：
          (1) 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm 。
           (2) 文件名称统一用小写的英文字母、数字和下划线的组合。            (3) 尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们) 。
           (4) 多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。例如：news_01.htm。注意，数字位数与文件个数成正比，不够的用0补齐。例如共有200条新闻，其中第18条命名为news_018.htm 。
2）、目录结构规范
           目录建立的基本原则是：以最少的层次提供最清晰简便的访问结构。
(1) 目录的命名以小写英文字母，下划线组成。(参照文件命名规范) 。
           (2) 根目录一般只存放index.htm以及其他必须的系统文件。            (3) 每个主要栏目开设一个相应的独立目录。
           (4) 根目录下的images用于存放各页面都要使用的公用图片，子目录下的images目录存放本栏目页面使用的私有图片。
           (5) 所有JS、ASP、PHP等脚本存放在根目录下的scripts目录。             (6) 所有CGI程序存放在根目录下的cgi-bin目录。            (7) 所有CSS文件存放在根目录下style目录。
           (8) 每个语言版本存放于独立的目录。例如：简体中文gb 。
           (9) 所有flash、avi、ram、quicktime 等多媒体文件存放在根目录下的media目录。
3）、网页尺寸规范
    网页的尺寸包括页面尺寸和网页中分割区域的尺寸，具体规范应根据实际需要进行设计和调整：
          (1) 页面标准按800*600分辨率制作，推荐尺寸为766*430px 。           (2) 页面长度原则上不超过3屏，宽度不超过1屏。           (3) 每个标准页面为A4幅面大小，即8.5*11英寸
          (4) 全尺寸图标为468*60px，半尺寸图标为234*60px，小图标为88*31px，另外120*90，120*60也是小图标的标准尺寸。
          (5) 每个非首页静态页面含图片的字节不超过60K，全尺寸图标不超过14K。
          (6) 网页中分割区域的尺寸比例可以按黄金分割法分配，也可按其他比例分配，但应以协调合理为最终目标。
4）、网站样式设计最好采用CSS样式表，现推荐一个CSS模板，参赛选手可以参考。
<style type="text/css">  <!-
p { text-indent: 2em; }
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}  a:link { font-size: 9pt; color: #0000FF; text-decoration: none}  a:visited { font-size: 9pt; color: #990099; text-decoration: none}  a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}  a:active { font-size: 9pt; color: #FF9900; text-decoration: none}  a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}  a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}  a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}  a.1:active { font-size: 9pt; color: #FF9900; text-decoration: none}
.blue { font-family: "宋体"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}  -->
</style>
body标识
为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">
5）、内容编辑规范
（1）内容
    网页的内容必须遵守我国《计算机信息网络国际联网安全保护管理办法》的规定，任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息：   煽动抗拒、破坏宪法和法律、行政法规实施的；    煽动颠覆国家政权，推翻社会主义制度的；    煽动分裂国家、破坏国家统一的；    煽动民族仇恨、民族歧视，破坏民族团结的；    捏造或者歪曲事实，散布谣言，扰乱社会秩序的；    宣扬封建迷信、色情、赌博、暴力、凶杀、恐怖，教唆犯罪的；    公然侮辱他人或者捏造事实诽谤他人的；    损害国家机关信誉的；    其他违反宪法和法律、行政法规的。    网站的内容是转载，则必须找到原出处，经联系后才能使用。（2）标题
         标题要力求简短、醒目、新颖、吸引人。  （3）正文
         文章的段首空两格，与传统格式保持一致。          段与段之间空一行可以使文章更清晰易看。          杜绝错字、别字和自造字。          简体版中不得夹杂繁体字。          译名要按我国规范。例如：singapore统一翻译“新加坡”不能用“星加坡”           全角数字符号（不含标点）应改为半角。
6）、导航规范
         导航要简单、清晰，建议不超过3层的链接。
         用于导航的文字要简明扼要，字数限制在一行以内。
         首页，各栏目一级页面之间互链，各栏目一级和本栏目二级页面之间互链。
         超过三级页面，在页面顶部设置导航条，标明位置。          突出最近更新的信息，可以加上更新时间或New标识。          连续性页面应加入上一页，下一页按钮。          超过一屏的内容，在底部应有go top按钮。
         超过三屏的内容，应在头部设提纲，直接链接到文内锚点。

上一篇：关于一个网页设计评定表的说明

下一篇：asp.net大作业要求

分享到： QQ空间新浪微博腾讯微博人人网更多