信息工程系网页设计与制作技能大赛方案

第一篇：信息工程系网页设计与制作技能大赛方案

信息工程系网页设计与制作技能大赛方案

为了进一步推进我系教育教学改革，提高职业教育教学质量。全面锻炼和提高学生的综合素质，培养创新能力及团队合作精神，增强创新意识、审美意识、实践意识。丰富大学生课余文化生活，让学生在享受大学生活的同时，记录下成长的青春岁月，展示当代大学生的独特风采，拥有一个展示精神面貌和技能水平的大舞台，信息工程系决定举办“展创意，秀青春”网页设计与制作技能大赛。

一、组织机构

主办单位：许昌职业技术学院信息工程系

二、比赛主题

展创意，秀青春。

三、参赛对象

计算机应用技术专业全体学生及其他专业感兴趣的同学。

四、作品上交

参赛作品请于6月20日之前提交至邮箱：xinxiwysjds@163.com或提交至任课教师处。

五、内容要求

1、参赛作品要求内容健康、积极向上，抒发自己对美好生活的向往和憧憬的同时培养科技创新能力。

2、激发学生热爱生活，勇于创新的高尚情感，激发学生对本专业学习的兴趣，进一步提高学生的学习能力和同学之间的友谊。

3、参赛作品必须为原创作品，鼓励创新，题材不限，力求内容新鲜、活泼，具有吸引力。提交作品时，需同时提交该作品相关资料，不得抄袭或由他人代作。

4、凡参加过校外比赛并已经获奖的作品，均不得报名参加本次大赛。

六、参赛作品类型

网页设计类

1、网页主题

有关家乡、学校、班级、宿舍、同学、爱好、专业学习、精品文学、音乐网，体育爱好网，美食网，娱乐网等均可自由发挥。

2、网页要求

网页布局合理，色彩、色调使用恰当，链接准确无误；

能够综合运用课上涉及的主要知识点。

3、上交文档

文档为标准压缩文件，以“专业班级+姓名”方式命名。

文档必须包含以“网站说明.doc”命名的网站说明文档，文档包括以下内容：网站设计思想、采用主要技术、功能模块划分说明、网站设计过程中遇到的问题及解决方案等，网站首页以“index.html”命名。

为便于管理，在网站中适当建立文件夹用于存放不同文件，如：images、flash、music、library等。

七、赛程安排

1.初审:由专业老师进行评审推荐，推荐作品数保持在各类型作品总数的10%，从作品的内容、主题、构思、所用到的技术等角度入手进行评比。

2.决赛：由评委会进行综合评定；对优秀作品作者进行相应的表彰和奖励。

八、评分标准

1、主题明确：作品设计要紧扣主题、重点、层次分明；

2、设计科学：合理利用计算机软件和各种多媒体资源；

3、效果清晰：字号、颜色、图片的运用要保证作品的最终效果；

4、运行稳定：作品的运行要稳定，链接要准确。

九、奖项设置

1、大赛评出“最佳形式奖”、“最佳内容奖”、“最佳创意奖”等。

2、根据参赛作品的比例设一等奖、二等奖、三等奖和成功入围奖若干名，获奖者将颁发证书；所有获奖作品和入围作品均可获得《计算机常用软件》或《网页设计与制作》课程的平时成绩加分。

第二篇：网页设计与课件制作大赛方案

第七届“科技之光”文化节之“课件制作与网页设计

大赛“方案

主办方：玉林师范学院物理科学与工程技术学院团委学生会

一、活动名称：

第七届“科技之光”文化节之“课件制作与网页设计大赛”

二、参赛对象：

物理科学与工程技术学院全体学生

三、参赛项目：

A.课件制作B.网页设计

四、活动宗旨：

为了拓展我院学生素质教育的空间，增强校园文化活动的科技含量，促进学生人文素质和科学素质的有效融合，进一步提高学生的动手实践能力和创新能力，我院决定于4月份举办物理学院第七届“课件制作与网页设计”大赛。

五、活动时间地点安排：

1、报名时间：4月2日（开始）—4月12日（截止）

2、作品收集时间：4月12日（开始）至4月23日（截止）

3、演示评比时间：4月27日（星期五）晚上7：304、演示地点：待定

六、报名和上交作品方式：

有意参赛者请到各班班长处报名，班长登记好本班参赛者名

单（附联系方式和参赛项目）后，并于4月12日之前将名单发

到网络部邮箱，参赛选手请于4月23日前把作品发到网络部邮

箱（wlxywlb2012@163.com）。

七、参赛要求：

1、作品要求主题鲜明突出，结构布局合理，设计风格独特，创意新

颖，浏览方便，交互性强，页面美观且具有艺术品位

2、网页作品内容可选班级、个人网页（每个作品要求5个页面以上）

3、网页应有较好的浏览兼容性，适应IE 6.0以上浏览器浏览

4、合理地运用课件制作或网页设计的各种技术

5、使用工具软件不限，可以使用powerpoint、Dreamweaver、Photoshop、Frontpage、Flash、fireworks、Authorware等软件

6、参赛作品必须享有自主知识产权，每个作品应附带一份该作品的简介word文档

7、作品可以是个人的，也可以是多人一组，但每组不得超过3人

八、评比方式及奖项设置：

方式：1）初赛：由评委组老师通过投票方式依次选出10份优秀作品，每个项目各五份

2）决赛：4月27日晚7：30分现场演示评比，最后以得分高

低的顺序评出奖次

奖项：1）设一等奖2名（组），二等奖4名（组），三等奖4名（组），优胜奖若干名

2）获奖者均由物理学院颁发荣誉证书以及物质奖励

物理科学与工程技术学院团委学生会

2012年04月02日

第三篇：网页设计与制作技能竞赛计划书

省网页设计与制作计划书

一、项目名称：网页设计与制作

二、项目指导教师：

熊远江负责任务的安排、进度的跟踪和调整、PS美工的辅导、项目任务的设计。

熊文君负责静态页面的制作辅导。

三、培训学生预选名单：刘兴兴、易俊平、程三

三、卢旺、黄香香、聂俊、胡志伟。最终选两名同学参加省赛。

四、项目实施时间：2012年12月10日——竞赛结束。

五、项目培训地点：科技楼五楼竞赛机房。

六、培训目的：提高学生技能水平，争夺全省第一为学校获得荣誉。

七、项目实施目标：1）全面掌握PS美工的方法和技巧。

2）全面掌握静态页面制作的过程和美化网页的技巧。

3）全面掌握在网页中使用的各种脚本及动画。

八、项目具体实施步骤：

1）选拔选手：选手初步选拔于2012年12月5日完成。2）培训动员大会：2012年12月10日中午12:50。3）具体培训思路如下：

第一周：网页运行环境的熟悉和PS,DW,FLA等软件的一般操作，HTML中基本标记的表示和用法。

第二周： FLA制作动画和一般网页中用到的FLA的制作和HTML中标记的熟悉和演练。第三、四、五周：框架，表单，层，CSS等用法的辅导学习。第六周：JAVASCRIPT基本语法的辅导学习，CSS的学习，利用PS制作网页模板。

第七周：用DW，PS，FLA制作静态网页（主要的内容涉及到新闻，信息的展示，产品的展示等）。

第八周：模仿网页制作（主要是给定一个图片网页制作相似的网页）。第九周：熟练PS制作网页模板，给定主题制作网页。第十周：综合演练。

第四篇：网页设计与制作比赛方案

贵州商业高等专科学校网页设计大赛组织方案

为了进一步加强我校学生创新能力和专业能力，激发学生学习兴趣，提高学生网页设计与制作的水平，以满足用人单位需求，提高学生的社会竞争力，特制定本组织实施方案。

一、主办单位：校团委、计科系

二、承办单位：电子商务教研室

三、组委成员：

陈兴科、穆肇南、吴晶鑫、王松、贾若、洪奕、杨磊、余先昊、胡文生

四、参赛方式：个人或团队（三人一队）方式参赛

五、奖项设置：

本次大赛最终共选出10个入围参赛作品。再从入围作品中选出一等奖1名，二等奖2名，三等奖3名，其余所有入围作品均获优秀奖。

一等奖：证书、奖金300元（1队）；

二等奖：证书、奖金240元（2队）；

三等奖：证书、奖金180元（3队）；

优秀奖：证书、奖金90元（4队）

六、参赛者资格：贵州商业高等专科学校全体在校学生

七、参赛作品要求：

1.参赛作品必须为作者本人原创，不得抄袭他人或网上作品，作品一经发现剽窃立即取消参赛资格。

2.作品主题无限制，内容健康，导向积极，具有创意，有自己独特的风格，能展示青年大学生的良好精神风貌和综合素质。

3.制作软件不限制，通过合理运用网页设计的各种技术，体现良好的艺术性和实用性。

4.子页面不超过三级，网页的总页面数不少于10页，全部文件的总容量不超过20M（尽量少用音频视频文件）。

5.要求能在win2000或winxp操作系统上运行。显示分辨率1024×768，网页采用Internet Explorer5.0以上浏览。（请在作品中注明最佳浏览效果浏览器）

6.参赛者自留备份文件，提交参赛作品必须附有完整的作品简介（包括作品名称、主题、作品说明等）及作者联系方式（包括姓名、系科班级、联系方式等）。

八、报名参赛办法

1.参赛者报名时提供如下资料：

(1)个人简介：姓名、班级、联系电话、QQ、电子邮箱

(2)作品、作品主题、作品说明

2.比赛时间：2011年4月——6月

(1)报名开始时间：2011年5月26日

(2)报名截止时间：2011年6月20日

(3)评奖时间：2011年6月28日至6月30日

3.报名地点：计科系

4.联系人：杨磊老师（***）

九、评分标准

■ 内容 30 分

10分 是否有明确的主题、内容

10分 内容健康向上、有时代感、信息的实时性

10分 创意水平的高低

■ 常规技术 50 分分 整体视觉效果：整个网站在设计上是否统一和谐

10分 美工设计：页面的美工设计含量分 页面布局：页面的布局是否合理、美观分 页面易用型：用户使用时是否方便分 内容充实：网站内容对用户的吸引力分 内容分类结构：整个网站的内容分类是否清晰完整分 浏览速度：浏览时额定速度分 技术含量：网站整体的技术评价分动静搭配：动与静的搭配合理，动而不乱，静而不僵■ 多媒体技术20分

20分 有体现自己作品主题的风格特色的动画（flash、gif）

校团委

计科系

2011年5月20日

第五篇：网页设计与制作-论文（本站推荐）

第一章

绪论

摘 要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用JavaScript作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互——窗口和框架进行详细描述，并利用具体的实例进行验证。

本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定基础。第三章：基于对象的JavaScript语言，本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第四章：内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互。第五章：WEB页面信息的交互——窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。

关键词： 网页制作；网页设计；HTML；ASP

第一章

绪论

第一章 绪论

随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。

1.1 网页设计概述

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

1.2 网页设计的要素

网页设计的两大要素是：整体风格和色彩搭配。

一、确定网站的整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

1.3 大作业目的和意义

本大作业主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：通过已经做好的网页，分析html网页设计技术、XML技术、Java Applet技术和Javascript技术在网页设计中的应用。

第一章

绪论

1.4 要分析的网页

第一章

绪论

第一章

绪论

第二章

HTML网页设计技术的应用

第二章 HTML网页设计技术的应用

2.1 HTML语言介绍

HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

2.1.1 HTML语言的特点

HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，HTML语言的特点如下：

1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。

2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

2.1.2 HTML语言的编辑软件

HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种：

1、基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。

2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。

3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。

2.1.4 html语言在网页设计中的应用

第二章

HTML网页设计技术的应用

2.2.3JavaScript技术在网页设计中应用

一、JavaScript概述

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：

1、是一种脚本编写语言

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。

它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

总之，JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。

第二章

HTML网页设计技术的应用

第五章

色彩在网页中的应用

第五章 色彩在网页中的应用

5.1色彩在网页中的应用

色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。

先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。

5.2主页色彩的处理

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。

5.3常用的配色方案

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

第五章

色彩在网页中的应用

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

5.4合理搭配网页色彩

网页的色彩是树立网站形象的关键之一，网页的背景、文字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩，会更好的表现主题，吸引用户的注意力。网页色彩涉及到艺术知识，让美术教师参加网页色彩设计，可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大，以突出主要内容

网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。

第五章

色彩在网页中的应用

第六章 WEB页面信息的交互——窗体与框架

要实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。

6.1窗体基础知识

窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。

6.1.1窗体对象

窗体（Form）：它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。