网页的设计特色介绍 第1篇
一、比赛指导思想
1、丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
2、内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
3、坚持大赛的公正、公平、公开的原则。
4、本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
5、创建一流校风、学风，引导大家合理利用电脑，打破“聊天、玩游戏”的禁锢。
二、参赛对象
所有在校学生，可个人参赛亦可组队参赛。
三、参赛方式
选手报名要求：
1）本次大赛采取以小组或个人报名参赛的方式，各参赛小组需为本组命名一代号。
2）选手自由组合，小组成员在五人内。
3）务必在报名时填齐成员详细联系资料（包括邮箱等）。
4）个人不可同时报多个制作小组。
5）报名时需注明希望制作主题。
四、大赛日程安排
11月17日――11月21日：提交作品
11月22日――11月28日：作品评选
11月29日：公布评选结果
五、作品要求1、作品主题
大赛主题：原则上不设主题，各参赛选手可以自由发挥，但必须主题健康，以下提供几个主题，仅供参考：
⑴、社联社团介绍，如：社联或社团简介，发展方向，参加社团活动纪录等等
⑵、校园青春群落，如：校园音乐、摄影、校园文化艺术、旅游、自愿者等等
⑶、校园生活热点，如：上网、交友、学习、娱乐、就业、军训、心理等等
⑷、体育健康生活，如：球类与田径活动的介绍，院运动会回顾与展望，卫生与健康等等
⑸、电脑方方面面，如：介绍各类型软件的使用及实用教程，收集有意思的图片或动画，体现计算机学习乐趣等等
⑹、结合专业，如：现代计算机教育，体现本专业及发展方向
⑺、商业、站，如：AAA公司网站
2、参赛要求
参赛选手自定一个站点名称，静态网页格式htm，动态网页格式为asp。要求主题鲜明突出，创意新颖，页面结构美观，还可以具有一定的幽默效果。（说明：获奖后奖状按人数发，而奖品每队只有一份。）
3、设计要求
1）作品内容健康向上，符合本次比赛作品征集要求
2）制作软件不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性
3）页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20M（尽量少用音频视频文件）
4）要求能在win20xx或winxp操作系统上运行。显示分辨率以800×600或1024×768，网页采用以上浏览。（请在作品中注明最佳浏览效果浏览器。）
5）使用简体中文字库系统。
6）网页规模：网页的深度至少包括二级页面，以4~7个页面为适宜。
7）作品中所有文件均要以字母或阿拉伯数字命名，包括（各文件夹、网页文件、图片文件、Flash的文件等等）文件名及其后缀名；不要用中文命名。
8）作品制作规范符合要求；作品首页请一律采用或等文件名。
六、奖项安排本次比赛由评委评分，由大赛组委会计分后公布，依据得分高低评选出：
一等奖一名
二等奖两名
三等奖三名
最佳创意奖一名
优秀奖若干名
将授予获奖者奖金、奖品及证书，并以资鼓励。
七、经费安排
宣传经费
奖金奖品支出：
一等奖x1
二等奖x2
三等奖x3
最佳创意奖x1
奖品支出：奖状元
评委纪念品支出：元
八、活动宣传科技学院社团联合会：
A、印制横幅两条，悬挂于八大楼和主干道
B、在比赛期间张贴若干份宣传海报
C、在学校网站上面宣传本次比赛（浮动广告形式）。
D、在班下达通知及其他形式，大力宣传本次比赛，将宣传落实到各班。
九、评选方法
=评委团组成：
邀请科院网站老师为评委，另会邀请评委两名（包括校内有关领导或校内外网页制作专业人员）。
十、其他说明
网页的设计特色介绍 第2篇
一、活动目的
为了进一步丰富同学们的业余生活，使电脑文化融入校园，使同学们增进对时下流行的网页制作的兴趣，使大学生紧随时代潮流，进一步加强对学科知识的兴趣和锻炼。建立班级网站，既有利于院团委和各班团支部之间的交流与沟通，也可使同学得到锻炼为他们提供一个艺术想象的空间、情操陶冶的园地和学习互助的场所。
二、活动主题：
构建和谐班级，共创学院网络文化。 风华正茂，记录成长脚步。
三、参赛对象
安徽农业大学在校班级， 以各班为单位参加比赛。
四、农经班级网页内容建议
（1）导师专区 (姓名,e-mail等介绍)
（2）学生资料(姓名,e-mail等介绍)
（3）班级介绍
（4）学生干部及班级之星介绍
（5）优秀作品及参加活动图文解说如：班级新闻、班级活动图片，班级同学参加的大型活动及获奖情况等等
（6）网页设计以温馨背景和图文结合文本为主，内容积极向上，感情真挚。
五、活动开展形式
1.由团委通知各班级负责人该活动要求。
2.各班组成网页设计小组，在规定时间以前完成网站发至上述邮箱以便整理汇总。其中必须有一篇班级对此次活动的总结。
3.作品展示，由评审团进行审评及统计。
六、评分标准
(1).内 容：内容健康、充实且积极向上。内容具有观赏性、普及性、艺术性、可读性，语言文字有特色。突出主题，全站点围绕一个主题及其周边内容进行建设设计思路清晰，明确表达设计意图
(2).结 构：框架及表格结构清楚合理，页面内容清晰明了。
(3). 版面与视觉感受
浏览页面时不得出现乱码，无因布局不合理而出现的表格错位情况
图片使用得当，网页内各个元素搭配合理，色彩搭配协调，页面美观。
使用级联样式表（css）对表格或文字、链接进行修饰，使页面既能统一风格，又可突出主题
使用css中的“扩展”修饰页面或页面中图片或flash为原创作品
(4).创 意
页面具有较强的个人设计创意。
网页整体风格创意，色彩搭配鲜明，内容布局合理。
七、奖励办法
1、本届学生班级网站评比活动由学生处和现代教育信息中心联合策划主办，信息与计算机学院承办，比赛设一等奖2名、二等奖3名，三等奖5名，优秀奖10名。
2、获奖班级网站颁发奖状和奖金：一等奖400元，二等奖300元，三等奖200元，优秀奖100元。
3、优秀班级网站作为先进班级、先进团支部的推荐依据之一。
网页的设计特色介绍 第3篇
一.比赛指导思想
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
二、参赛作品要求
1、充分体现本次活动的主题当代大学生为主。
2、作品内容健康向上，符合本次比赛作品征集要求
3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性；
4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m；
5、要求能在winXX或winxp操作系统上运行。显示分辨率以800×600或1024×768，网页采用internet 以上浏览。
6、使用简体中文字库系统。
7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。
8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。
9、作品制作规范符合要求；作品首页请一律采用 index 文件名
三、活动内容：
1、 立项等准备工作：计算机系学生会，学习部。
2、 宣传：-计算机系学生会， 宣传部。
比赛前：
条幅：生活区：内容宣传组，悬挂宣传组
海报：各个食堂，生活区。
比赛后：
投稿时的作品展示(在免费空间存放获奖作品，使用超链接链接)。
四、大赛流程
1、成立网页设计大赛筹备组，进入活动筹备阶段，工作包括活动策划方案确立,宣传渠道建立。
2、在校园内大力宣传，包括张贴海报、通知、横幅，通过各系学生会在各院（系）里大力宣传，并组织本院（系）学生报名。
3、收集报名资料，并为本次网页设计大赛制作专题网页，同时，继续宣传本次网页设计大赛。
4、在专题网页上发表一些网页制作教程。
5、确定网页设计大赛的资金到位。
6、收集参赛作品。
7、将作品上传至此次大赛专题网页。
8、在本次网页设计比赛上安放投票系统。
9、将评分表及评选细则发往各评委。
10、收集评委评分表。
11、统计各参赛作品分数。
12、公布获奖者，并颁奖。
责任条款:
1. 参赛者所交作品权责自负，组委会若发现参赛作品属非参赛者个人完成，有权取消其比赛资格。
2. 参赛选手比赛期间所涉费用自理。
这一次网页设计大赛很有意义，真的希望懂得网页设计的同学能够积极的参加，而我们的奖品也是很丰富的，希望大家本着提高自己的想法，积极参与。
我们毕业后有很大的压力，因为现在正处在金融危机中，所以我们现在就应该多参加比赛，为以后的工作做准备。
希望大家积极参与网页设计大赛。
网页的设计特色介绍 第4篇
摘要：网页设计是运用网络技术对网页进行设计的学科，其中也会运用到设计艺术的知识，是一门交叉学科。伴随着互联网电商的发展，茶叶的销售很多也会从线下转变到线上，目前，很多茶产品的展示和销售逐渐向互联网上转移，茶产品网页层出不穷。但是由于茶叶产品的网页艺术设计是新出现的东西，所以在艺术呈现上还不是很成熟，还存在一些问题。笔者在本文从茶产品网页的艺术设计定义入手，分析了茶产品网页艺术设计的内容和技术，从色彩搭配、元素构成、文字排版等方面提出了茶产品网页艺术设计视觉呈现的方法。
关键词：网页设计；茶产品；艺术设计；视觉呈现
近年来，互联网电商发展迅猛，很多产品都有了网络销售渠道，茶产品也不例外。茶产品的网络销售离不开网页的展示，好的网页艺术设计才能让茶产品从众多品牌中脱颖而出，具有更强的竞争力，所以茶产品网页设计的视觉呈现越来越受到人们的重视。茶产品网页以互联网为载体，将茶产品的各种信息以方便、快捷的形式传达给消费者，所以茶产品网页艺术设计必须符合人们的审美需求和高标准、高要求。茶产品的网页是信息和主要表现形式的载体，要想设计出更加便捷、美观的茶产品网页，网页中的艺术设计元素必须更具有观赏性，视觉呈现方式应该更加独特和新颖，整个呈现效果应该风格统一，主题明确。
1茶产品网页艺术设计的内涵
互联网和电商的普及，很多商品都在网上进行销售，所以网页设计逐渐被人们所重视。茶产品网页艺术设计是通过设计师对茶产品的理解和内涵的认知，根据茶产品的特色，进行的创造性的网页构思。从表面上来看，茶产品网页设计是对网页的版式、色彩、声音、动画进行了合理的安排和运用，虽然看起来简单，但是要想实现这一过程，不仅需要一定的技术能力，还需要对茶产品有深入的了解。因此，茶产品网页设计是艺术和技术的结合，同时也蕴含着茶文化的内涵和韵味。茶产品网页艺术设计内涵其实就是新型的可视化的茶文化内涵视觉呈现，以前人们习惯了用实物呈现茶文化，现在要将实物换成图片、音频、视频等表现形式，本质上是一样的，但是网页设计呈现茶文化的方式比原来更多了，不过也有其短板，就比如人们没有办法去闻一下茶叶的气味，品尝茶水的味道，触摸一下茶叶，这些都是网页设计无法进行呈现的，但是视频和音频、图片包含的信息要比传统的实物大很多，就好比在有限的地方想要呈现全国所有地方的不同种类的茶叶，通过线下展示几乎是不可能完成的，但是通过一个视频就能清晰准确地表达出来。线上和线下各有所长，这是没有办法避免的，我们只能借助手中的技能，最大程度地通过网页艺术设计将茶文化的内涵呈现出来。
2茶产品网页艺术设计视觉呈现要素
茶产品网页的视听元素
茶产品的网页艺术设计包含众多的视听元素，而如何以合适的艺术形式将这些视听元素组合起来，并且支持大多数浏览器的显示和播放，具有比较快的加载速度和浏览体验，减少和避免使用外部程序和模块，是茶产品网页设计主要考虑的问题。茶产品网页艺术设计还可以运用多媒体技术，这样可以更加丰富茶产品网页设计的视觉效果，让其具有更好的视觉呈现。这样做的本质就是让网页设计呈现给人的感觉能够尽可能的还原人实物给人呈现的东西一样，近年来流行的3D、4D、VR技术都能很好的运用于茶产品网页设计中，其目的也是让人看到的东西更加真实，和实物一样。将这些网页艺术设计的新科技运用到茶产品网页中，可以给人耳目一新的感觉，也能够带给用户更好的体验。
茶产品网页的版式设计
茶产品网页的板式设计，需要首先对内容进行主次的划分，突出重点内容，避免过于繁琐和混乱。将茶产品网页的各种视听元素进行有机的组合和排列，体现出茶产品的个性，通过这些排列形式也可以体现出设计师的想法和思维，展现出茶产品的文化内容和风格。茶产品的网页艺术设计在本质上和报刊杂志等平面媒体的本质是相同的，只不过茶产品网页设计中对版式的设计更加重视，需要其准确的传递出茶产品的信息，并且带给人感官和精神上的享受。茶产品网页的版式设计虽然不受到固定规格尺寸的限制，但是必须符合读者屏幕的阅读限制，所以茶产品网页设计中的各个元素和位置必须有更加精确的尺寸和定位。茶产品网页艺术设计也不同于印刷品的线性形式，这一区别也给茶产品网页艺术设计的结构安排带来更多的难度。
3茶产品网页艺术设计的视觉呈现方式
色彩的搭配
设计师用以表达设计理念的首选就是色彩，色彩也是茶产品网页艺术设计中最能抓住用户眼球的部分，其次才是网页中的文字和图像。对于茶产品网页设计的色彩运用需要像音乐的音符一样进行巧妙和恰当的安排，这样才能像音乐优美的旋律一样，具有色彩的艺术感。色彩可以通过视觉的呈现让人出现各种不同的心理感受和反应，所以需要经过精心的组合、搭配以及画面的构成。茶产品网站艺术设计的视觉呈现不能过于单一的使用同一种颜色，也不能同时使用过多的色彩，导致整个茶产品网站色彩过于复杂，而是根据茶产品的主题选择一两种颜色作为主要的颜色，其他部分选用相近或者同色系的颜色作为次要颜色。所以，需要在确定主题色彩之后，考虑主题色彩与其他颜色之间的关系，让各个色彩之间能够达到协调和均衡，同时还要考虑各种颜色的纯度、透明度和色相的问题。其目的就是让人在浏览茶产品的网页时候拥有更好的体验。
点、线、面的构成
茶产品网页设计的基本构成是点、线、面，其排列组合方式有成千上万种，而网页设计师需要做的就是通过合理的点、线、面组合来表达茶产品网页的自然、生动、朴实等形象，让人通过茶产品网页对茶产品产生美好的联想。通过点、线、面的密集程度和集合形态，来表达想要表达的不同特色，反映出茶产品网页设计师的设计理念、心理和情感，所以茶产品网页艺术设计中点、线、面的关系一定要处理好，这样才能将茶产品网页艺术设计的最佳视觉效果呈现出来。
文字的排版和应用
网页的设计特色介绍 第5篇
［摘要］校企共教是现代社会发展中形成的新型教学方式，中职院校在引导学生设计和制作网页时，强化校企共教能够有效增强学生的职业意识，提升学生的职业素养，综合探究中职院校在课程教学中实施校企共教的具体策略，希望能够使现代中职院校得到更大的发展。
［关键词］校企共教；中职；网页设计与制作；课程教学
在现代科技发展过程中，网站制作得到了很大的发展，对其相关人才也提出了更高的要求，中职院校在具体实施教育工作时，需要科学改进传统教学模式，强化校企共教，确保人才建设能够高度满足现代企业建设需求，为了进一步明确中职院校如何更为有效地落实校企共教，特此实施本次教育研究，希望对大家有所启发。
一、开发校本教材
运用校企共教开展教学工作，培养学生专业技能和专业知识是其教育工作的主要目的，所以教师需要科学地改革教学内容。以往教学要用的教材，运用相对落后的知识体系、应用年限、出版和编写会对教材造成很大影响，使其无法实现与时俱进，为了确保学生专业知识学习能够迎合企业发展方向，职业学校需要进行校本教材的合理开发，由专业骨干教师和企业专家共同参与编写。在教材中融入最新的应用软件、创意方向和设计理念。企业技术骨干的合理融入，可以使网站设计和内容具有更为充分的创新性和实用性，学生通过学习校本教材，能够充分掌握设计和制作网页的最新知识，对学生未来就业创造良好条件，顺应职业教育的培养特点，提升我们的教学质量。例如，为电子商务专业开发网页设计与制作校本教材时，请当地电商产业园的网店美工技术人员，针对当地特色物产，结合本地历史文化，编写商品网页文案撰写相关教学内容，以及设计相应物产推广和营销的网页案例范本，将职业场景、软件知识、行业知识有机融合，让学生通过开发的校本教材掌握知识点、技能点，实现校内实训与企业实习就业的无缝衔接。
二、制订教学目标
在现代中职院校发展中，校企合作已经得到了很大的发展，教师在具体落实课程教学时，如何引进企业资源是其教育工作难点问题。此时，学校需要和企业进行有效的合作，共同设置教学内容和教学目标，确保学生能够更高效地学习网页设计，实现教学质量的有效提升，进而保证课堂教学目标和教学内容可以高度满足企业需求。在具体学习设计和制作Dreamweaver网页之前，教师首先需要组织学生进行图像处理的学习，夯实学生的专业基础，确保学生能够有效处理多媒体素材和网页设计图片，此时，学生能够结合个人想象开发作品。教师在具体实施网页设计教学时，不仅需要确保学生能够熟练应用相关网站的基本操作，而且需要确保学生能够设计制作相关网站，实现学生综合能力的有效提升。在具体开展科创教学时，自主开发一个网站是其教育工作的最终目标，因此，教师在具体开设网页设计课程之前，需要考虑知识的连贯性，确保学生能够掌握商品拍摄与图片处理，以及熟练应用Photoshop、Flash、Firework等软件，为网站整体布局和图像处理创造良好的条件，确保学生能够独立建设静态网站，进而保障学生后期能够更高效地参与企业工作。例如，电子商务专业学生使用校企共编教材设计商品推广与营销网页之前，首先需要拍摄收集商品素材，并利用Photoshop软件对商品素材进行处理、美化，然后根据处理后的商品素材，撰写相关文案，再对图片和文案进行排版和美化，最后运用Dreamweaver，结合Flash、Firework等软件完成商品推广与营销网页的制作。
三、理论结合实践
四、改进教育模式
在以往实施网页设计课程时，通常由教师在课堂上向学生演示相关案例，然后要求学生模仿该案例，最后由学生设计和制作相关网页，教师普遍采取照本宣科和“填鸭式”教学实时课堂内容教学，教学活动的乏味性相对较强。针对该情况，教师需要对其教学模式进行科学改变，确保能够对学生学习兴趣进行有效激发，实现整体教学效果的有效提升[1]。例如，在进行网页设计基础的相关内容教学时，中职学生对事物具有独特的看法，尤其是面对自己感兴趣的动漫人物、电影明星和游戏时，具有相对开阔的思路，会自我设定角色。因此，教师在具体进行该部分教学时，需要科学改变课程教学，对传统教学模式进行有效突破，在向学生讲述制作网页的技术和方法时，还需要加入设计风格、网页主题、网页布局、网页设计等细节，引导学生自由选择，通过该方式，可以使学生具有充分的自主权，确保学生能够结合个人兴趣进行网页设计，完善相关作品，不仅能够使学生更高效地学习网页设计，而且可以对学生的创新能力进行科学培养，实现学生整体设计水平的全面提升。在对电子商务专业学生实施教学时，学生根据自己的喜好，为本地特产鱼圆设计了宣传海报。
五、设置工作任务
利用工作任务实施项目教学具体是指教师根据单元所学内容创设教学情境，确保教学内容能够合理融入职业工作内容中，在项目教学中融入典型工作任务，与企业生产实际有效结合，确保教学内容中有学生必须掌握的理论知识，同时，教师还可以根据教学需求对其进行科学分解，使其形成多个小项目单元，进而保障学生能够进行更为有效的学习。例如，在进行开发与设计Web网站教学时，教师可以在教学活动中贯穿电子商务购物，结合具体工作流程对该工作任务进行简单分解，同时，将理论教学融入其中，确保教学活动能够有效结合真实工作岗位，进而保证能够更高效地实施项目教学，在此过程中，我们的工作任务设置要紧密结合产业需求，将学校的教学和企业的需求进行深度融合。
六、确保因材施教
中职类学生在参与学习时，具有不同的学习兴趣、专业能力和专业基础，所以，教师在进行人才培养时，无法使学生完全掌握行业所需内容，同时也无法批量生产。部分学生具有良好的口才，同时，还有学生对色彩极其敏感，部分学生擅长编码技术，针对该情况，教师需要确保教学工作因材施教。例如，在具体开展教学活动时，教师需要引导学生扮演不同角色，从而完成不同任务，教师可以引导学生根据个人兴趣选择角色，然后实施分组教学，对学生的兴趣进行科学培养[2]。如果学生市场嗅觉敏感、口才良好，教师则需要侧重于培养网站架构和调研，而如果学生色彩感觉好，美工功底强，教师需要将网页美工设计作为人才培养的侧重点。最后，如果学生对编码技术具有较高的兴趣，教师则需要培养学生编写后台代码，实现网站技术。因材施教的有效落实，可以确保学生具有较高的学习兴趣，使学生能够迅速掌握未来所需的专业技能，从而毕业的时候可以轻松地适应未来的就业岗位。
七、引进企业专家
中职院校在实施教育工作时，如果想要确保班级教学有效结合企业教学，需要科学引进企业专家，科学讲解课堂内容和企业内容。在课堂教学中引入企业专家具有较高的难度。针对该情况，教师可以利用网络手段组织学生开展网络连接学习，确保课堂教学可以和企业文化有效融合，使学生对企业相关信息有充分的了解，同时，还可以引导学生对网站设计的最新技术进行深入学习，对学生职业素养、职业荣誉、职业良心和职业责任进行科学培养[3]。例如，在实施添加和设置多媒体对象的相关内容教学时，教师可以引进企业专家进行教学，企业专家在具体讲解中，可以根据自身工作经验，简单介绍企业网站对多媒体资源的需求，可在网页中插入多媒体资源的具体方法，然后进行影片和声音插入方式的科学讲解，通过开放式可以对学生学习兴趣进行有效激发，使其能够迅速掌握该知识点。与此同时，在具体进行该章节教学时，企业教师可以讲解相关视频。例如，在详细讲解添加视频时，企业专家可以利用多媒体向学生讲解自己的企业，在进行教育工作的同时，还可以对学生输出企业文化，实现教学效率的有效提升。又如，在进行网页页面布局的相关内容教学时，通过视频讲解，可以使学生进一步理解所学内容，教师在完成课程教学之后，还可以利用班级群对学生设计和制作网页学习提供必要的帮助，帮助学生解决在具体实践中出现的问题与疑惑，并对其网页设计技术进行分享。
八、强化项目教学
在开展实训课程时，教师可以合理应用项目任务教学，针对职业岗位需求实施教育工作，对企业工作情境进行科学模拟，推广过程导向、案例解析、情景体验、任务驱动等多种教学方式，确保能够使工学结合得到充分体现。针对网站建设的具体流程和工作任务，根据实际岗位团队进行项目组的合理设置，基于职业情境创设学习情境，确保能够使学生合理融入学习情境，使其能够对自身具有经验进行合理应用，主动获取相关信息，明确实际岗位的操作流程和具体要求。在具体实施网页设计制作的相关内容教学时，教师需要针对教学内容设计具体工作项目[4]。首先，需要明确任务，教师需要针对教学内容设置学习任务，并对学生进行效果预览图的展示，使学生对其任务要求有充分的了解。借助教学平台发布思维导图、学习任务书、任务效果图等，引导学生构建知识体系，自主学习、小组探究多方面提升学生的综合能力和素养，由此构建任务驱动课堂。其次，需要科学制订工作计划，学生需要针对教师引导对项目任务进行科学分级，设定具体工作计划。例如，制作“宅家商城”网站主页，在明确任务后，学生根据网页效果图，制订工作任务计划思维导图，对任务梳理、分级。随后，教师还需要引导学生根据工作计划收集相关资料，并为其项目工作准备所需素材，然后学生需要针对工作计划设计和制作页面，并利用文字对其进行记录。最后，需要进行检查评测，学生需要将个人作品进行展示，然后由教师对其进行提问，组织学生答辩和互评，并由教师对其进行科学讲评，从而不断提升学生的创作水平。
九、结语
中职院校在具体落实网页设计与制作的相关内容教学时，通过开发校本教材，制订教学目标，理论结合实践，改进教育模式，设置工作任务，确保因材施教，引进企业专家，强化项目教学能够确保有效落实校企共教，确保学生能够更充分地掌握相关专业知识，强化学生实践技能，保证学生在未来能够更高效地参与职业工作。
参考文献：
［1］江梅梅.项目式教学在网页设计与制作课程中的应用［J］.大观，20xx，229（11）：151-152.
［2］朱晓.优化网页制作与设计课程课堂教学的几点做法［J］.现代职业教育，20xx（6）：188-189.
［3］蔡鸿璋.探索网页设计与制作课程教学的新思路［J］.课程教育研究，20xx（42）：55.
［4］梁菊.项目教学法运用于中职电子商务网页设计与制作教学中的探究［J］.职业，20xx，501（2）：73-74.
网页的设计特色介绍 第6篇
前言：通过创建个人主页站点，展示大学生生活，同时和一些有相同爱好的朋友分享，交流生活，学习心得，让社会了解大学生生活是什么想·的。
一．市场分析
目前市场上个人主页种类繁多，可以分为初级和高级，初级例如一些互联网企业为用户提供的博客，空间等，注册id就能使用，但是受到一定限制；高级的就是自己建站，可以自由管理。个人主页代表着现代人一种全新的生活和工作方式，人们通过这些个人网页来展示自己，和别人分享，交流。当却没有一个个人网站有如此的特点——可以让人思考大学生的生活
二．目的及功能定位
建立这个个人网页的最主要目的就是建立一个展示自己的作品和设计想法，同时和其他朋友进行设计交流的平台。除此之外，这个主页还应该能够实时发布自己的生活，学习状态，提供各种设计佳作供大家欣赏。让社会了解大学生生活
三．网页技术方案
1.由于硬件条件，本网站决定租用虚拟主机，利用一些专业的网站公司提供的网站平台来发布自己的网页。
2.这个网站自己进行开发，首先进行自己的网页风格和内容策划，然后利用一些平面软件，动画软件和办公软件来建设源素材，最后利用netages common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。
（1）、在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
（2）、除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一天后的自己都看不懂。
四、网页测试
网页发布前要进行细致周密的测试，以保证正常浏览和使用，主要测试内容：
1、 服务器稳定性、安全性。
2、 程序及数据库测试，网页兼容性测试，如浏览器、显示器。
3、 文字、图片、连接是否有错误。
五、网页图片来源
1、中国动漫网
2、摄影网
3、nba中文网
网页的设计特色介绍 第7篇
一、活动宗旨
组织本届网页设计大赛，旨在激发e01协会会员学习网页制作知识的热情，加速e01协会后备人才的培养，并为软件学院第二届创新软件设计大赛作准备。
二、活动主题
在兴趣中学习，在实践中创新。
三、竞赛方式
实行分组参赛，参赛作品由技术中心及相应的指导老师评定
1、分组：大概五人一组，具体分组情况
2、终评：由评审委员会对所收到的作品进行评审，评审委员会根据作品的创新性，技术性等进行综合评分，由此确定获奖等级。
四、名额分配
协会技术中心三部每个部所参加大赛的网页作品不得少于8件，其它三部不得少于2件，参赛作品主要由组长负责以小组名义署名集体完成(另外也可以以个人独立完成)。
五、大赛奖项
一等奖： 1项，奖金 50+ 获奖证书
二等奖： 2项，奖金 30+ 获奖证书
三等奖： 3项，奖金 20+ 获奖证书
优胜奖：若干项，奖品 + 获奖证书
六、时间安排
11月10日--12月20日
七、实施步骤
(一)组织策划宣传阶段
从11月13日到11月19日协会成员参看报名细节申报，作品申报表可以在院网站上下载，作品申报表由组长交到部长处，由部长于19号晚上统一交到协会办公室(北8-617)。
(二)作品设计阶段
从11月20日到12月20日完成作品设计。设计过程采取分组形式，各组组长负责指导所分配成员完成作品设计。总指导为动漫部部长黄强，软件部部长杨武兵，网络部部长戴建明。
(三)评审准备阶段
各组组长于12月20日将所有作品(包括作品的介绍，组员的介绍，作品设计过程中的心得)上交到各相应部门部长手中，由各部部长将作品提交到技术中心。
(四)评审阶段
每组作品都要求负责人介绍其作品，并回答评委提出的问题，评委将提出对其作品的建议并结合其实际情况给出作品得分。
(五)终评阶段
由评审委员会最终确定本次网页设计大赛的获奖情况并给予奖励，提供建议，为第二届创新软件设计大赛做好准备。
网页的设计特色介绍 第8篇
摘要：DIV+CSS是Web设计标准，随着标准化设计理念的普及，国内很多大型站采用DIV+CSS网页布局制作方法。从实际应用情况证明，该技术具有代码简洁、表现和内容相分离等优势。
关键词：设计论文
1、DIV+CSS概念
DIV就是一个区块容器，用来封闭数据区域，属于行级区域，相当于一个可以容纳表格、段落、标题、图片等各种元素的容器。在进行网页布局排版时，需要将页面整体上进行DIV分块。层叠样式表CSS示国际W3C标准化组织制定的一套完整的扩展样式标准，主要是为了在HTML的样式编排上对其功能进行补充，更好地完成网页设计的需要而制定的设计标准。CSS层叠样式表对HTML的标记属性的设定进行了扩充，可以使用Script程序功能来对其进行很好的控制，从而对网络的外观设计和整体的布局设计进行非常有效的控制，让网页在设计上具有更加美观的表现形式。CSS层叠样式表技术可以把网页本身需要展示的内容和网页本身具有的样式进行有效的分开，从网页设计的内容中把网页的外观在设计时候设计的信息进行独立存储，进而对网页进行集中有效的统一管理。我们在网页设计的时候把CSS样式的信息作为独立的文件进行存放，可以方便地让其他的网页对其信息进行共享，这样在网页设计的时候就不需要对网页中的文件进行重复性的操作设计了，节省了很多时间和不变要的设计工作。在网页设计中CSS类型的文件建立完之后可以被其他的HTML文件进行共享使用，并且一个单一的HTML文件也可以对其他相关的CSS类型的文件进行套用，这样在网也设计的时候可以很方便地对网页的文件和功能进行设计。
的定义
CSS语法定义包括3个部分，格式如下：Select(propervalue)选择(属性：值)：在属性中可以为设计的网页进行主体的设计，prop-er可以选择要设计的主体，value可以设定主体的属性，这样就可以为网页中的主体的表现效果进行设置了。
选择符类型
(1)标记选择器标记选择器就是声明某个标记直接采用某个样式。如通过h1选择器声明页面中所有的
标记的文字效果。
(2)类别选择器类别选择器的定义通常在最前面加一个点号。类别选择符的名字可以由设计者按照自己的意愿来进行定义，对名字的定义可以使英文或者数字，也可以是英文和数据的混合，在进行命名的时候都是以功能来进行名字的设置的。
(3)ID选择器在网页设计的HTML的页面中，网页页面元素的指定都是以ID参数进行表示的，ID参数的选取符可以对单个元素的样式进行单独的表示，ID选取符在应用方面比较与类选择符相类似，只要把ID代替CLASS就可以了，一般只在非常特殊的或者特定的环境下才使用ID参数，在选择符中ID参数的使用也仅仅是对单个元素的样式进行独立的表示。
2、使用DIV+CSS
采用CSS+DIV技术对网页进行设计具有以下几方面的优点：
内容和形式分离
在独立样式表示的文件中把外观设计从中独立出来进行存放，HTML文件中的内容只能对文本信息进行存放，这样网页前台只需要显示内容就行，形式上的美工交给CSS来处理。内容和形式相分离，生成的HTML文件代码更加精简、更小，网页打开速度更快。
提高搜索引擎对网页的索引效率
采用DIV+CSS架构的网站更符合W3C标准，网站设计要以W3C为指定的标准，这是搜索引擎中关于网页名次排列的一个重要决定标准。网页设计的源代码使用简洁的源代码，采用结构化内容的HTML来取代嵌套的标签文件，网页的内容信息在蜘蛛搜索引擎上处于裸露状态，这样搜索引擎可以更好地对网页内容进行有效的搜索，关键性的内容很容易被得到，对关键性页面的内容在网页中的比重增加了，这样网页的搜索排名比重也增加了，网页的公众评价也可以得到很大的提高。
网站页面浏览速度的提高
网站页面的视觉效果如果是同样的，那么DIV+CSS建立的网页页面的大小与TABLE编码设计的网页的页面的大小相比要小，一般是1/2大小。采用CSS进行设计后，用户在使用网站页面的时候最大的效果就是对网页进行浏览的时候启用页面的速度明显变快。
易于维护和改版
网站设计采用DIV+CSS技术进行设计，在以后的日常维护工作方面会变得很方便。在维护的时候只需要对CSS文件进行修改和设计就可以完成对网页的维护了。在传统的网页布局的表格布局中，对布局的修改是非常麻烦的，是要对整个网也来进行重新设计的。在网页设计的时候如果可以有效地对网页的层结构进行设计，在对网页的外观进行修改的时候只需要使用CSS技术进行对网页结构和内同进行修改就可以了。网页结构的修改和重新设计可以提高蜘蛛搜索引擎的关注度。
3、CSS的使用
外部样式表
外部样式表是一种文件，在网页中外部样式表的存在可以以独立的形式，外部样式表文件可以在多个网页页面中进行使用，外部样式表示一种样式文件通过样式来对文件进行保存的，在网页页面中通过link标记与其他的样式表文件进行连接，文件扩展名是.CSS。link标记在页面设计的时候是在head区域进行存放的。浏览器通过文档形式从CSS文件中把定义的样式表读取出来，对网页页面设计中使用的外部表的样式和文件类都进行了定义。在多个网页页面中可以应用统一个外部样式表的文件，在网页设计的时候如果对样式表文件进行了修改，那么网页页面的其他的样式也会发生变化。在网页设计的时候对大量的同样的样式页面进行制作还是非常方便的，网页页面设计的重复性工作减少了，在以后网站页面的维护和修改上也比较方便，在对页面浏览的时候关于重复代码的下载也减少了。
内部样式表
内部样式表的设计是在页面的和的标签之间加入样式表，这样在网页页面中就把定义好的样式应用进来了，样式表的插入是以style标签的形式插入的，例：这种样式的使用相对来说还是比较简单，而且在应用上还是比较实用的，在网页页面的头部可以输入同样的样式，这样所有的网页页面的样式就都统一化了。
内联样式表设计
在HTML标记中对内联样式的使用属于混合样式，通过这样的方式，对元素进行样式的单独定义就比较简单了，在HTML标记里直接加入style参数这是使用内联样式的基本方式，CSS属性和style参数的内容是一样的。在实际上，内联样式表的效率与以上两种情况相比来说在效率上还是比较低的，在网页的页面设计中对内联样式表的使用是不推荐的。内联样式表不能重复使用里面的样式内容，另外内联样式表的标记的内容和样式都是混合在一起使用的，对代码的维护具有很大的难度，而且在代码进行阅读的时候也是比较复杂的。
4、制作流程
(1)创建文件(文件管理及命名)。
(2)与HTML文档建立关系。网站常用：外链样式。
(3)制作页面样式。要为每一个DIV进行边界的设置，这样可以清晰地看到里面的内容，就不需要通过屏幕卷动的方式进行浏览了。对元素进行定义编写CSS等，选择符采用递归结构。在网页设计的时候设置的标记就更加清晰了。同HTML框架一致从上到下，从整体到局部，共用样式到个别样式。CSS文档的顺序：共用的代码样式放在文档最前面。CSS结构设计的顺序一般都是以HTML的顺序为标准的。CSS选择器中的相关的属性的顺序表示：属性显示->自身属性->文本属性。显示属性：display,list-style,position,float,clear。自身属性：width,height,margin,padding。文本属性：color,font,text-decoration,text-align,ver-tical-align,white-space,content。原因：以上的顺序是我们在进行项目开发的时候使用的代码的标准，这个顺序设浏览器的渲染顺序是一致的，最终的目的是为了把执行效率进一步地提高。
(4)注释添加：
1)文档与对应的文档注释的关系是唯一的关系，这也是为了便于今后对网页的维护，注释的说明表示主要是：创建文档人和时间等信息的说明。
2)属性注释说明。
3)功能注释说明。DIV+CSS技术在网页布局的设计上是主流技术，DIV+CSS技术符合国家W3C的一系列标准，并且可以使用DIV+CSS技术对网站的重构，可以大大提升网站浏览速度，易于维护和改版，提升网站用户与搜索引擎的友好度。
参考文献
[1]车元媛.CSS技术在网页设计中的应用研究.科技信息,20xx.
[2]王聪.基于DIV+CSS技术网页布局应用与实践.电脑知识与技术：学术交流,20xx.
[3]石元聆.DIV+CSS技术网页布局中定位技术的探讨.电脑编程技巧与维护,20xx.
[4]田佳妮.DIV+CSS在网页布局中的应用研究.电脑知识与技术,20xx.
网页的设计特色介绍 第9篇
一、活动背景
为推动我校大学生文明上网，引导校园网络文化的健康发展，促进高品位文化信息的传播，提高网络建设管理水平，推进信息化建设和教育，发挥好网络这一思想政治教育新阵地的巨大作用，在大学生中普及网络知识，增强信息意识，弘扬先进网络文化，使健康、文明、向上的网络文化走进校园，经党委宣传部、团委、学生处研究决定，举办洛阳师范学院首届大学生网络文化节暨第九届网页、FLASH设计大赛系列活动。
二、活动主题
网络改变生活 文化提升品质
三、时间安排
10月至12月
10月25日——11月1日 宣传阶段
11月1日——12月15日 实践阶段
四、活动对象
信息技术学院全体学生
五、宣传方案
为了让我院系的所有同学都能够了解这次活动并积极参与这次活动，我院系展开了多方面、多层次的宣传，主要宣传形式有以下几种：
1、 板报宣传
为了加大这次网络文化节的宣传力度，我院系进行了以“网络改变生活，文化提升品质。”为主题的板报宣传，板报放置的位置为——西区文化长廊。
2、 海报宣传
为了让同学们能够时常关注这次活动，我院系张贴了这次活动的海报，地点为——中区小树林广告栏。
3、 班级宣传
为了能够让这次活动落实到每位同学，我院系以班级为单位，由班长和团支书通知班里每位同学。
4、 网络宣传
我们还充分利用网络平台，在班级博客、论坛、和家园上上传相关的文件。
六、活动内容
（一）网络文化特色社团、班级评选
1、参评要求：
（1）必须在河洛星辰网站家园注册
(11月1日前各班将博客落实，11月1日晚8点前有错误的班级将信息发至 )
（2）合理利用平台，将相关信息进行公布
（包括评优评先信息、班级班务、日常活动、班级新闻等，在11月4日前对班级博客进行检查）
（3）上传与学习有关的资料，方便同学查阅。
（4）组织开展与倡导网络文明相关的活动。
（以引导学生正确分析和利用网络信息、合理安排上网时间、增强网络自律意识、养成文明上网习惯等为内容开展各种形式的宣传、教育、实践和体验活动，探讨如何利用网络打造班级和社团文化品牌）要求09、10和11级的必须进行一项活动，有活动流程和影像资料并上传至家园首页。
（5）要合理利用河洛星辰之外，例如172校园活动网微信微博百度等其他网络平台。
2、评分标准
（a）充分有效的利用河洛星辰网站的平台（4分）
包括上述123项要求
（b）组织开展与倡导网络文明相关的活动（5分）
①活动组织机构完整，方案科学，组织得力；
②活动新颖，主题鲜明，能够强化团队意识；
③具有易参与性、可实践性强和时效性强等特点；
④宣传及时到位，宣传面广，影响力大。
（c）合理利用河洛星辰网站之外的其他网络平台进行社团、班级事务管理（1分）
3、参评须知：
(1)活动考核登记表（见附件2）和申报书（根据评分标准撰写）等纸质参评材料需在11月25日前上交两份，上交具体时间另行通知。
(2)班级活动电子稿,可以有详细信息.在11月25日前上传至 。
4、表彰办法：
授予获奖社团、班级“网络文化特色社团”、“网络文化特色班级”称号并公布在“洛阳师范学院首届大学生网络文化节”专题网站上，同时颁发荣誉证书。
（二）20XX年洛阳师范学院大学生网络关注榜
组织全校大学生通过网络投票评选最关注的校园美景、最关注的新闻事件、最关注的学生社团。详细内容见“洛阳师范学院首届大学生网络文化节”专题网站。
1、活动形式：在“20XX年洛阳师范学院大学生网络关注榜”网页投票；
2、奖励方式：根据投票人员的信息进行随机抽奖，设一等奖1名，二等奖2名，三等奖3名。
（三）网页设计大赛策划
1、作品要求：
网页的设计特色介绍 第10篇
一、活动简介：
1、活动概况：
丰富我校大学生的校园文化生活，激发学生创新和设计的潜能，发掘优秀网页设计人才，提高同学们的网页制作水平。
推动电子商务产业链发展，鼓励企业团队参与，展现公司实力，提升公司知名度。
宣传电商品牌，安福商务网，提高电子商务协会的知名度。
通过这项电商网页设计大赛为电子商务的网站制作设计提供优秀储备人才，并为电商企业提供有实力的设计团队开展业务合作。
2、活动名称：XX电子商务创意网页设计大赛
3、活动主题：“创想设计，网化生活”
4、活动时间：20xx年10~12月
5、活动地点：XX学院、湄洲湾职业技术学院、社会团体等
6、决赛地点：XX学院
7、活动对象：XX市大中专院校、（莆院主）、企业团队
注：可个人参赛也可团队参赛（不可多于3人）比赛分为校园组和职业组
8、大赛网站：安福商务网
二：活动机构：
1、主办单位：共青团XX市委、XX市学生联合会、XX市电子商务协会
2、策划承办单位：共青团XX学院委员会、安福商务网
三：活动形式：
1、参赛方式：可个人也可组队参赛（团队不超3人），参赛选手可选择指导老师
2、报名方式及时间：唯一指定网上报名（），统一报名截止时间：20xx年11月28号。
3、作品提交：
网站提交作品以及个人（或团队、企业）信息和作品说明。
作品提交截止时间20xx年12月10号。
四、比赛规则
1、海选：
作品要求：
作品必须保证原创性，不得抄袭、套改或其他形式来使用他人作品参赛。不得发布反动等内容。违者取消资格。
网页内容需根据电商的主题，形式上新颖独特。页面协调统一、内容丰富实用性强、有效运用网页特效、网页标志突出导航明显突出，快捷方便。
作品格式：提交作品需为html格式文件、psd格式文件、flash格式文件等。
设计要求：
自由创作，但主题必须明确。
制作软件不限制，体现良好艺术性和实用性。
要求原创，允许模仿但不可直接盗用他人模板。
必须保留作品上使用到的源文件，以备检查。
参赛作品可以适应多种主流浏览器。
2、决赛：根据活动组织方确定的主题及要求进行设计。
3、评分规则：通过网络投票方式及评委会打分方式进行综合性的考评，选出排名靠前的选手。
4、评分标准：
内容质量：内容健康充实，主题明确，形式新颖，构思独特，实用性强。
整体效果：版面。
网页创意：网页独具特色，布局新颖。
色彩搭配：色彩图文打牌协调，契合主题。
方便快捷：可以适用于多种浏览器，显示速度快。
五、比赛流程
1、活动参赛报名。报名时间截止时间20xx年11月28号
2、收集参赛作品。参赛作品提交截止时间20xx年12月10号
3、参赛作品初选。初选及网络投票时间20xx年12月11号－－20xx年12月20号。
1）由评委会对初赛作品进行专业的复评筛选，并选出每组前20名作品
2）进入网络投票阶段，选出人气指数最高的前10名进入决赛。
4、决赛及现场颁奖
进入决赛的选手将现场对其作品进行介绍，并由评委会对各作品打分，综合评分后评选出一、二、三等奖以及优秀奖选手，并现场颁奖。
5、奖项设置
一等奖：1名证书+Iphone5或三星S4手机（价值5000元）
二等奖：2名证书+MiniIpad（价值3000元）
三等奖：3名证书+平板电脑（价值1000元左右）
优秀奖：5名证书+随身路由（价值500元左右）
主办单位：共青团XX市委、XX市学生联合会、XX市电子商务协会
承办单位：共青团XX学院委员会、安福商务网