《网页设计与制作》任务书
网页设计与制作
南阳理工学院网页设计与制作课程设计题目：网页设计与制作专业：系别：班级：姓名：学号：指导教师：20 年月日网页设计与制作课程设计任务书一、题目：HTML语言＋DIV＋CSS网站布局设计二、目的要求：2.1目的1、了解网页设计基础知识，熟悉网页设计与制作的流程及方法。
2、掌握网站发布的方法。
3、熟练掌握HTML语言，学会利用CSS样式设计网页,掌握用CSS+DIV制作标准化网页。
2.2要求做一个个人网站，介绍自己的基本情况。
要求用html+div+css布局设计。
每个页面要求内容、结构、表现相分离。
CSS样式表可以用内部样式表和外部样式表，但不能用行内样式表。
所有与表现相关的全部用CSS实现。
网站要有名称，名称自定，有logo图片，与网站标语，首页的页脚处要加入版权信息。
在网站中单独做一个页面，页面中包含一个调查表，设计内容为别人对你的网站的评价。
网站目录结构合理，图片放images文件、音乐或歌曲放入music文件夹等，没有中文和其他特殊字符的文件夹名称或网页文件名。
有网站导航菜单，用列表实现。
网站的栏目应该有：首页、我的家乡、我的大学、关于我、联系方式、网站调查表，如有其他栏目自己增加。
每个栏目都要有单独的页面。
站点至少要有二层结构，页面数不得少于5页。
首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。
主页文件名应该使用index.htm或index.html。
其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。
要仔细考虑网站定位。
分析面向的潜在访客群体的需求特点，选择内容和版式。
网站主题突出、内容丰富。
网站风格统一，设计适合于主题的LOGO。
各页面设计合理、美观，有创意。
不要太花哨或太孩子气。
要有网页平面设计过程，不要只是各种元素的随意拼凑。
各个页面之间的链接要合理有效，路径要正确（相对路径）。
页面制作要简洁、大方、美观、实用。
绝对禁止相互抄袭，一经发现，成绩均为0分。
《网页设计与制作》课程实验指导书
XXX学院男生宿舍X号楼综合布线系统设计方案设计单位：设计指导：宿舍布线系统的设计一、综述A.布线系统将贯穿雨1~5楼的各个平面。
主要为语音、数据、图像等系统信号提供高性能传输路由。
B.作为一个综合性的线路平台，应具有一定的兼容性和开放性，可满足各类通讯及计算机等传输需要和网络结构，提供一个标准化、高带宽、低成本的网络环境。
C.系统应具有开放的模块化结构，可灵活地进行资源分配，线路管理、变更和扩展。
D.系统应提供一个安全、有序。
便于管理的设备安装及连接环境，可快捷简便地进行系统安装和运行。
E.在充分考虑目前应用情况下，以高起点和适度超前的原则来规划本系统。
为各种高性能应用踢狗充足的传输带宽，为日后系统的升级提供充足的空间。
F.宿舍楼基本情况：楼层面积约为16*9米，且已有中国移动和中国电信的无线网络热点分布。
二、具体布置系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。
1.工作区子系统。
工作区子系统是由学生信息插座到计算机网络的连接线缆。
学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公那样难以布置，因室内床位布置均已确定，很容易确定其数据端口的位置。
日前宿舍布置一般为上铺居住，床铺下设置学习书桌，因此数据端安装在书桌下，高度为0．3 m。
应根据校方的要求，选择数据端口的安装数量。
对于要求较高的，每个学生书桌下方设置一个数据端口，房间内公共部位设置一个电话端『_J。
要求较低的，可每两个同学共用一个数据端口，然后采用交换机分别接引至电脑。
其优点是减少了水平引来线路和保护管线(槽)，缺点是影响网络速度，需自加分配没备。
除考虑数据端r]的位置外，还需相应布置供电电源插座，间距应为0．2 m。
2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成，它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。
网站设计任务书
网站设计任务书主题：“我美丽的家乡”课程名称：网页设计与制作学号姓名：班级：指导教师：提交日期：学期：一、网络平台的选择本网站采用静态网页平台，原因如下：第一、速度，对于速度而说，静态页面比动态好，因为静态页面是实实在在存在于服务器上的页面。
在用户向服务器发出请求时，可以直接直接调用。
然而动态，其实是一个动态页面，只是用一个技术或手段，请动态页面中的“？”等一些符号用蜘蛛可以很内容识别出来的字母给代替了。
所以像这种静态页面，要向服务器发出请求时，还要多出一个功能就是转化功能，如何同时请求过多，会加大服务器的负荷。
第二、容量，对于容量而言，因为静态页面是实实在在存在于服务器中，因此会占用一定的空间，如何文件过多，占用的空间就多。
然而动态就可以避免这一点，因为伪静态是将动态的URL 给转换成静态，实际在服务器上是不存在的。
第三、搜索引擎友好性。
对于静态URL页面，实实在在存在于服务器上，当搜索引擎收录之后，URL是不会改变的，哪有用户访问时，也不会出问题。
然而如果是动态页面，服务器伪静态组件不出问题，这个URL就没有问题，如何动态组件出问题了，哪么当搜索引擎收录这个URL就会出错，如果出现错误过多，会让搜索引擎讨厌你网站，所以在试用动态页面时，动态组件，一定不要出错。
二、基本素材的收集1、网页背景：用ps 做出的9╳9像素的图片。
2、flash：flash由软件swftext制作。
3、风景图片：在百度图片下载，后根据网页制作需要，用ps处理。
44三、网站的基本结构介绍网站栏目※首页：主要介绍家乡的基本信息；※美食广场：主要介绍家乡的特色美食；※着名人物：主要介绍了家乡着名人物；※家乡特色：主要介绍家乡特产及公厕文化；※名胜古迹：主要介绍家乡的旅游景点。
网站目录结构一级页面页面部局一、首页面分为一行三列，第一列介绍临汾概况，中间是flash”古城临汾欢迎您”，中间下方为一个字幕“我美丽的家乡—临汾”，最右边是一个交互式按钮，用于连接到首页。
《网页设计》大作业设计说明书
《网页设计与制作工程实训》大作业选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________班级：__软件工程081班______________学号：__8000108025________________南昌大学软件学院2010.元设计说明书:一．选题的分析1.我是怎么想到做女性网站的？作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。
想来想去，还是没有中意的方案。
可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。
不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。
终于得到了一个让我满意的方案，很开心。
可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。
当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。
首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。
其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。
2.我要表达什么内容，如何展开设计？打定主意便开始设计。
这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。
为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。
而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。
女性最关注的是什么呢？是她们的感情与魅力。
Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。
购物频道能让满足女性爱买东西的天性。
我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。
《网页设计与制作》任务书
《网页设计与开发》任务书一、课程设计安排1、设计目的：通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具，加深对课堂教学的理解。
培养学生的实验技能、动手能力和分析问题、解决问题的能力。
2、设计目标：目标是衡量学生是否取得效果的重要标志，这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。
3、设计内容：⏹每位同学根据自己的兴趣爱好或专长，确定一个网站主题，并独立完成该网站的制作；⏹确定的网站主题应大小适中、内容健康、具有时代气息，根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；⏹根据确定的网站整体风格和特色进行网页设计，包括网页的页面尺寸、LOGO、导航样式、图像、背景等等；⏹利用Dreamweaver或其他网页制作软件完成页面的制作；⏹测试完成整个网站，并实现发布。
二、课程设计主题内容可以从下主题题目中任选一个完成，也可以根据自己爱好和能力进行自己选题设计。
1、体育运动主题网站2、影视综艺主题网站3、学院或班级主题网站4、个人主题网站5、历史哲学主题网站6、音乐主题网站7、游戏主题网站8、公益环保主题网站9、旅游休闲主题网站10、学习辅导类主题网站11、自定义题目每个主题具体要包含以下内容细节1．设计用户注册和登录界面（主要是界面的设计，不考虑动态的设计）。
2．利用样式和Menu控件设计导航栏。
3．利用CSS+DIV设计一个主页的布局。
4．利用多媒体工具为页面设计几个插图、logo和flash动画。
5．设计几个内置框架的应用。
6．设计几个二级页面。
三、设计要求1、网页设计要求每人一题，设计要求独立完成。
《网页设计与制作》课程实训指导书
《网页设计与制作》课程实训指导书一、实训目的本次实训给学生提供了深入学习的资料和信息，紧紧围绕网站设计流程：规划、设计、开发、发布、维护来进行网站的开发，模仿并设计制作出相关的网站。
以此作为学生学习这门课程的阶段性ao总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），训练学生掌握计算机操作技术，运用计算机技术进行数据处理分析。
二、实训任务通过对网站的设计，使学生熟练应用网站设计软件，使学生网站建设有一个综合系统的掌握。
在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。
1．网站策划1）画出网站结构草图。
2）确定栏目。
3）进行版面设计。
分为首页设计和二级页面的设计，清楚在页面上分别要放置哪些内容4）搜集素材。
如相关文字录入，图片素材，班级相片等等。
2．制作网页。
1）建立站点。
例如：命名为webfile,网站的结构如下：2）进行主页的设计。
要求主页中包含一个自己完成的Flash。
3）进行其他页面的设计。
4）建立几个页面间的链接关系。
3．测试网站4．作品提交与评分三、实训计划四、实训环境计算机上要求安装有Dreamweaver、Flash、photoshop等软件。
计算机与互联网相连，以便学生能够浏览优秀网站，搜集相关素材等。
五、实训过程（含步骤）1. 确定目标通过网络就某个专题搜索资料，题材不限，要求有个人特色、新颖和有吸引力，并对网站作简单的介绍如主题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？参考专题：对计算机基础教育的看法，互动式教学的方式，网上论坛，QQ聊天论述等。
也可以是其它的有兴趣的专题如：文学、历史、科技、体育、旅游、生活、时尚等。
参考选题：班级主页，动漫，个人主页，求职简历，电子商务网站，花卉网站，学习网站……2. 选择目标用户确定了站点实现的目标之后，需要确定站点的浏览客户。
《网页设计与制作实训》项目指导书
《网页设计与制作实训》指导书一、实训目的与要求网页设计与制作是实践性很强的课程，学生必须通过不断上机实习以及使用它来解决实际的问题，才能更好地掌握。
因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、实训内容1.实例实训让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、实训材料准备1.软件准备Dreamweaver MX中文版/英文版、PhotoShop6.0以上版本、Fireworks MX以上版本、FlashMX2004 中文版。
2.硬件准备网络条件：与因特网连接的局域网。
教师用机：Windows2000 Server版。
学生用机：Windows2000 Professional版。
四、考核办法1.见《网页设计与制作实训》项目描述书目录实训一基本知识回顾 (1)实训二实训作品的站点规划 (4)实训三整体布局设计 (5)实训四搜集和创建资源 (8)实训五页面素材设计 (9)实训六样式设计 (10)实训七特效设计 (11)实训八首页模板设计 (12)实训九二级页面模板设计 (13)实训十各页面的细化、测试和上传作品 (14)实训十一总结 (16)附录一网站规划书书写格式 (17)附录二搭建本地站点 (19)附录三CUTEFTP使用说明 (22)实训一基本知识回顾一、实训目的和要求温习一学期的课程重点难点，使学生对一学期Dreamweaver MX 各方面的操作知识系统的由“片”的认识转向“面”的认识。
二、实训内容Dreamweaver MX的基本操作：站点、表格、图像、链接、框架等。
（完整版）《网页设计与制作》课程教学大纲.docx
（完整版）《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 4 学分总学时72学时，理论36 学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017 年杨松主编：《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。
全书共10 章，分为 3 大部分。
前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求以Dreamweaver 的使用为主线，介绍网页制作的相关技术。
使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
《网页设计与制作》课程设计任务书(2011-2012-2)
《网页设计与网站建设》课程设计课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与网站建设》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。
一、课程设计任务针对计算机各专业岗位技能要求，进行网页设计与网站建设项目工作，培养学生计算机操作的能力和用计算机设计网站的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。
二、课程设计目的课程设计总的目的在于加深对网页设计与网站建设的基本知识的理解，网页设计与网站建设技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与网站建设开发流程和开发方法。
具体的课程设计应达到以下目的：1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。
2．在实际的项目任务中培养网页设计方面的素养。
3．在实际的项目任务中使学生网页编程和制作的能力得到提高。
4．培养学生团队协作和人际交往方面的能力。
5. 培养相关知识和技能的综合应用能力。
三、课程设计的要求《网页设计与网站建设》的课程设计课题选择应从专业网站建设的实际出发。
具体要求如下：1. 自选主题，主题内容要合法、健康、实用。
2. 学生是课程设计环节的主体，教师只起辅助引导、协调作用。
3. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。
首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。
主页文件名应该使用index。
其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。
网页设计与制作说明书
设计目的：我们这一学期学习了网页设计与制作的相关知识，同时也有相关数据库的知识，在此基础上，我们现在要做一个网站，当然就是要有一个精美的网页。
在此次网页设计中，我们要能更加的了解Dreamweaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页和动态网页的区别。
诚然，次此设计的医药网上销售系统的网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好相关知识与技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
使用工具和数据库：主要的使用工具有：Dreamweaver 、Javascript、IIS和Access.而在此次设计中主要用到Dreamweaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图象和图文混排和外部图象的编辑等功能。
第二个主要工具就是IIS。
系统不会默认安装IIS，但是我们可以通过"控制面板"中的"添加/删除程序"对话框添加。
安装IIS应通过使用控制面板的"添加/删除程序"对话框，可以安装IIS、添加可选组件或者删除可选组件来实现。
安装时，IIS 安装诸如通用文件、文档以及Internet信息服务管理单元等可选组件。
您可以选择不安装可选组件，但是如果不选择某些组件，可能会降低IIS功能或禁用IIS 服务。
如果您不熟悉可选组件以及这些组件如何影响IIS，请使用默认设置安装IIS。
安装结束后，可以阅读IIS联机文档中的"安装IIS可选组件"，以便获取更多信息。
如果在安装了IIS后如果Web浏览器返回"找不到服务器"错误或"无法显示该页"错误，则你可以使用命令进行测试：名称解析服务器将IIS Web 服务器的名称解析为其IP 地址，服务器响应远程计算机的网络请求。
《网页设计与制作》实践大纲和实习指导书[1]
![《网页设计与制作》实践大纲和实习指导书[1]](https://img.taocdn.com/s3/m/8c48d8e55ef7ba0d4a733be0.png)
《网页设计与制作》实践大纲《网页设计与制作》实习指导书【实验简介】掌握使用HTML 代码、熟练运用Dreamweaver 设计网页；利用Fireworks 图片处理；利用Flash 制作动画。
【实验目标】通过实验，使学生能进行WEB 站点网页的规划、设计、制作、管理与维护。
【学时数】32 学时【学时分配】实验项目一网页的创建及其基本结构【实验目的】使学生了解用HTML 创建网页的过程，掌握HTML 文档的结构及基本标记的使用。
【实验内容】1 ．使用文本编辑软件（如Window 的记事本）编辑、修改HTML 文件；2 ．利用IE 浏览器显示效果。
3 ．制作“个人简介”的简单网页；实验项目二HTML 的常用标签【实验目的】使学生掌握字体、字更进一步型、字号、颜色的设置，掌握段落的控制以及链接的标签和图像标签。
【实验内容】1 ．字体标志的使用2 ．理解书签超级链接的意义，target 属性不同取值对应的含义。
3 ．掌握图像的标签4 ．对“个人简介”的网页进行美化实验项目三HTML 常用标签2【实验目的】掌握表格的制作，掌握综合性表单的制作和跑马灯动态网页效果设计，掌握框架的使用【实验内容】1 ．使用表格组织数据2 ．使用表单标签建立注册信息3 ．用环绕标签制作跑马灯效果4 ．用框架标签布局网页5 ．使用内框架。
实验项目四Dreamweaver 站点管理和建立简单的网站【实验目的】使学生掌握Dreamweaver 的基本使用方法，并利用Dreamweaver 工具制作一个比较完整的网页。
【实验内容】1 ．建立本地站点，题材自选。
主页上要求有导航栏，文字、图像以及站点的广告图像（用鼠标经过图像来制作）。
2 ．主页下创建三个子页，要求子页上面有内容列表、水平线，日期，并利用属性页面设置这些对象的属性。
3 ．用多种超链接方式完成站点地图的创建。
4 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。
《网页设计与制作》计划书
《网页设计与制作综合实训》计划书一、课程实训目的在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《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个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。
2.显示环境：网页视觉效果应采用Internet Explorer 6.0以上版本浏览器，显示分辨率以1024×768状态为准。
3.网页规模：网页总量原则上不应超过10M，且必须要是不连接互联网就可以进行展示的作品。
4.网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。
5.要求页面美观大方、颜色搭配协调；作品留存，下学期或下一阶段继续完善、开发。
网页设计课程设计任务书
网页设计课程设计任务书一、课程目标知识目标：1. 了解网页设计的基本概念，掌握HTML、CSS等网页制作语言的基础知识；2. 学习网页布局、色彩搭配、字体选用等设计原则，提高网页审美能力；3. 掌握网页设计的流程和常用工具，了解网站发布与维护的基本方法。
技能目标：1. 能够运用HTML、CSS编写简单的网页代码，实现静态网页的设计与制作；2. 能够运用设计原则，进行网页布局、色彩搭配和字体选用，提高网页视觉效果；3. 能够使用网页设计工具，如Dreamweaver、Photoshop等，进行网页设计与制作；4. 能够独立完成一个简单网站的设计、制作与发布。
情感态度价值观目标：1. 培养学生对网页设计的兴趣，激发创新意识和实践能力；2. 培养学生团队协作精神，提高沟通与表达能力；3. 增强学生对网络信息的认识，提高网络安全意识。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和创新能力。
学生特点：初中生，具有一定的计算机操作基础，好奇心强，喜欢探索新事物。
教学要求：结合学生特点，以实践操作为主，理论讲解为辅，注重培养学生的实际操作能力和创新精神。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. 网页设计基础知识：- 网页设计基本概念与分类- 网页设计的发展历程与趋势- 网页制作相关技术简介（HTML、CSS、JavaScript等）2. 网页设计与制作：- 网页布局设计原则（如：页面结构、导航栏设计等）- 色彩搭配与字体选用- 网页图片处理与优化- HTML、CSS基本语法与运用- 网页动画与交互效果实现3. 网页设计工具与技巧：- 常用网页设计工具介绍（如：Dreamweaver、Photoshop等）- 网页设计技巧与实践（如：切图、布局、响应式设计等）4. 网站发布与维护：- 网站域名与空间选择- 网站发布与上传方法- 网站维护与更新策略教学大纲安排与进度：第一周：网页设计基础知识学习第二周：网页设计与制作（一）第三周：网页设计与制作（二）第四周：网页设计工具与技巧第五周：网站发布与维护第六周：综合实践与作品展示教学内容与教材关联性：本教学内容紧密结合教材，按照教材章节顺序进行教学，确保学生能够系统地掌握网页设计相关知识。
(完整word版)网页设计实训任务书
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等）熟练制作网页。
01-网页设计与制作课程设计任务书
网页设计与网站建设实训课程设计任务书适用专业：计算机科学与技术（网络工程方向/软件设计方向）【课程设计目标】本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。
从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。
【课程设计基本要求】通过本课程设计的学习与实践，学生要达到以下基本要求：1.了解网站建设流程，学会设计和制作网站。
2.能够使用相关工具熟练制作网页。
3.尽量运用业界默认的网站开发规范，努力使自己的站点专业化。
4.根据教学案例库与教师指导能够够独立完成整个网站项目。
5.按要求编写课程设计报告书，能正确阐述设计和实验结果。
6.学生必须明确设计目的和任务，端正学习态度，遵守纪律。
遵守操作规程，注意操作安全，通过课程设计培养学生严谨的科学态度，认真的工作作风和团队协作精神。
7.在老师的指导下，要求每个学生独立完成课程设计的全部内容，并独立完成课程设计报告，如发现抄袭行为，双方均以不及格处理。
【课程设计实验内容】课程设计网站有以下几点基本要求，要求每个同学在作品中都要合理地体现出来。
1、要求站点最少20个网页以上。
2、网页内容必须包括以下内容：(1)：文字，图片，链接，框架，表单等(2)：图片：鼠标经过图像、多图片随机显示、视频及flash文件(.swf)、flash文件需要自己制作，在flash文件上要标明自己的学号和姓名。
(3)：链接：空链接、下载链接、页内链接、邮件链接。
(4)：框架：浮动框架。
(5)：表单：表单项要十项不同以上，需要检查表单进弹出中文提示。
(6)：CSS：文字、图片、表格、表单的CSS效果、同时需要自己从网上下载一个CSS代码应用到网页中。
网页设计与制作课程作业任务书
网页设计与制作课程作业任务书第一篇：网页设计与制作课程作业任务书广新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 在主页制作中插入文本操作实训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、设置网页的页面属性。
网页制作课程设计任务书
《Internet与网页设计》课程设计任务书一、课程设计目标通过该实训综合应用本学期所学的网页制作知识，全面帮助学生建立对网站的认知；建立网页制作与网站设计的基本思想；学会网页制作和网站设计的基本方法，掌握网页制作与网站设计相关软件的使用方法, 包括Adobe Photoshop，Macromedia DreamWeaver MX，Macr omedia Flash MX，Macromedia FireWorks MX等；亲自实践网页制作与网站设计的基本方法。
能够运用网页制作与网站设计的基本方法制作作品；解决一些实际应用的问题并以此为基础进一步扩展到相关的学科上；通过本课程提高网页的审美意识，注重日常经验积累。
二、设计要求1．本课程设计分小组进行，各小组成员原则上不得超过3人,有小组长协调分工,每个组员充分发挥团队协作精神。
2．确定的网站主题应大小适中、内容健康、具有时代气息；网站提供的信息应与网站主题相符合, 主题突出、内容丰富；3. 各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色；4．网站结构应层次分明，风格统一，网站结构不少于3层，总网页文件数不少于10个，各个页面之间的链接要合理有效。
5．作品中不允许出现广告、链接错误、图片不显示、网页打开超慢等错误。
6．网站中需要运用表格、框架、模版、行为等技术；必须包含一页类似留言板功能的表单技术；使用一个动画；利用CSS来定义网站的样式表；网页要有落款、版权说明。
7．站点设计合理、管理有序、无多余文件和文件夹、大小合适；作品总文件大小不超过5MB，图片网站不超过10MB。
8．对课程设计进行总结，撰写课程设计报告；以下是站点参考示意图（参考）：三、设计流程本课程设计要求学生完成一个小型网站的制作：1．每个小组的学生根据自己的兴趣爱好或专长，确定一个网站主题；2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；3．自行设计确定网站的整体结构；4．自行设计各级网页的风格；包括色彩方案：主色调、次色调；布局方案：导航和其他网页内容的位置；6．利用Dreamweaver、Adobe Photoshop、FireWorks MX 等网页制作软件设计制作各个页面；7．测试完成的网站，撰写课程设计报告。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与开发》任务书
一、课程设计安排
1、设计目的：
通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具，加深对课堂教学的理解。
培养学生的实验技能、动手能力和分析问题、解决问题的能力。
2、设计目标：
目标是衡量学生是否取得效果的重要标志，这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。
3、设计内容：
⏹每位同学根据自己的兴趣爱好或专长，确定一个网站主题，并独
立完成该网站的制作；
⏹确定的网站主题应大小适中、内容健康、具有时代气息，根据确
定的网站主题，通过各种途径收集、整理、加工网站所需要的信
息；
⏹根据确定的网站整体风格和特色进行网页设计，包括网页的页面
尺寸、LOGO、导航样式、图像、背景等等；
⏹利用Dreamweaver或其他网页制作软件完成页面的制作；
测试完成整个网站，并实现发布。
二、课程设计主题内容
可以从下主题题目中任选一个完成，也可以根据自己爱好和能力进行自己选题设计。
1、体育运动主题网站
2、影视综艺主题网站
3、学院或班级主题网站
4、个人主题网站
5、历史哲学主题网站
6、音乐主题网站
7、游戏主题网站
8、公益环保主题网站
9、旅游休闲主题网站
10、学习辅导类主题网站
11、自定义题目
每个主题具体要包含以下内容细节
1．设计用户注册和登录界面（主要是界面的设计，不考虑动
态的设计）。
2．利用样式和Menu控件设计导航栏。
3．利用CSS+DIV设计一个主页的布局。
4．利用多媒体工具为页面设计几个插图、logo和flash动画。
5．设计几个内置框架的应用。
6．设计几个二级页面。
三、设计要求
1、网页设计要求每人一题，设计要求独立完成。
2、每个网站以index.htm作为主页。
站点的栏目必须多于5个，总页面不少于10个。
3、适当地使用表格、框架或层进行网页布局，运用网页特效和CSS样式以美化网页。
4、网页中要插入图片、flash动画（声音、视频：根据需要而定）等多媒体元素，要求使用Photoshop对图像进行简单处理。
要自己设计一个LOGO。
5.网站文件结构和网页层次结构要清晰，确保各网页之间链接流畅。
为
不同的栏目或板块设立单独的子目录，在网站的根目录和子目录下有自己的图片保存文件夹：Images
6、设计结束时，每人须上交所有的HTML文档和素材，并且提交设计
报告。
设计报告要求在1500字左右，报告内容应有设计题目、需求分析、设计制作方案及关键制作技术等内容，无设计报告者不予评定成绩。
四、设计步骤安排
五、评分标准
采用个人演示与评阅设计报告相结合的方式，成果、报告合计占80%，
个人演示、答辩成绩占20%。
答辩由网站设计目标说明、网站关键技术说明和设计体会等部分组成，老师针对提问，学生回答。
2012年6月8日。