网页设计实训任务书

课程设计任务书一、设计目的本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。

在课程设计周完成一个站点的设计与制作，从而达到以下两个目的：（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。

并在站点的设计中掌握一定的实用性和技巧性的技术。

（二）根据个人的设计主题，培养出查阅有关资料的习惯，强化自学能力，为进一步提高个人的素质打下基础。

二、设计过程要求（一）纪律：上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。

课程设计过程中的表现，将作为最终评定成绩的参考。

（二）内容：网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站点，但建议根据个人的预期就业目标选择。

课程设计结束后可将自己所设计的网站拷贝带走，作为就业自荐的一份材料或作品。

（三）保存：设计结果及有关素材要及时上传至个人空间。

（四）要求：所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽可能减少到其它站点的链接。

通过个人对资料的查阅，力所能及地利用一些好的脚本程序。

（五）考核：考核分两部分进行。

首先，网站设计的实际成果；其次，写出《课程设计报告》，在设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。

在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。

1、内容：20分（1）网站题材及内容是否符合本次设计的要求；（2）对选材的把握及处理是否符合内容的需要，对选材阐述的深度是否专业、精辟；（3）网站的选材是否全面、详细、充实、相关信息是否丰富。

2、版面：20分（1）版面是否简洁，主要指文本、图案是否整齐美观；（2）布局是否合理，主要指网站的结构是否科学，栏目设置是否合理，导航是否分明，是否方便查阅；（3）色彩，指色彩搭配是否协调，有层次感，且有利于浏览阅读。

《网页设计与制作》综合实训第一篇：《网页设计与制作》综合实训《网页制作》期末大作业一、概述：要求设计并制作一个表达某个主题的网站，通过网站的制作，综合运用本课程各单元所学的知识。

网站的内容不能是一些素材如图片、音乐等的堆积，必须有鲜明的主题。

可以从网上下载部分资料，但不能超过整个内容的30%，更不要指望从网上下一个完整的网站应付老师。

总的页数应超过10页（一个包含主题内容的htm文件算一页）。

请同学们注意不要下载相同的资料，如果出现网页内容雷同，双方都要扣分，严重的必须重做。

二、网站内容：自行选择如下内容：科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教育；新青年；管理；实用工具等。

自己确定一个主题，整个网站要突出主题，信息分类合理，导航清晰。

要求必须有自己创作的内容，这些原创内容可以是文字、图片、动画等。

三、版面及格式：l、要求图文并茂，颜色搭配合理，但是图片及声音文件不要太大。

如果能加入自己创作的动态元素(如Flash，Gif动画等)将获得加分。

希望充分发挥自己的创作能力。

2、要求每个网页都使用表格布局。

3、要求网页中插入有Web组件，包括悬停按钮、滚动字幕、横幅广告管理器等。

4、导航设计简洁明了，不能有“死链接”，要保证能够在网络上浏览。

5、自创内容越多越好，得分越高。

四、递交方式：1、每个同学以自己的学号姓名建一个文件夹，上交时间为18周2、所做网页的首页文件名必须为index.htm3、所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号，否则，网络将出现死链接。

4、递交时必须把网页中所有用到的图片、声音、动画等都一起上传到服务器。

网页的总容量一般不要大于3MB5、建议将网页中的素材分类，建立不同的子目录存放。

五、网页评分标准:整个网页的评分强调“自己的创意”，不管主题是什么，也不论是哪一个栏目的内容，如果创意独特，有自己鲜明的个性、观点，得分较高。

河南XXXX学院信息技术系毕业设计任务书名称:动态网页制作(ASP)专业：信息应用技术姓名: X X X学号：0 9 4 2 4 x x x指导老师：X X X小组其他成员姓名：_____________________2012年4月（一)本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点）:网络在中国的发展是非常迅猛的,随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷,对于人性化的诠释达到了淋漓尽致,企业的经营观念、个人的生活观念都在发生着根本的变化。

目前许多政府机关、学校、企事业单位已建立自己的网站。

为了宣传自己和传递信息,建设自己部门的网站已经是迫切需要.因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅.通过网站，全面宣传,展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等.（二）设计内容及目标(包括要实现的主要功能,采用的主要开发工具，开发方法或者开发模型）实现的主要功能：1、用户注册及用户登录。

2、主页的浏览。

3、管理员用户登录及管理用户（的添加、修改、删除).4、数据库的建立及ASP与数据库的连接。

5、其次是IIS服务器的安装及设置。

设计内容：1、讨论网站主题：建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。

2、定位网站CI形象:网站最重要的就是与浏览者产生共鸣。

于是在网页设计上面，要淡到浏览者最关心的话题。

3、材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等.4、确定栏目和板块：⑴首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

本次设计中网页宽1024像素，长由每个部分的内容不同而设置.表格三行一列，居中设置,第一行放头图片，第二行是导航栏，第三行主页内容,第四行放置版权和地址等内容。

《网页设计》实训任务书院系：电气和信息工程学院专业：计算机信息管理（2010级）1.1 实训意义《网页设计》实训是教学过程中重要的实践性教学环节。

它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论和实践教学效果的检验，也是对学生综合分析能力和独立工作能力的培养过程。

因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。

1.2 实训目的1．通过综合实训进一步巩固、深化和扩展学生的理论知识和专业技能。

（1）掌握规划网站的内容结构、目录结构、链接结构的方法。

（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。

（3）掌握页面的整体控制和头部内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入、设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

（7）掌握建立各种形式超级链接的方法。

（8）掌握表单网页制作方法。

（9）掌握网页特效的制作方法。

（10）掌握网站测试的方法。

2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。

5．训练和培养团队协作精神和共同开发网站的综合能力。

1.3 实训任务1．站点规划，搜集资料。

确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

2．进行主页设计。

构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

网页设计实训报告万能模板•相关推荐网页设计实训报告万能模板（精选13篇）在日常生活和工作中，报告的用途越来越大，我们在写报告的时候要注意涵盖报告的基本要素。

那么报告应该怎么写才合适呢？下面是小编收集整理的网页设计实训报告万能模板，仅供参考，希望能够帮助到大家。

网页设计实训报告万能模板篇1一、实习目的①学会制作新闻发布系统。

②学会制作在线调查系统。

③熟悉购物网站的主要功能和栏目。

④学会购物网站数据库表的创建和数据库连接的创建。

⑤学会购物系统前台页面制作和后台管理制作。

二、实训内容1.创建数据库表①启动MicrosoftAccess，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。

②弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。

③单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。

④弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。

⑤执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。

⑥单击“确定”按钮，保存表。

按以上步骤的方法，创建表fen 和admin。

2.创建数据库连接新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。

3.制作购物网系统页面①用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。

插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。

在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。

②用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。

武汉商贸职业学院信息工程学院《网页设计与制作综合实训》实训指导书软件教研室2013年9月目录实训目的 (1)实训内容及要求 (1)实训性质、实训地点、实习时间安排，适用专业班级 (2)实训一站点的规划设计 (3)实训二设计案例网站LOGO (3)实训三设计案例网站BANNER (4)实训四设计案例网站导航条 (5)实训五设计案例网站网页内容和网页版权声明 (5)实训六对案例网站版面切图 (6)实训七制作完成案例网站首页 (7)实训八案例网站模板的制作 (8)实训九案例网页超级链接的添加 (9)实训十案例网站加入动态元素 (9)实训目的在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《CSS设计》、等专业课程的学习，为了让学生将前期的专业课程学以致用，融会贯通，特开设本系统化实训。

本次综合实训基于学生的兴趣，选取专业建设网站开发为主题，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。

通过本次实训希望达到以下目的：1.熟悉和掌握Dreamweaver软件的使用方法；2.熟悉和掌握PS软件的使用方法；3.熟悉FLASH软件应用的方法；4.学会使用CSS+DIV做网页布局；5.熟练掌握站点的规划与设计实训内容及要求本实训的内容简述：1.网站首页（1）专业概况（2）专业建设规划（3）展示最新动态文章标题（8条）（4）专业建设成效的文章标题（8项）（5）专业建设特色文章标题（8项）2.专业概况点击项目概况，显示相关文本3.专业建设规划点击项目申报书菜单，显示flashpaper格式的申报书内容4.专业建设特色显示专业建设特色的文章标题列表，点击标题进入内容5.专业建设动态显示专业建设动态的标题列表，点击标题进入成果详细展示6.专业建设成效显示专业建设成效的标题列表，点击标题进入成果详细展示。

本实训的要求：1.应用css和html（div+css）技术完成至少4个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。

一、实训背景随着互联网技术的飞速发展，网页设计已经成为一种重要的技能。

为了提高学生的网页制作能力，本课程安排了网页制作实训环节。

通过本次实训，学生能够熟练掌握网页制作的基本流程和技巧，提高自己的实际操作能力。

二、实训目的1. 使学生熟悉网页制作的基本流程和操作步骤。

2. 培养学生运用网页制作软件（如Dreamweaver、Photoshop等）进行网页设计和制作的能力。

3. 提高学生综合运用所学知识解决实际问题的能力。

4. 增强学生的团队协作意识和沟通能力。

三、实训内容1. 网页制作软件的学习与掌握（1）学习Dreamweaver的基本操作，包括新建、打开、保存网页等。

（2）学习使用Dreamweaver的布局、文本、图像、表格、框架、超链接等功能。

（3）学习使用Photoshop进行图像处理，包括裁剪、调整大小、添加文字、图层等。

2. 网页设计的基本原则与技巧（1）了解网页设计的基本原则，如对比、重复、对齐、亲密性等。

（2）学习网页布局的方法，如网格布局、流式布局、响应式布局等。

（3）学习网页色彩搭配技巧，提高网页的美观度。

3. 网页内容制作（1）学习在网页中添加文本、图片、表格、列表等元素。

（2）学习网页动画效果的制作，如滚动字幕、鼠标悬停等。

（3）学习网页交互功能的实现，如表单、JavaScript等。

4. 网站测试与优化（1）学习使用浏览器进行网站测试，包括兼容性、响应速度等。

（2）学习使用SEO（搜索引擎优化）技巧，提高网站在搜索引擎中的排名。

四、实训过程1. 选题与构思学生根据兴趣和需求，选择一个主题进行网页设计。

如个人博客、企业网站、教育网站等。

2. 收集与整理素材学生通过互联网、书籍、素材网站等途径收集相关素材，包括图片、图标、字体等。

3. 网页设计与制作学生运用所学知识和技能，进行网页设计。

主要包括以下步骤：（1）规划网站结构，包括页面布局、导航栏、页脚等。

（2）设计网页风格，包括色彩搭配、字体选择、图片处理等。

一、实训背景随着互联网技术的飞速发展，网页设计已经成为一门重要的技能。

为了提高学生的综合素质，培养具有创新精神和实践能力的人才，我校计算机系特开设了网页设计实训课程。

本次实训旨在让学生通过实际操作，掌握网页设计的基本理论、方法和技巧，提高学生的网页设计能力。

二、实训目的1. 使学生了解网页设计的基本概念、流程和规范；2. 掌握网页设计的基本工具和软件，如Dreamweaver、Photoshop等；3. 培养学生的审美能力和创意思维；4. 提高学生的动手实践能力和团队协作能力；5. 增强学生的就业竞争力。

三、实训内容1. 网页设计基本理论：学习网页设计的基本概念、设计原则、色彩搭配、版式设计等；2. 网页制作工具：掌握Dreamweaver、Photoshop等网页设计软件的基本操作；3. 网页布局与排版：学习网页布局的方法和技巧，掌握HTML、CSS等前端技术；4. 网页交互设计：了解JavaScript、jQuery等前端特效技术，实现网页的交互功能；5. 网站项目管理：学习网站项目的策划、实施和验收流程。

四、实训过程1. 实训准备：学生根据实训内容，提前了解相关理论知识，准备实训所需的工具和软件；2. 实训指导：教师根据实训内容，进行现场讲解和演示，解答学生在实训过程中遇到的问题；3. 实训实践：学生分组进行网页设计实践，教师巡回指导，帮助学生解决实际问题；4. 作品展示：实训结束后，各小组展示自己的作品，教师进行点评和总结。

五、实训成果1. 学生掌握了网页设计的基本理论、方法和技巧；2. 学生熟练运用Dreamweaver、Photoshop等网页设计软件；3. 学生具备了一定的审美能力和创意思维；4. 学生提高了动手实践能力和团队协作能力；5. 学生完成了多个网页设计项目，作品质量较高。

六、实训心得1. 网页设计需要掌握一定的理论知识，如色彩搭配、版式设计等；2. 网页制作工具的使用是网页设计的基础，需要熟练掌握；3. 创意思维是网页设计的关键，要学会从不同的角度思考问题；4. 团队协作是网页设计的重要环节，要学会与他人沟通和协作；5. 实践是检验真理的唯一标准，只有不断实践，才能提高自己的网页设计能力。

实训1 创建本地站点、整体控制页面一．实训目的（1）熟悉Dreamweaver 8的界面布局和工作环境。

（2）熟练掌握本地站点创建和管理的方法。

（3）掌握页面属性的设置方法。

(4)掌握在网页中输入文本、输入空格、实现文本换行和编辑文本的方法。

（5）学会在网页中插入水平线和日期。

（6）掌握网页文本格式化操作。

（7）掌握图像的插入方法，图像属性的设置方法。

（8）掌握图像与文本混合编排的方法二．预览效果本次实训的浏览效果如图1所示。

图1 网页效果三．实训内容（1）创建一个命名为“site”的本地站点。

（2）创建一个命名为“huiyi.html”的网页文档。

（3）根据图1所示的网页浏览效果合理设置页面属性，页面属性的各个参数值自行确定。

(3）在网页中输入文字、水平线和日期，设置文本的属性。

（4）在网页中插入图像，设置图像的属性，实现图文混排效果。

实训2 网页布局之一一．实训目的（1）掌握利用表格布局网页中的文字、图像等页面元素的方法。

（2）掌握应用表格存储文本或数据，且对数据进行有序排列。

（3）掌握利用表格将形状规则的小图片合成形状不规则的大图片的操作方法。

（4）掌握应用布局表格和层的方法布局网页中的文字和图片的方法。

二．预览效果本次实训的浏览效果如图2所示。

三．实训内容（1）在站点“site”根文件夹中新建一个子文件夹“实训2”，在该子文件夹中创建一个命名为“shuiguo.html”的网页文档。

（2）设置网页shuiguo.html的页面属性。

（3）先插入一个2行2列的表格（4）将第1行的两个单元格合并，再插入图片（5）在第2行第1列的单元格内再插入6个鼠标经过图像（6）第2行第2列的单元格内再在插入一个2行4列的表格（7）在新插入的表格各单元格内分别插入图片、输入文字实训3 "布局表格"的运用一．实训目的（1）掌握布局表格和布局单元格的插入方法。

（2）掌握布局表格和布局单元格的编辑方法（3）能够综合运用“布局”表格和“标准”表格完成页面的布局设计二．预览效果本次实训的浏览效果如图3所示图3 页面效果三．实训内容（1）在站点“site”根文件夹中新建一个子文件夹“实训3”，在该子文件夹中创建一个命名为“fuxinlou.html”的网页文档。

XXXXXX学院电子信息学院课程综合实训任务书课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________专业班级:______X'X'X________X'X'XX年X'X月X'X日XXXXXX教务办公室制说明1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。

2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。

3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。

4、此任务最终由指导老师统一评定成绩后交教务办公室。

《网页设计与制作》课程综合实训组织方案2011级软件专业一、网页设计与制作课程实训目的网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。

通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。

从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。

二、网页设计与制作课程实训具体内容黄冈职业技术学院电子信息学院网站规划与设计三、课程实训具体要求1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。

2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。

《网页设计实训》实验教学大纲课程名称：网页设计实训课程编号：0005181100课程总学时：60实验学时数：60课程总学分：3实验学分：3开设实验项目数：3一、实验教学目的本课程设计是利用Dreamweaver、Flash、Firework、Photoshop进行课程设计。

通过对"中国西部旅游"网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握多媒体产品设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。

二、实验项目内容、基本要求与学时分配2、实验要求：指必做、选做。

三、实验考核方式与标准课程设计成绩评定的依据有设计文档资料、具体实现设计方案的内容及课程设计考勤登记表，其中平时成绩占总成绩的20%，设计报告（说明书）和设计作品各占40%。

主要分以下几个等级：优：能圆满完成任务书所规定的各项任务，对所研究的问题分析、计算、论证能力强，在某些方面有一定的独到见解、质量高；语言简洁、准确、流畅，文档齐全，书写规范。

良：能完成任务书所规定的各项任务，对所研究的问题分析、计算、论证能力较强，某些见解有一定新意、质量较高；语言准确、流畅，文档齐全，书写规范。

中：能完成任务书所规定的各项任务，对所研究的问题表现出一定的分析、计算、论证能力；语言较准确，文档基本齐全，书写比较规范。

及格：基本完成了任务书所规定的各项任务，对所研究的问题能进行分析、计算、论证；语言较准确，书写尚规范。

不及格：未完成任务书所规定的各项任务，对所研究的问题分析、计算、论证很少；有抄袭现象；内容空泛，表述不清。

提交的电子文档必须是由学生自己独立完成，雷同者教师有权视其情况扣分或记零分。

四、实验教材与参考书制定人：张漪（制定日期：2011年8月）审定人：马青霞（审定日期：2011年 8月）《网页设计实训》任务书适用专业：计算机科学与技术专业课程编号：0005181100 前修课程：无学分：3总学时：60一、课程性质、目的与要求课程性质：专业必修课课程目的：通过对"中国西部旅游"网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握多媒体产品设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。

网页设计与网站建设实训课程设计任务书适用专业：计算机科学与技术（网络工程方向/软件设计方向）【课程设计目标】本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。

从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。

【课程设计基本要求】通过本课程设计的学习与实践，学生要达到以下基本要求：1.了解网站建设流程，学会设计和制作网站。

2.能够使用相关工具熟练制作网页。

3.尽量运用业界默认的网站开发规范，努力使自己的站点专业化。

4.根据教学案例库与教师指导能够够独立完成整个网站项目。

5.按要求编写课程设计报告书，能正确阐述设计和实验结果。

6.学生必须明确设计目的和任务，端正学习态度，遵守纪律。

遵守操作规程，注意操作安全，通过课程设计培养学生严谨的科学态度，认真的工作作风和团队协作精神。

7.在老师的指导下，要求每个学生独立完成课程设计的全部内容，并独立完成课程设计报告，如发现抄袭行为，双方均以不及格处理。

【课程设计实验内容】课程设计网站有以下几点基本要求，要求每个同学在作品中都要合理地体现出来。

1、要求站点最少20个网页以上。

2、网页内容必须包括以下内容：(1)：文字，图片，链接，框架，表单等(2)：图片：鼠标经过图像、多图片随机显示、视频及flash文件(.swf)、flash文件需要自己制作，在flash文件上要标明自己的学号和姓名。

(3)：链接：空链接、下载链接、页内链接、邮件链接。

(4)：框架：浮动框架。

(5)：表单：表单项要十项不同以上，需要检查表单进弹出中文提示。

(6)：CSS：文字、图片、表格、表单的CSS效果、同时需要自己从网上下载一个CSS代码应用到网页中。

目录实训1 站点创建实训2 搜集素材实训3 用表格设计主页布局实训4 在主页制作中插入文本操作实训5 在主页制作中插入图像操作实训6 在主页制作中超级链接的设置实训7 制作动感网页实训8 表单制作实训9 CSS样式表的使用实训10 JavaScript技术实训11 应用行为实训12 利用框架制作“公司简介"网页实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用实训15 利用层的布局制作“技术支持”网页实训16 网页设计与网站管理实训17 网站开发综合实训实训1 站点创建实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建网站目录结构、栏目文件夹、网页文件的基本操作方法。

实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或128M ;硬盘不小于 500M ； VGA 彩显,带鼠标器。

操作系统：Windows95/98/me/2000/XP软件环境:Dreamweaver MX 2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材.实训课时2学时实训内容创建站点：创建网站目录结构：创建栏目文件夹:创建网页文件：掌握设置网页的页面属性实训要求要求学生能掌握如何创建站点，正确创建网站目录结构及栏目文件夹，创建主页文件index。

htm，并正确命名，掌握设置网页的页面属性的方法.实训步骤1、在E盘中新建本地根文件夹，命名为bookman，并在该文件夹中新建image 文件夹以存放网站中所要用到的图片。

2、定义站点：设置”站点名称”，命名为 "博客人";设置本地根文件夹，指定为E盘下的bookman文件夹;设置 "HTTP地址"为localhost.3、创建网站目录结构及栏目文件夹（如下图）：4、E盘下的bookman文件夹创建主页文件index。

htm5、设置网页的页面属性。

网页设计与制作课程作业任务书第一篇：网页设计与制作课程作业任务书广新09级《网页设计与制作》课程作业任务书一、目的与任务《网页设计与制作》课程作业是《网页设计与制作》课程教学中的一个重要的环节，是对学生进行的一次较为全面的网页设计与制作的训练和考核。

其基本目的是：（1）培养学生理论联系实际的设计思想，训练综合运用所学的基础理论知识，结合生产实际分析和解决网页设计与制作中问题的能力，从而使基础理论知识得到巩固和加深。

（2）学习掌握网站的一般设计过程和方法。

（3）对学生所学知识的程度进行考核。

二、教学基本要求（1）确定设计网站的主题和风格。

（2）合理设计网站结构图。

（3）根据网站结构图，对各个页面进行布局和样式设计。

（4）完成课程作业报告。

三、课程作业题目具体要求1、网站有一个主题，比如：个人网站、购物网站等；2、每个网站至少包含5个以上的html文件；（网站的首页统一名称为:index.html）3、最后提交两个内容：1)打印纸质报告（具体要求见报告模板）；2)网站源文件。

做完后找老师验收通过后发到****************。

邮件主题上一定要写明：学号+班级+姓名+网页设计与制作第二篇：网页设计与制作课程教学大纲网页设计与制作课程教学大纲1.课程设计的指导思想（一）课程性质1．课程类别：专业选修课2．适应专业：软件工程3．开设学期：第二学期4．学时安排：周学时2＋2，总学时72 5．学分分配：（二）开设目的本课程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。

本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。

通过本课程的学习，让学生了解一定的网络应用基础知识；能够熟练掌握网页制作工具——网页三剑客Dreamweaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图像、网络动画。

具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。

一、实验背景与目的随着互联网技术的飞速发展，网页设计已成为现代信息传播的重要手段。

为了提高我的网页设计能力，掌握网页制作的相关技术，我参加了本次网页设计实验实训。

本次实验旨在通过实际操作，熟悉和掌握网页设计的基本技巧，培养我的网页制作能力，并提升我的审美和创新能力。

二、实验内容与要求本次实验要求设计并制作一个由多个网页组成的小型网站，具体要求如下：1. 主题选择：选择一个积极、健康的主题，不得从网络上下载任何素材。

2. 站点构建：构建本地站点，创建站点目录，并对各种文件进行分类存放。

3. 文件命名：文件命名需科学合理，确保易于管理和查找。

4. 页面数量：网站不少于10个页面，内容大小不超过20M。

5. 布局设计：采用表格布局，确保页面结构清晰，布局合理。

6. 样式技术：引入CSS样式表技术，美化页面，提高用户体验。

7. 链接正确性：确保超级链接的正确性，方便用户浏览。

8. 多媒体元素：添加动画、音频、视频等多媒体元素，丰富页面内容。

9. 栏目设计：设计合理的栏目，使页面内容充实，图文并茂。

10. 动态效果：使用动态页面效果，如时间轴动画、弹出信息、弹出菜单等。

11. 技术运用：根据个人能力和兴趣，可使用数据库、ASP、JSP、PHP等网页技术。

三、实验步骤1. 需求分析：确定网站主题，明确用户需求，进行初步的网站规划。

2. 界面设计：根据需求分析，设计网站的整体界面，包括页面布局、色彩搭配、字体选择等。

3. 页面制作：使用HTML、CSS、JavaScript等前端技术制作网页，实现页面布局和样式。

4. 内容填充：收集整理相关素材，填充网页内容，包括文字、图片、音频、视频等。

5. 功能实现：使用JavaScript、AJAX等技术实现页面动态效果和交互功能。

6. 测试与优化：对网站进行测试，修复错误，优化性能，确保网站稳定运行。

7. 上传发布：将网站上传至服务器，进行线上测试，确保网站可正常访问。

附件《网页设计》大型作业任务书大型作业：***个人网站设计与开发一、大型作业基本要求•地点：S1310•时间：第十三、十四周•考勤：所有学生必须按教师要求上课考勤，准时到机房进行设计，有事必须办理请假，在上机时间不能做与网页设计大型作业无关的事情，更不可以玩游戏。

•分组情况 : 每组一人。

二、内容要求***个人网站（1人/组）内容如下：•个人简介：•个人相册:•音乐影视:•学习园地:•个人作品:说明：导航信息的子栏目不再具体指定，根据个人情况不同自定内容。

三、技术要求•要为网站设计（或仿制）一个 LOGO图标。

•要使用一个 banner图片，最好是Flash。

•所有的页面使用同一个 css 文件。

•要用下拉式导航菜单。

四、质量要求必须在本周五之前按要求完成，网站页面数量在10个以上，页面质量符合课堂所讲内容要求，页面美观大方。

如不符合要求者按不合格处理。

前言对于现在的社会，科技的飞速发展已经成为社会发展的标志。

其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。

计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。

不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。

但是什么为这所有的一切提供平台的呢。

我们又是通过什么来获取这些消息的呢——对就是网页。

现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。

在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。

网页是我们在网络上的“带言人”。

我们将什么样的信息传达给浏览者，要讲述什么要的事情，网页在这里起着重用的作用。

网页设计(sheji)是伴随着网络的快速发展而快速兴起. 由于人们使用网络的频繁而网页作为上网的主要依托就变得非常的重要。

《网页设计》综合训练任务书一、设计目的通过设计并制作符合要求的静态网站，使学生深入理解相关的理论知识，熟练掌握网页设计的技巧。

1.通过网站的设计、规划，培养学生进行方案设计的能力。

2.通过在互联网上收集、加工各种类型的素材，提高学生查阅文献和获取资料的能力。

3.通过网页的制作，使学生熟练掌握Dreamweaver、Photoshop等软件的操作和应用。

4.通过编写综训设计报告，提高学生撰写技术文档的能力。

5.通过团队合作，培养学生的沟通和协调合作能力。

二、设计题目1.体育运动主题网站2.影视综艺主题网站3.艺术设计主题网站4.语言文学主题网站5.历史哲学主题网站6.法律法规主题网站7.金融财经主题网站8.公益环保主题网站9.旅游度假主题网站10.自定义题目三、设计要求1.网页设计要求一组一题，每组人数不能超过2人，每题之间不得有雷同现象。

2.每个网站以index.作为主页。

站点的栏目必须多于5个，总页面不少于40个。

注意：不能利用已有模板生成网页。

3.适当地使用表格、框架或层进行网页布局，运用网页特效和CSS样式以美化网页。

4.网页中要插入图片、flash动画、声音等多媒体元素，要求使用Photoshop对图像进行简单处理。

5.在网站建设中体现以下特点：具有相同版面结构的页面要制作成模板，相同的元素制作成库，使用行为实现与用户的交互。

6.网站文件结构和网页层次结构要清晰，确保各网页之间链接流畅。

7.设计结束时，每人须上交所有的HTML文档和素材，并且提交设计报告。

设计报告要求在1000字左右，报告内容应有设计题目、需求分析、设计制作方案及关键制作技术等内容，无设计报告者不予评定成绩。

四、设计步骤安排。

网站设计任务书
主题：“我美丽的家乡--清远”
课程名称：网页设计与制作
学号
姓名：
班级：
一、基本素材的收集
1、网页背景：用ps 处理图片。

2、flash：自已制作或下载。

3、风景图片：在百度图片下载，后根据网页制作需要，用ps处理。

二、网站的基本结构介绍
网站栏目
※首页：主要介绍家乡的基本信息；
※美食广场：主要介绍家乡的特色美食；
※著名人物：主要介绍了家乡著名人物；
※家乡特色：主要介绍家乡特产及公厕文化；
※名胜古迹：主要介绍家乡的旅游景点。

网站目录结构
一级页面页面部局（举例）
二级页面页面布局（举例）
三、设计要求
1、网页设计要求每人一题，设计要求独立完成。

2、每个网站以index.htm作为主页。

站点的栏目必须多于5个，总页面不
少于10个。

3、适当地使用表格、框架或层进行网页布局，运用网页特效和CSS样式以
美化网页。

4、网页中要插入图片、flash动画（声音、视频：根据需要而定）等多媒
体元素，要求使用Photoshop对图像进行简单处理。

要自己设计一个LOGO。

5.网站文件结构和网页层次结构要清晰，确保各网页之间链接流畅。

为不
同的栏目或板块设立单独的子目录，在网站的根目录和子目录下有自己的图片保存文件夹：Images
欢迎您的下载，
资料仅供参考！
致力为企业和个人提供合同协议，策划案计划书，学习资料等
等
打造全网一站式需求。