大学生网页设计作业 【范文十篇】
大学生网页设计作业
范文一：上海建桥学院
本科实验报告
课程名称： 学
级： 指导教师：
网页设计 1121396 黄德凯 计算机科学与技术
B11-2班 石潇
课内实验目录及成绩
信息技术学院 2011年
上海建桥学院实验报告
课程名称：
实验类型：
实验项目名称：
综合主题网站的制作
实验地点：
实验日期：
实验目的和要求
1．学会综合网站建设的完整制作流程
2．学会用相关平面设计软件，完成主页的构思，完成页面布局原型线框图的绘制，能根据提供的页面设计稿，合理地完成切图 3．掌握根据设计稿，用div+css方法完成网页布局、各类媒体元素的插入 4．掌握用css方法制作二级菜单 5．掌握JavaScript基本应用 二、
实验内容和原理
综合网站建设的完整制作流程，布局原型线框图的绘制，div+css布局方法的综合应用，网站的发布，兼容性测试。 三、 四、
网站名称：krios 主要内容:各方面模板
主要浏览群体：各种开发人员及图片处理人员 主题色：蓝色 灰色 白色
2．绘制网站结构(栏目)图（一级栏目、二级栏目、各栏目主要内容）
主要仪器设备和环境 操作方法与实验步骤
PC机1台、Photoshop cs3以上、dreamweaver cs3以上、flash cs3以上。 1．网站主题（网站名称、主要内容、主要浏览群体、主体色）
3．网站文件管理结构目录（站点根目录名、站点内文件夹名、文件夹放置
的主要内容、主页面）
html：各个子页
about.html contact.html features.html feedback.html images:图片素材 script:js代码 style：css样式 index.html 主页
4．绘制主页页面结构图（各功能区的位置、名称），并提供原形设计图电子
5．主要布局方法
div+css布局 6．主要操作步骤
绘制网络结构图
制作psd原稿 准备贴图 制作网页
注：可用贴图的方式,，制作过程中出现的问题，解决的方法 1. 主页的设计效果图
2. 主要结构、CSS代码 Krios
Welcome to Krios Template
Pellentesque urna urna, tincidunt et imperdiet vitae, feugiat a ipsum. Duis ac bibendum ipsum. Aliquam bibendum faucibus feugiat. Vivamus condimentum dapibus convallis. Fusce lorem libero, sagittis vitae faucibus a, adipiscing eu elit. Aliquam interdum iaculis dapibus.
Aliquam id enim erat. Sed nec arcu mauris. Aliquam quam lacus, imperdiet a volutpat vitae, consequat nec libero. Cras suscipit, neque ut posuere imperdiet, magna quam ultricies magna, tincidunt elementum turpis odio ac orci.
Etiam eget hendrerit odio.
SMPLE MENU
Our futured projectsLorem ipsum dolor sit ametLorem ipsum dolor sit amet
About usQuisque laoreet libero et orci congue vel suscipit elit malesuada. Aliquam erat volutpat. Proin elit vitae tortor ut vulputate tristique senectus et netus et malesuada fames ac turpis egestas.
Quisque laoreet libero et orci congue vel suscipit elit malesuada. Aliquam erat volutpat. Proin elit vitae tortor ut vulputate tristique senectus.
Iaculis eget vel mauris
Nullam semper mattis nisl
Aliquam erat volutpat.
Latest posts
Lorem ipsum dolor sit amet
In id ipsum elementum nunc ornare scelerisque vel sed mauris. Sed molestie porttitor cursus. Proin ultrices convallis nulla nec iaculis. Proin vel diam et nulla vestibulum malesuada. Pellentesque habitant morbi tristique senectus et netus
Cost effectivePellentesque urna urna, tincidunt et imper diet vitae, feugiat a ipsum. Duis ac bibendum ipsum. Aliquam bibendum faucibus feugiat. Vivamus condimentum dapibus convallis.
CustomisablePellentesque urna urna, tincidunt et imper diet vitae, feugiat a ipsum. Duis ac biben dum ipsum. Aliquam bibendum faucibus feugiat. Vivamus condimentum dapibus convallis.
Very good supportPellentesque urna urna, tincidunt et imper diet vitae, feugiat a ipsum. Duis ac biben dum ipsum. Aliquam bibendum
aucibusfe ugiat.
Vivamus condimentum dapibus convallis.
@charset "utf-8";
background: /* CSS Document */ url(../images/bg-footer.jpg) repeat-x; body {
background: url(../images/bg.jpg)
left:-3 #CCC repeat-x;
font-family: Arial, Helvetica, } sans- .header {
font-size:12
padding:0;
margin:0 } } ul, li { .phone {
list-style:
padding:0;
background:url(../images/bg_phone} num.png) no- a {
text-decoration:
padding:0; } } .top_nav { .footer {
width:100%;
height:306
background:
url(../images/bg_TopNav.png) no-
background:
url(../images/bg_mainNav_hover.png)
.header h1 {
background:url(../images/logo.png);
.header h1 span {
display: }
.mainNav {
width: 407 }
.mainNav li {
line-height:42
background:url(../images/mainNav.png); }
.mainNav li a {
color: #CCC;
text-decoration: }
.mainNav strong {
padding:0 10 }
.mainNav li a:hover {
background:
url(../images/bg_mainNav_hover.png) left no- }
li a:hover strong { right no- }
.header .phone img {
margin:0 3 }
.header .phone p {
line-height:18
font-family: Arial, sans-
font-size: 12
color: #FFF; }
.LeftBotton {
top: 208 }
.RightBotton {
right: -44
top: 208 }
height:360
#ScrCont {
Helvetica,
#Cont img {
background:#
#List1, #List2 {
.content {
height:800
background-color:#FFF; }
.foot_content {
height:300
margin:0 }
.foot_box {
height:140
margin: 25px 25
position: }
.foot_box h3 {
margin:8px 0;
padding:0;
font-size:14
color: #CCC;
display: }
.foot_box .input {
border:#FFF solid 2
background-color:
font-size:14
margin:4px 0;
color: #FFF;
padding:0 4 }
.foot_box .submit {
border:#FFF solid 2
background-color:
font-size:14
margin:5px 0;
color: #CCC;
background:#33b3d9; }
.foot_box .foot_box_in {
width:100%;
height:110
background:
url(../images/bg_box.png);
margin:0; }
.foot_box img {
padding:0;
top: 12 } .fl1 {
font-size:9
color: #CCC;
padding-bottom:5
line-height:16
border-bottom:#FFF solid 1 } .fl2 {
font-size:9
color: #CCC;
line-height:16
line-height:20
.fl3 { .foot_box2 a{ color:#CCC;}
float: .foot_box2 .img_1 {
font-size:9
color: #CCC;
line-height:16 }
} .foot_box2 .img_2 {
.foot_content .foot_boxfather {
height:100
margin:0 .foot_box2 p {
font-size:8
.foot_content .foot_box2 {
color:#CCC;
text-align:
height:100
margin:2px 20
margin-top:70
.foot_box2 h3 { .f_L {
font-size:14
color:#CCC; }
margin:10px 30px 10px 0; .f_R {
.foot_box2 li { }
3. 主要js代码
// JavaScript Document
var Speed = 0.01;//速度(毫秒)
var Space = 5;//每次移动(px)
var PageWidth = 760;//翻页宽度
var fill = 0;//整体移位
var MoveLock =
var MoveTimeO
var Comp = 0;
var AutoPlayObj =
GetObj("List2").innerHTML = GetObj("List1").innerHTML;
GetObj('Cont').scrollLeft =
GetObj("Cont").onmouseover = function(){
clearInterval(AutoPlayObj);
GetObj("Cont").onmouseout = function(){
AutoPlay();
AutoPlay();
function GetObj(objName){
if(document.getElementById){
return eval('document.getElementById("'+objName+'")')
return eval('document.all.'+objName)
function AutoPlay(){ //自动滚动
clearInterval(AutoPlayObj);
AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',3000);//间隔时间 }
function ISL_GoUp(){ //上翻开始
if(MoveLock)
clearInterval(AutoPlayObj);
MoveLock =
MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
function ISL_StopUp(){ //上翻停止
clearInterval(MoveTimeObj);
if(GetObj('Cont').scrollLeft % PageWidth - fill != 0){
Comp = fill - (GetObj('Cont').scrollLeft % PageWidth);
CompScr();
MoveLock =
AutoPlay();
function ISL_ScrUp(){ //上翻动作
if(GetObj('Cont').scrollLeft <= 0){
GetObj('Cont').scrollLeft = GetObj('Cont').scrollLeft + GetObj('List1').offsetWidth
GetObj('Cont').scrollLeft -= S
function ISL_GoDown(){ //下翻
clearInterval(MoveTimeObj);
if(MoveLock)
clearInterval(AutoPlayObj);
MoveLock =
ISL_ScrDown();
MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
function ISL_StopDown(){ //下翻停止
clearInterval(MoveTimeObj);
if(GetObj('Cont').scrollLeft % PageWidth - fill != 0 ){
Comp = PageWidth - GetObj('Cont').scrollLeft % PageWidth +
CompScr();
MoveLock =
AutoPlay();
function ISL_ScrDown(){ //下翻动作
if(GetObj('Cont').scrollLeft >= GetObj('List1').scrollWidth){
GetObj('Cont').scrollLeft = GetObj('Cont').scrollLeft GetObj('List1').scrollW
GetObj('Cont').scrollLeft += S
function CompScr(){
if(Comp == 0){
MoveLock =
if(Comp < 0){ //上翻
if(Comp < -Space){
GetObj('Cont').scrollLeft -=
setTimeout('CompScr()',Speed); }else{ //下翻
if(Comp > Space){
GetObj('Cont').scrollLeft +=
setTimeout('CompScr()',Speed); }
六、 实验总结
注：包括制作过程中出现的问题，实验心得体会及改进意见等
这次试验总体实验量太大。做起来很有难度，但这样也让我更加熟悉这些软件的功能，我从此次实验中收获颇丰。这次实验中，js代码的实现是我遇到的一大难题，不知从何下手。还有就是兼容性问题解决的不是很好。
范文二：广东肇庆科技职业技术学院《网页设计》A卷考试试卷
学年度第一学期期末 信息工程系《网页设计》A卷考试试卷
出卷人：李仙玉
适用班级：10计算机网络1234
考试时间：两周
网站设计的具体要求：
1.设计一个学生个人简介网站，要求页面数量不少于5个。 2.网站主题鲜明突出，网页内容详实、科学、准确、积极、健康向上，有创意；网页整体设计思路清晰，网页布局合理，风格明快。栏目结构清晰、界面简洁美观。网页文字及相关链接无错误，主页和其它各子页配合协调。栏目及版面设计，层次结构及链接结构明确，必须具有统一导航条。
3.网站内的图片素材可到网上下载，也可使用其他软件制作，如photoshop、Fireworks处理图片。
4.使用Flash 软件设计一个网站标志，并插入到网页中。
5.网页文件及文件夹的命名符合要求，文件组织合理。
（1）首页源文件命名为： index.html，作品中的其他文件和文件夹均使用英文名或者是汉语拼音命名。
（2）存放与网页相关图片的文件夹命名为：images。
（3）说明文件 shuoming.doc
内容包括：网页创意及制作的简单说明。
6.网页上各主题和附加图片、背景的色彩选配方案要注意做到：色彩柔和、搭配美观，朴素大方，不应过分夸张，使视觉疲劳。
7.适当运用层、框架、行为、CSS样式、声音、表单等设计技术，适当考虑运用脚本。
第 1 页 共 1 页
范文三：网页设计大作业：综合网站制作
一．创建站点
1. 创建一个本地站点，存放在本机E 盘或移动U 盘上；文件夹名用Wy（1~7）_自己姓名拼音缩写和学号后4位。在该文件夹下创建一个图像文件夹(如：Images )，用于存放图形文件。
2*. 创建一个远程站点，存放在 C:\Inetpub\wwwroot\ 文件夹下(Windows xp)，自己新建一个用于存放自己网站的文件夹，文件夹名 mywebsite。网站制作完毕后将本地站点上传至远程站点，用本机IP地址访问自己所建的站点。（选做）
3. 在站点根文件夹下创建一个新文件，命名为 default.htm(default.html)或
index.htm(index.html)，该页为主页。
二．主页制作
1. 利用按钮图片素材或使用Fireworks 制作文字，处理图像(方法：图像选取并羽化，设置画布颜色与网页背景色相同)；制作按钮图片。
2. 网页布局(方法：使用表格布局、框架、布局模式3种方法任选)
3. 插入按钮，并建立与相关网页的链接(方法：使用鼠标经过图像或导航条)
4*. 加入滚动字或图片。(方法：使用扩展 marquee )（选做）
5. 加入背景音乐，(方法：使用媒体中的插件，将插件设置为自动播放、循环播放、隐藏)
三．文章欣赏网页制作
1. 新建一个框架网页，三个框架。顶部框架为标题，主框架放入自选文章，左框架为文章小标题。
2. 使用 CSS 样式设置标题与正文的字体、字号、行距为 1.6 倍行高、 body 背景(自己制作网页背景)。
3. 将左框架为文章小标题与右框架中的文章锚点链接，链接目标设置为右框架。
4. 制作返回主页的链接，要求链接目标为 top。
四．图片欣赏网页制作
1. 利用图片素材或使用 Fireworks 处理图像，制作缩略图(方法：将大图缩小；在图上绘制一个圆角矩形，选取后剪切，选择粘贴为蒙板)。
2．制作点击缩略图打开原图效果(方法：使用行为打开浏览器窗口)。
3. 图像地图的使用(在图像热区上添加行为：显示与隐藏层)。
五．音乐欣赏和动画网页制作要求
1. 制作两个新网页，分别使用插件插入 mp3 与 avi 文件。
2. 使用行为中的打开浏览器窗口命令打开插件网页，下载可直链接至 mp3 或 avi 文件。
3*.制作一个新网页，插入 flash 影片和flash 文本，设置背景为透明(参数 wmode 值 transparent )。（选做）
? 作业所用素材自己收集。
? 第8周课内提交作业。下课不候，且按不及格处理。
? 作业一定要自己完成，发现雷同者均按不及格处理。
《网页设计与制作工程实训》
选题名称：____千湖______________
设 计 人：__胡哈蕾________________
级：___142_______________
号：__________________
南昌大学软件学院
设计说明书:
选题的分析
千湖是陕西省著名的湿地公园，制作具有意义。
如何运用网络的优点进行更好的表达
运用网络可以得到各种资源、信息。
网页的结构与分解
网页分为首页，公园简介，新闻动态，图片墙，详细地址，图片展示，联系我们，公园快讯。
网页所采用的技术
dreamweaver
网页设计日志
开始的时候网页制作并不是很整齐，后面自己学习，掌握了对齐的一些方法，增强了与他人的沟通。
收获了很多。
所有不同风格网页页面均截图出来，并做简要说明（如：该页面所采用的技术、页面特色等）。
厦门南洋职业学院
2014 ～2015
学年第二学期
课程名称: 电子商务网页设计与制作
13电商（2）班
网站简介,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1 网站功能,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,2 网站框架布局,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,3 网站模块,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,4 网站盈利,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,5 网站发布与推广,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,6
一，网站简介
“未闻花名”：即《我们仍未知道那天所看见的花的名字》，是一部动漫的名字，而你们至今仍未知道那天所看见的花儿在这里就能找得到。千姿百态的花儿述说着千言万语，每一句都述说着美好。特别是现在，随着人们的生活质量不断地提高和对生活的追求。鲜花已经是人们生活不可缺少的点缀!花卉消费近些年来呈越来越旺的趋势，除了花卉本身所具俏丽姿容，让人们赏心悦目，美化家居等功效外，它还可以开发人们的想象力，使人们在相互交流时更含蓄，更有品位。“未闻花名”网上花店采用现有的各种网络技术、构建一个鲜花、礼品等商品多级查询、选择、订购的一个网上销售系统，为客户提供方便、快捷、安全的网上购物环境。
二，网站功能
（1）用户进入系统后，注册用户可以购买鲜花
（2）店中的鲜花分类保存
（3）能够支持鲜花的查询功能，根据花名的关键字查询
（4）用户在选择鲜花类别后，显示类别下鲜花的信息，方便用户浏览。
（5）用户浏览鲜花时可以将自己所想要购买的鲜花放入购物车里
（6）购物车中计算用户购卖鲜花的实际价格，让用户明白自己的消费情况
（7）非注册用户也能实现对鲜花信息的查阅和搜索
三，框架布局
网页左上方：Logo
网页右上方：搜索栏
导航横栏：全部商品分类、首页、全部鲜花、爱情鲜花、生日鲜花、精致花篮、高端鲜花
导航纵栏：订花种类，如按用途订花、按花材、价格、对象、节日、枝数订花
导航栏右侧：动态展示模块与联系方式
网页主体：依次从上往下为热卖栏、礼篮、卡通世界、帮助（如何订购、如何付款、配送方式、售后服务、相关知识）
四，网页模块
根据网上花店管理系统的功能需求，本网站模块涉及搜索、鲜花、热卖、礼篮、帮助、会员登录、网上支付等功能模块。 以下为各模块具体功能：
1、搜索模块是为用户的选购提供最快捷的查询功能。
2、鲜花模块的任务主要是列出所有库存的各类属性，按照花的种类、价格和送人对象、用途、花材进行查询并选购。
3、礼篮和热卖模块差不多，也是主要列出所有礼篮（礼品）的各类属性，按照礼篮（礼品）的用途、价格和花材进行查询并选购。
4、在线留言模块，这个模块能让顾客对于在线出售的商品和网店服务、网店设计等，只要和花缘屋有关的问题无论哪方面有所疑问，均可对经营者留言，这模块对于顾客和经营者都是很重要的。
5、购物车模块，当用户浏览到自己喜欢的商品时，可以直接把商品添加到购物车，以方便用户的最终结算。如果不是会员用户则不能使用购物车功能，如果是已注册的用户则可以使用购物车。用户也可以对购物车的商品进行删除、添加、信息修改等功能。同时购物车会显示所购商品的总金额和可获得的积分。
6、网上支付，用户在选好所需订购鲜花和其他产品以后，可以通过这个功能进行在线支付，至于支付方式，各种银行卡都不太相同，详见支付说明
五，网站盈利
“未闻花名”花店的一个很大优点就是实现鲜花经营者和鲜花消费者的互利。一方面，他可以使鲜花经营者尽可能的展现自己的鲜花种类，并且节约以往的占地空间成本，另外可以使鲜花消费者随心所欲选购自己喜欢的鲜花，并且货比三家，挑选到自己认为物美价廉的鲜花。由于网上花店打破传统的鲜花经营理念，使得鲜花的经营成本大大缩小，这样减少前期资金不足负担，而且借助互联网信息的通达性，可以快速提高自己的鲜花知名度，为其带来不菲的财富。通过网上花店，在信息方面就能够与传统鲜花经营者竞争。总的来讲，网上花店带来的影响可以分为以下几个方面：
1.全球市场 网上花店借助互联网信息的快速性，和信息的大范围性，可以实现异地买花卖花，甚至有更多的机会将产品销售到全球各个国家和地区。
2.市场供应链 借助互联网，可以使更多的消费者简单快捷的了解自己的鲜花品种和价格，并且消费者可以在网上进行信息传播，比如使用QQ、微信、微博、MSN、Facebook等等，使自己的产品让更多的人群了解，为自己带来更多的消费人群。
3.市场竞争力 网上花店和传统的花店有以下几个优点，使其更具有竞争力。
a. 网上花店将传统的花店流程电子化，数字化，一方面可以大量的减少人力、物力、财力，降低企业的成本；另一方面突破了时间和空间的限制，使得交易可以在随时随地进行，从而大大的提高了效率。
b.网上花店能够使个人或者企业以更低的成本进入全球市场，这样就给个人或者中小型企业提供了更多的信息资源，使得它们具有更强的竞争力，更有利于企业长远的发展。
c. 网上花店打破了传统的经营模式，通过省略部分中间环节，使得生产者和消费者直接交易成为可能，从而在一定程度上改变了全球的经济运行方式
六，发布与推广
A、本地宣传策略 首先利用网站本身信息流优势宣传和突出形象，并与本地各大报社，电台与电视台建立良好的合作关系，采取互惠互利双赢的战略模式.
B、通过网络社交平台进行有效的推广，尤其选择婚恋社交网与校园网。
C、服务方面 网上花店的服务必须是一流的，对于配送队员而言，只要是有定单，就必须按照定单要求按时按地送到，并且是微笑服务。在售后服务方面,由客户服务部负责采取以下几种方式：
①打感谢电话或发E-MAIL进行友情提醒服务，并在客户重大节日时发电子贺卡。
②无条件接受客户退货，集中受理客户投诉。
③设立消费者调查表,附赠礼品，掌握消费者需求的第一手资料。
④第一次订购的客户将收到随花赠送的花瓶，并享受价格优惠,成为会员后享受会员价格。
⑤不定期的在网上或离线召开会员沙龙，交流信息,沟通感情，并解答客户最感兴趣的问题。
⑥建立客户数据库档案，客户重复订购时只要输入名字，客户的其他信息便自动调入系统，给顾客提供最便捷的订购系统。
D、探寻新顾客 探寻新顾客是系统的最重要任务之一，也是网站赖以发展的根本。网站要有针对新顾客的特别宣传内容，例如提供特殊的服务和打折优惠。向繁忙的网页介绍推荐生日庆祝、结婚典礼和各种节日纪念日试用的鲜花和礼品
E、稳定老顾客 要争取到回头客，在老顾客生日和各种纪念日时给予特别的服务和优惠。如果发生了什么不好的交易事件，在收到顾客留言后，一定要及时回复表达我们诚恳的道歉，同时再寄送一束鲜花。要知道采取这种补救方法往往能达到意想不到的效果，不仅可以让老顾客的不满得到化解，很有可能以后这些老顾客还会成为网站宣传员。
范文六：作为当代大学生，积极的睁开眼睛看世界，了解外面的情况是很必要的。为了将同学们的业余生活调整的更为丰富一些，也给同学们一些惊喜，我们决定在学校内举行一次网页设计大赛，将同学们充分的调动起来，使自己的校园生活更为丰富。
大赛的具体策划书：
网页设计大赛策划书
时间：200*.4-----5
地点：xx语学院。
参与工作人员：计算机系学生会，学习部全体成员。
参赛者范围：计算机系全体学生。
一.比赛指导思想
1.本次活动主题“网页设计制作”主要以当代大学生为主。
2.作品内容健康向上，符合本次比赛作品征集要求富有活力。
3.创建一流校风、学风，丰富学生的校园生活，发挥当代大学生的创造力，提高广大学生的电脑技术水平。
4.内容健康，能体现当代大学生求实进取、博学创新、积极向上的精神。
5.坚持大赛的公正、公平、公开的原则。
6.本次大赛旨在通过网络凝聚最广大的青年学生群体，挖掘校园网络人才。
二、参赛作品要求
1、充分体现本次活动的主题当代大学生为主。
2、作品内容健康向上，符合本次比赛作品征集要求
3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性；
4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m；
5、要求能在winXX或winxp操作系统上运行。显示分辨率以80（转载自第一范文网
，请保留此标记。）0×600或，网页采用internet explorer5.0以上浏览。
6、使用简体中文字库系统。
7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。
8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。
9、作品制作规范符合要求；作品首页请一律采用 index 文件名
三、活动内容：
1、立项等准备工作-----------计算机系学生会，学习部。
2、宣传：-------------------计算机系学生会，宣传部。
条幅：生活区------------------------------内容宣传组，悬挂宣传组
海报：各个食堂，生活区。-----------------------宣传
投稿时的作品展示(在免费空间存放获奖作品，使用超链接链接)。技术组
四、大赛流程
1、成立网页设计大赛筹备组，进入活动筹备阶段，工作包括活动策划方案确立,宣传渠道建立。
2、在校园内大力宣传，包括张贴海报、通知、横幅，通过各系学生会在各院（系）里大力宣传，并组织本院（系）学生报名。
3、收集报名资料，并为本次网页设计大赛制作专题网页，同时，继续宣传本次网页设计大赛。
4、在专题网页上发表一些网页制作教程。
5、确定网页设计大赛的资金到位。
6、收集参赛作品。
7、将作品上传至此次大赛专题网页。
8、在本次网页设计比赛上安放投票系统。
9、将评分表及评选细则发往各评委。
您可以访问第一范文网（）查看更多与本文《大学网页设计大赛策划书》相关的文章。11、统计各参赛作品分数。
12、公布获奖者，并颁奖。
1. 参赛者所交作品权责自负，组委会若发现参赛作品属非参赛者个人完成，有权取消其比赛资格。
2. 参赛选手比赛期间所涉费用自理。
这一次网页设计大赛很有意义真的希望懂得网页设计的同学能够积极的参加，而我们的奖品也是很丰富的，希望大家本着提高自己的想法，积极参与。
我们毕业后有很大的压力，因为现在正处在金融危机中，所以我们现在就应该多参加比赛，为以后的工作做准备。
希望大家积极参与网页设计大赛。
范文七：网页设计与制作大作业要求
一、作业内容
1、主题（自拟）：如
（1）重新设计阿坝师专美术系网站
（2）建立一个自己的个人网站。
（3）为一个企业建立网站
（4）为一个产品建立网站等等
（1）最少包括8 个网页
（2）主页命名为 index.html，主页中要有自己的学号和姓名(可放在页脚版权信息处)；
（3）作业首先建立一个用自己名字命名的站点，该站点存储在计算机上的文件夹用“姓名拼音首字母”命名，如“phy”。
调试完成后，将该文件夹放入 “学号姓名”命名的文件夹中上交。
（4）你的站点存储文件夹 “phy”下要根据需要建立子文件夹，如可用 “images”文件夹存储图形文件，用“media” 文件夹存储多媒体文件等。
（1）为了使网站具有好的移植性，网页文件及素材文件的名字应用
字符、数字表示，一定不要用汉字作为文件夹及文件名。
（2）每个网页的布局是根据网站类型而设计的，不同的网站有不同的风格，但必须包括 基本布局的元素：标题、网站标识 （一般在页眉部分）、导航、内容及页脚等，注意一个网站的各网页风格要统一，如页眉和页脚部分可不用做大的改动，只改网页“内容”部分即可。
二、完成作业的方法
1．根据自己的爱好确定主题。
2 ．根据主题确定网站的具体内容和表现风格。
3 ．组织文字资料及图像、视频、动画、声音等素材。
4 ．根据网站风格及每页的内容确定文字的格式，对图像、声音、视频等多媒体素材进行处理以适合在网页中应用。
5 ．使用Dreamwaver、ps、Flash等网页制作工具制作网页。
范文八：网页设计与制作大作业
1．网页的基本构成元素有哪些？
2．静态网页与动态网页的特点是什么？
3.简述Dreamweaver CS4的工作界面由几部分组成？
4.选择表格和单元格有几种常用的方法？
5.什么是图像映像？如何创建图像映像？
6．如何设置水平线和图像边框的颜色？
7．流行的音频和视频文件格式主要有哪些？
8．如何设置Flash动画透明背景？
9．简述html中超链接的类型。
10. 简述4种不同的超级链接“目标”选项的区别。
11．CSS的作用是什么？CSS是一种用来进行网页风格设计的样式表技术，使用CSS可以对网页中文本的大小、字体、颜色、边框、连接状态等内容进行统一设置，保证站点页面的整体风格一致。
12．样式表中的CSS样式是如何应用到多个网页文件的？将CSS样式保存在一个独立的样式表文件中（.CSS）。
13．创建框架有哪几种方法？
14．如何在框架中使用超级链接？
15.使用Div+CSS布局有哪些优点？
1、网页由文本、图像、动画、超级链接等基本元素构成
2、静态网页特点：
（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制。
动态网页特点：
（1）"交互性
（2）自动更新
（3）因时因人而变",即当不同的时间,不同的人访问同一网址时会产生不同的页面。 3、工作界面中包括菜单栏、插入栏、文档工具栏、属性检查器、状态栏、面板组、扩展管理器、文档编辑区 5、所谓图像映像，实际上就是在一幅图像中创建多个链接区域，通过单击不同的链 接区域，可以跳转到不同的链接目标端点。
1) 首先创建或打开希望作为图像映像的图像，必须将它保存为P NG文档。
2) 在该P NG文档中绘制热区。
3) 将热区分别同链接地址相关联。
4) 利用导出操作，将图像以及附属的H TML代码导出
5) 在其他的H TML编辑器，例如D reamweaver中，将F ireworks生成的H TML代码插入到需要的地方，即可在网页中实现图像映像的功能。
范文九：《网页设计基础》课程大作业任务书
课程名称：网页设计基础
课程代码：NN1017
学分/学时：４学分/68学时
面向专业：网络专业
《网页设计基础》课程的重点知识模块包括：
1）HTML5标记的掌握，
2）Dreamweaver基本操作
3)Css3样式的应用。
通过完成大作业，验收这三个重点知识的学习效果，全面提高网页设计的基础操作技能。 分值：
《网页设计与制作大作业》课程考核分数为100分，占总评分数的15%。
内容和要求：
1、 可以选择三个不同的题目：学校网站，班级网站，个人兴趣网站
⑴用自己名字的拼音字作为站点的名字(即：站点的根文件夹名)。
⑵在站点主页中加上自己的名字、性别、系部、年级、班级，学号以便老师给你评分记录。
(3)各人选定主题以后就可以自行设计了，设计时间是10－15周，第16周将你的作品带到教室，老师当场检查答辩给分。
范文十：《网页设计与制作》大作业要求
一、 总体要求
要求制作一个表达某一主题的网站，综合运用本课程所学的知识。网站必须有鲜明的主题，清晰的布局，原创的内容。可以从网上下载部分资料，但不能超过整个内容的20%，绝对不允许直接从网上下一个网站，一经发现，直接记0分。总的页数应超过8页（一个包含主题内容的html文件算一页）。
二、 网站内容：
可以选择如下内容 : 电子商务、环境保护、求职、教育、校园生活、传统美德、文学、爱心等。严禁选择任何不爱国的、反动的、消极的和不合法的主题。
自己确定一个主题，整个网站要突出主题，信息分类合理，导航清晰。要求必须有自己创作的内容，这些原创内容可以是文字、图片等。
三、版面及格式：
l. 要求图文并茂 ，颜色搭配合理。注意一个网页的颜色最好不要超过3种。图片及声音视频文件不要太大（不要超过5M）。
2. 要求每个网页都使用表格布局。
3. 要求用超链接，框架结构，css样式。
4. 导航设计简洁明了，不能有无法访问的链接，要保证能够正常浏览。
四、作业注意事项
l. 每个班级的作品记录在一个文件夹中，每个同学以自己的姓名+专业建一个目录做成压缩文件。上交时间为：12月14号。
2. 所做网页的首页文件名必须为 index.html。
3. 不要忘记给每个页面命名。
4. 所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号。
5. 网上下载的文字要注意删除多余的超链接和？之类。
6. 最好在每个子页面最好加一个超链接返回首页。
7. 网页的总容量一般不要大于5MB 。
五、网页评分标准
l. 主题鲜明，具有创意 （ 15 分）
2. 原创内容丰富，能体现自己的想法，文字流利通顺（ 20 分）
3. 版面布局合理清晰，整体效果美观，观赏性强。（ 35 分）
4. 插入的图片、音乐、视频、动画等素材恰当、美观（ 10 分）
5. 技术含量 ( 使用了各种效果、技术等 ) （ 10 分）
7. 网页中没有明显的错误（如超链接、错别字等）（ 10 分）