2-网页设计大作业word模板
网页设计大作业要求
《网页设计与制作》期末课程设计要求一、具体要求1、主题（5分）网站主题自定，内容健康，个性突出，主题明确。
2、名称（logo）（10分）名称要体现网站主题，要正气、易记、有特色，根据主题特色设计网站标志。
3、内容（20分）要求内容较丰富，紧扣主题，积极向上，对用户有一定吸引力；不能有反动、暴力等不道德、不健康的内容，具有一定的艺术性、趣味性和知识性。
4、网站的栏目版块及功能（20分）a)要有导航栏。
b)不少于3个栏目，每个栏目不少于3个页面；超级链接的结点点通率100%；c)网页中必须有原创元素，包括PS图片、Flash动画，提交时将源文件（如.psd，.fla）一起提交。
d)网页底部必须有作者的姓名、电子邮件、地址等联系信息。
5、界面风格、创意（10分）显示分辨率以800*600为显示标准。
页面整体美观，界面清楚、整洁，使用布局、色彩、图案、标志、文字、声音、视频、动画、样式、版权等符合主题、搭配协调、前后统一。
页面布局要合理，美观、易扩充，疏密要得当，浏览和查询方便，页面导航方便、快捷。
6、网站的文件结构（15分）a)目录层次：不要将所有文件都存放在根目录下；按栏目内容建立子目录；目录的层次不要太多，建议不要超过3层。
b)文件命名要求：网页首页文件名为index.html；网页中的各种文件夹和文件名均使用小写英文字母和阿拉伯数字组合，不得使用中文、标点符号或其他特殊字符；名字不要太长，尽量做到“见名知意”。
c)合理使用文件音频、视频等文件使用合理，不要滥用，应注意其文件大小，以防影响浏览速度；不含与网页无关的文件。
d)整个网站包括主页不少于10个页面，网站总大小不得超过3M。
7、技术性（20分）网站中必须使用到的技术（知识点）：a)布局b)模板c)CSS样式d)超链接二、网页制作报告要求（以书面和电子文档形式与网站一同上交）1.大作业文档的主要内容包括（设计目的，开发环境，系统功能结构图，主要界面和实现代码，心得体会及设计总结），见大作业模板文档。
《网页设计》大作业设计说明书
《网页设计与制作工程实训》大作业选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________班级：__软件工程081班______________学号：__8000108025________________南昌大学软件学院2010.元设计说明书:一．选题的分析1.我是怎么想到做女性网站的？作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。
想来想去，还是没有中意的方案。
可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。
不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。
终于得到了一个让我满意的方案，很开心。
可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。
当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。
首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。
其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。
2.我要表达什么内容，如何展开设计？打定主意便开始设计。
这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。
为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。
而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。
女性最关注的是什么呢？是她们的感情与魅力。
Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。
购物频道能让满足女性爱买东西的天性。
我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。
web期末设计大作业经典作品
网站开发技术课程设计报告题目：兄弟依旧专业：班级：学号：姓名：老师：成绩：_____________________一、网站设计要求✧站点题目：自定✧具体内容自行设计；✧具体要求：按照Fireworks作效果图—〉切图—〉页面布局的过程进行；须提交完整的Fireworks页面效果图；必须用CSS+DIV页面布局；页面中必须包含JavaScript编程；页面中必须包含Flash动画（须提交Flash源文件.fla）；二、信息等相关素材收集基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。
并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。
三、个人网站的总体规划和步骤1、设计的目的又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。
为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。
还有此刻的美丽,以及无限的未来向往。
2、设计布局在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。
写满了对大学四年的怀念图片。
网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。
最后一个网站的右下角是主题介绍的大学毕业的微电影链接。
3、网站具体设计过程首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3再次设计核心内容，页面采用CSS+DIV布局，最外层DIV为框架，其内，右上角为一embed标签，在页面中嵌入一音乐文档，接着在其下方用java script编写并用DIV设置其图片表现形式。
且左上角DIV插入一Flash主题动画，然后下方插入一DIV，用来说明用户登录、注册等问题。
《四、用模板制作网页》作业设计方案-高中信息技术人教版选修3
《用模板制作网页》作业设计方案（第一课时）一、作业目标本作业设计的目标是使学生掌握使用模板制作网页的基本方法，理解网页的构成元素和布局设计，能够独立运用模板工具创建简单的网页，并培养学生的创新思维和实际操作能力。
二、作业内容作业内容主要包括以下几个部分：1. 网页模板的下载与安装：指导学生下载并安装一个简单的网页模板，使其作为基础开始学习网页制作。
2. 了解模板结构：分析并介绍模板中的各个组成部分，如页头、导航栏、主体内容区、页脚等，使学生明白每个部分的作用。
3. 编辑与调整：学习如何编辑和调整模板中的文字、图片、链接等元素，使网页呈现出个性化的风格。
4. 页面布局设计：学习如何合理布局网页内容，使页面看起来整洁、美观，同时保证内容的可读性。
5. 保存与发布：指导学生将完成的网页保存为HTML格式，并学习如何将网页发布到网络上。
三、作业要求为保证作业质量，提出以下要求：1. 操作规范性：学生应按照步骤规范操作，不遗漏任何环节。
2. 创意性：鼓励学生在制作网页时加入个人创意，如个性化的色彩搭配、独特的页面风格等。
3. 完整性：网页应包含完整的页面结构，包括页头、导航、主体内容和页脚等部分。
4. 美观性：页面布局合理，文字、图片等元素排版美观，符合审美标准。
5. 功能性：链接应正确无误，确保网站的可用性和可访问性。
四、作业评价作业评价将依据以下标准进行：1. 正确性：操作步骤的正确性以及模板使用方法的准确性。
2. 创意性：学生在设计过程中的创新思维和个人特色的展现。
3. 美观度：页面布局和视觉效果的吸引力及审美水平。
4. 技术应用：HTML等技术的运用是否得当和熟练程度。
五、作业反馈作业完成后，教师将对学生的作品进行批改和点评，及时给予反馈。
反馈内容包括但不限于操作过程中的问题、创意的优劣、美工设计的建议以及技术运用的指导等。
同时，鼓励学生之间互相评价作品，交流学习心得，共同进步。
通过作业反馈，帮助学生查漏补缺，提高下一课时的学习效果。
网页制作大作业
网页制作大作业一、大作业要求根据个人意愿，2-3人组成一个小组，围绕一个主题，如企业网站、动漫世界、个人网站、学校网站、家乡网站、娱乐网站等，建立一个网站。
要求内容充实，页面设计合理，图文并茂，界面美观，使用各种网页制作技术来完成网站。
二、评分标准及要求1、主题与站点（共15分）1)主题明确、风格统一、布局合理、结构清晰。
（10分）2)建立站点，图片存放在images文件夹中, 音乐存放在music文件夹，动画、视频存放在movie文件夹。
（5分）2、网页内容及技术(共75分)1)网站首页（index.html）要求包含网站logo，banner,导航栏。
（10分）2)要求至少6个网页内容；（10分）3)其中一个网页为小组各个成员简介,网页中需要插入小组成员照片。
（10分）4)页面布局要求应用表格、DIV+CSS，页面布局合理。
（5分）5)各页面通过超级链接相联系，子页面及父页面方便返回访问，没有空链接和错误链接. （5分）6)使用样式表(css)对各网页元素进行修饰,使各页面风格统一。
（10分）7)在页面中，使用能体现主题内容和风格的文字、图片、表格、音频、视频、动画等各种对象。
（5分）8)应用表单，至少使用文本框、单选框、复选框和按钮，各项应用正常。
（10分）9)网页中部分页面可应用行为，增强网页特效。
（10分）3、网页创意(共10分)页面具有较强的个人设计创意,色彩搭配鲜明,内容布局合理。
三、作业提交要求1. 将站点文件夹压缩，命名为：班级+学号+姓名。
2. 提交压缩包到老师邮箱: 464894318@。
提交后应做好备份，以备教师手中的作品因故无法正常读取时补交。
3.做好作品的著作权保护，如果发现抄袭或者雷同现象，一律评为不及格。
网页制作期末作业模板.doc
网页制作
作业（五）
学院：教育科学与技术学院班级：网络二班
姓名：武鹏飞
学号：100806131234
日期：2012年6月29日
综合网站的开发及其设计方案
一、确定网站主题及风格创意
(1)网站的主题是什么？
网站的主题是：苹果平板电脑网站。
背景颜色主要是橙黄色以及渐变的银灰色，体现电子商务主题。
(2)网站的用户是谁？有哪些功能？
该网站属于商务网站，用户为平板电脑购买者，游客可以浏览到最新的商品以及一些活动，此外还增设了娱乐游戏应用等。
(3)网站的风格定位是什么?
采用平面设计风格，基于一个二维视图来工作的，给人以空灵的意境和透气爽快的感觉。
二、网站功能模块规划
（1）画出站点地图，
（2）画出链接结构图
（3）阐述各模块的布局特点及技术实现
●布局技术
1)该布局分为上中下三个结构，分别插入div（id=zongbu），div
（id=bannerip），div（id=bottom）三个外层。
2)在div（id=zongbu）中继续插入子层，进行排局。
同理，在其他外层当
中插入子层，进行调整达到需求。
●各静态模块的功能特点及内容呈现
通过链接来联通各个子页，以实现其网站的功能，主要功能达到用户很好得购买到理想的商品。
●动态模块的功能实现及技术（包括ASP核心代码的解释）
本网站没有使用其动态功能
三、综合性布局设计（编写故事板）
四、总结
通过这次网页制作的学习，初步能够建立站点以及制作一些简单的网页，重在美工和排版，此外还可以加上行为，使网页动起来，不足之处没能和ASP达到很好的链接，缺失动态效果，以后努力完善。
网页设计大作业代码
body {margin-bottom: 0px;font-family: Verdana;font-size: 10px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;color: #525252;}td, textarea, input, select {font-family: Tahoma;font-size: 10px;color: 964107;font-weight: normal;}.tableDetail {font-size: 10px;font-family: Verdana;color: #49394E;}a:link {color: 432513;font-family: tahoma;font-size: 10px;font-weight: bold;text-decoration: none;}a:hover {color: #7F1D02;font-family: tahoma;font-size: 10px;font-weight: bold;font-style: normal;line-height: normal;font-variant: normal;text-transform: none;border: thin none #FFFFFF;text-decoration: underline; }a:visited {color: 432513;font-family: tahoma;font-size: 10px;font-weight: bold;font-style: normal;text-decoration: none; }.text1 {font-family: tahoma;font-size: 10px;color: 432513;font-weight: bold;}.text2 {font-family: tahoma;font-size: 10px;font-weight: bold;color: 964107;}.text3 {font-family: tahoma;font-size: 10px;font-weight: normal;color: 432513;}.text4 {font-family: tahoma;font-size: 14px;font-weight: bold;color: BF302C;}.text5 {font-family: tahoma;font-size: 10px;font-weight: normal;color: C6C6C6;}.text6 {font-family: tahoma;font-size: 10px;font-weight: bold;color: #FFFFFF;}.text7 {font-family: tahoma;font-size: 10px;font-weight: normal;color: #000000;}.text8 {font-family: tahoma;font-size: 10px;font-weight: normal;color: 94AEC5;}.text9 {font-family: tahoma;font-size: 10px;font-weight: normal;color: 4E4E4E;}.frame {border: 1px solid #A6A6A6; }.designed_by {font-family: Arial;font-size: 8.5px;font-weight: lighter;color: #000000;}a.a:link {font-family: tahoma;font-size: 10px;font-weight: normal;color: 432513;text-decoration: underline; }a.a:hover {font-family: tahoma;font-size: 10px;font-weight: normal;color: #821D01;text-decoration: none;}font-family: tahoma;font-size: 10px;font-weight: normal;color: 432513;text-decoration: underline; }a.b:link {font-family: tahoma;font-size: 10px;font-weight: bold;color: 7C7C7C;text-decoration: none;}a.b:hover {font-family: tahoma;font-size: 10px;font-weight: bold;color: #85B350;text-decoration: underline; }a.b:visited {font-family: tahoma;font-size: 10px;font-weight: bold;color: 7C7C7C;text-decoration: none;}a.c:link {font-family: tahoma;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;}a.c:hover {font-family: tahoma;font-size: 10px;font-weight: bold;color: #000000;text-decoration: none;}font-family: tahoma;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;}a.d:link {font-family: tahoma;font-size: 10px;font-weight: normal;color: #FFFFFF;text-decoration: underline; }a.d:hover {font-family: tahoma;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: underline; }a.d:visited {font-family: tahoma;font-size: 10px;font-weight: normal;color: #FFFFFF;text-decoration: underline; }a.e:link {font-family: tahoma;font-size: 10px;font-weight: bold;color: 944F23;text-decoration: underline; }font-family: tahoma;font-size: 10px;font-weight: bold;color: #4E4E4E;text-decoration: underline; }a.e:visited {font-family: tahoma;font-size: 10px;font-weight: bold;color: 944F23;text-decoration: underline; }a.f:link {font-family: tahoma;font-size: 10px;font-weight: normal;color: 594B13;text-decoration: underline; }a.f:hover {font-family: tahoma;font-size: 10px;font-weight: normal;color: #4E4E4E;text-decoration: underline; }a.f:visited {font-family: tahoma;font-size: 10px;font-weight: normal;color: 594B13;text-decoration: underline; }a.g:link {font-family: tahoma;font-size: 10px;font-weight: bold;color: #000000;text-decoration: underline;}a.g:hover {font-family: tahoma;font-size: 10px;font-weight: bold;color: #FF6600;text-decoration: underline;}a.g:visited {font-family: tahoma;font-size: 10px;font-weight: bold;color: #000000;text-decoration: underline;}.inputstyle {font-family: tahoma;font-size: 10px;font-weight: normal;color: #5F726F;background-color: #E2EDEB;border: 1px solid #333333;}。
《第7节 制作网页》作业设计方案-初中信息技术北师大版八年级上册自编模拟
《制作网页》作业设计方案（第一课时）一、作业目标本次作业旨在帮助学生掌握网页制作的基本知识和技能，了解网页设计的基本原理，学会使用工具软件制作网页，并能够按照要求完成基本的设计任务。
二、作业内容1. 作业主题：个人网站制作2. 作业要求：学生需在规定的时间内完成一个包含标题、首页、内容页、版权页等的个人网站，可以使用各种多媒体素材，如图片、文字、视频等。
3. 作业步骤：（1）确定网站主题和名称；（2）设计首页布局，包括导航栏、标题栏、内容区域等；（3）添加内容，包括文字、图片、视频等多媒体素材；（4）调整页面布局，优化用户体验；（5）添加版权信息。
4. 作业素材提供：提供一些基本的图片、文字、视频等素材，学生可以根据需要自行补充或修改。
三、作业要求1. 作业应以小组为单位完成，每组不超过3人；2. 作业应按时提交，提交方式为电子版文件（如PDF、PPT 等）；3. 作业应包含完整的网站设计说明，包括设计思路、素材来源等；4. 作业应符合网络安全和信息版权的相关规定。
四、作业评价1. 评价标准：评价学生的作业完成情况、创意性、技术性、实用性等方面；2. 评价方式：教师评价和学生互评相结合，教师最终给出综合评价结果；3. 评价结果反馈：对于优秀作品，将在班级内进行展示和表扬，对于存在问题的作品，将给予指导和建议，帮助学生改进和提高。
五、作业反馈1. 学生反馈：学生应就作业完成情况、遇到的问题、收获与体会等方面进行反馈；2. 教师反馈：教师根据学生的作业完成情况、评价结果等方面，给出相应的指导建议和改进措施；3. 作业反馈的利用：根据学生的作业反馈和教师的评价结果，我们将不断优化课程内容和教学方法，以提高教学效果和质量。
同时，也将把这些反馈信息用于课程评估和教学质量改进。
作业设计方案（第二课时）一、作业目标通过本次作业，学生将进一步掌握网页制作的基本技能，包括网页布局、色彩搭配、图片处理、文字排版等，同时提高团队协作和创新能力，为后续的网页制作打下坚实的基础。
网页制作与设计大作业格式
网页制作与设计，实训报告五篇来源：金小燕的日志浙江传媒学院学生实训报告新闻与文化传播学院新闻系广播电视新闻专业 1 班级实训名称[实训一]网页基本图形的制作方法课程名称网页设计与制作主讲教师叶福军辅导教师姓名金小燕年级大二时间2009年4月9日同组者丁梦捷、陈嘉璐、洪萍实训目的掌握Fireworks的基础操作方法。
掌握基本图形的制作方法。
掌握制作按钮、导航条。
掌握制作教师在课程演示的实例。
实验场地现教403实训设备计算机（安装Dreamweaver、Fireworks、Flash软件）实训内容内容与步骤∶一、Fireworks图像编辑技巧之各类工具的使用1. 学习Fireworks中各类工具的使用2. 工具使用技巧（5项基本工具中选做3项）实验要求：根据不同工具的应用技法，设计并生成相应的应用效果图。
自选基本素材，通过某种技法的应用产生不同的效果图：1、选择、移动与裁切工具的使用效果图2、位图绘图和修饰工具的使用效果图3、矢量绘图工具的使用效果图4、文字工具的使用效果图5、其他辅助工具使用效果图二、Fireworks创建动画1. 学习Fireworks中创建简单动画工具的使用2. 工具使用技巧实验要求：1、熟悉帧的基本操作2、制作简单逐帧动画3、补间动画/选择动画1、帧的插入、删除、复制、移动：a 选择“窗口〉帧”命令，打开帧面板b 在帧面板上练习帧的插入、删除、复制、移动c 更改帧的命名d 单击帧面板右上角的三角形按钮，复制多个帧，2、帧中对象的复制、移动a 在帧面板上，选择要复制或移动对象所在的帧,该帧的标签出现蓝色矩形b 按住“Alt”,用鼠标拖动蓝色矩形到目标帧，完成帧中对象的复制c 不按“Alt”,用鼠标拖动蓝色矩形到目标帧，完成帧中对象的移动3、共享层的使用a 建立一个468象素×60象素的图像，并导入一个位图b 输入文字，并按下“Alt”将文字复制对个副本c 将位图对象移动到新层中，单击面板右上角的按钮，选择“共享此层”，共享层上的图层会出现在所有帧中。
网页设计大作业
湖南涉外经济学院《网页设计》期末大作业设计题目：致我们终将逝去的青春学号： 37******院系：文法学院专业班级：汉语言文学1301班指导老师：***日期：2016年7月1日1、页面设计分析我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我想我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。
作为一个网站的首页，其页面应需要简单，明了，给人清晰的感觉。
顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等，其logo可以是一张图片或者文本信息等；页面主体分为两个部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。
页面主体右侧是个人信息以及闺蜜朋友的简单介绍，这些可通过页面顶部导航进入相应页面介绍，底部设有“友情链接”，链接了“百度”、“湖南涉外经济学院”、“360”等。
2、开发环境及软件Windows10，Macromedia Dreamweaver 6，美图秀秀等3、系统结构功能图、页面结构草图3.1系统结构功能图那些年我们一起疯狂的照片（二级页面）那些年我们一起过的明星（二级页面）致我们终将逝去的青春那些年我们一起吃过的美食（二级页面）（一级页面）那些年我们一起见证的青涩女孩（二级页面）那些年我们一起拥有的青春故事（二级页面）那些年我们一起追的狗血剧（二级页面）联系——表单（二级页面）3.2 页面结构草图整个设计过程中都用的了css+div布局，整体为1400宽，600高，用头部、左侧，内容，底部的制作；如下图所示：图1 css+div设计截图4、页面制作过程；4.1 主要界面（1）主页图2 主页截图给出页面(body)的部分CSS 代码如下：body {margin: 0;padding: 0;background: #1B3266;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #181B20;}h1, h2, h3 {margin: 0;padding: 0;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-weight: normal;color: #2483A6;}h1 {font-size: 2em;}h2 {font-size: 2.4em;}h3 {font-size: 1.6em;}p, ul, ol {margin-top: 0;line-height: 180%;}ul, ol {}a {text-decoration: none;color: #2483A6;}a:hover {text-decoration: underline;} img.border {border: 6px solid #EEE7DF;}img.alignleft {float: left;margin-right: 25px;}img.alignright {float: right;}img.aligncenter {margin: 0px auto;}#wrapper {margin: 0 auto;padding: 0;}（2）子页面或二级页面4. 2 页面顶部的制作；顶部没有采用插入图片做背景，而是选择直接在div中加入纯色背景色，并配置“绿舍园艺”字样。
如何使用Word文档进行网页设计和制作
如何使用Word文档进行网页设计和制作一、简介在当今数字化时代，网页设计和制作是非常重要的技能。
Word文档作为一种常见的办公软件，可以提供简单而便捷的工具来进行网页设计和制作。
本文将介绍如何使用Word文档进行网页设计和制作的步骤和技巧。
二、准备工作1. 指定页面大小和方向在Word文档中，选择“页面布局”选项卡，可以设置页面的大小和方向。
通常，网页设计中常用的页面大小是A4和方向是纵向。
2. 设定页面边距根据需要，可以设置页面的边距。
在“页面布局”选项卡中，选择“边距”选项来设定页面的上下左右边距。
3. 选择合适的字体和字号选择适合网页设计的字体和字号非常重要。
在Word文档中，通过选择“字体”和“字号”选项，可以设置文本的外观。
三、布局设计1. 设置网页标题在网页的顶部，设置一个突出的网页标题是很常见的布局设计。
可以使用较大的字体和加粗样式来突出标题。
并使用居中对齐来使标题在页面上居中显示。
2. 设计导航栏导航栏对于网页设计来说是非常重要的。
在Word文档中，可以使用表格或自动形状工具创建导航栏。
在导航栏中，添加链接到其他网页或不同部分的锚点。
3. 布置主要内容在网页的主要内容区域，可以使用文本框、图片、表格等元素来布置内容。
使用文本框可以轻松调整文本的位置和样式，而图片和表格则可以用于呈现更丰富的信息。
4. 添加背景图或颜色为了增加网页的视觉吸引力，可以在页面背景中添加图片或者填充特定的颜色。
在Word文档中，可以使用“背景”选项来设置页面的背景。
四、样式和排版1. 使用样式和主题Word文档中提供了多种样式和主题供选择。
可以根据网页设计的需要，选择合适的样式和主题，以使整个网页的风格保持一致。
2. 调整行距和字间距在网页制作中，适当的行距和字间距非常重要。
通过在Word文档中选择“段落”选项可以调整段落的行距，选择“字体”选项可以调整字母之间的距离。
3. 对齐文本对齐文本可以使网页看起来更整齐。
网页设计大作业word模板
伊犁师学院《网页设计》期末课程设计设计题目：我的个人网页学号：姓名：马建武院系：电子与信息工程学院专业班级：计科08-2指导老师：王雪峰日期：2011-6-20一、设计思想随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本旨在设计一个个性化的个人，展现自己的生活，学习，爱好等等信息，通过本把自己展示出来。
二、开发环境及软件Windows XP，Macromedia Dreamweaver 8，photoshop等三、系统结构功能图、页面结构草图及部分页面截图四、部分代码（主要添加CSS代码）1.添加首页背景音乐<body ><bgsound src="../梦见我/gequ/周杰伦-彩虹.mp3">2.运用框架<frameset rows="154,*,87" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="untitled/top.html" name="topFrame" scrolling="No"noresize="noresize" id="topFrame" title="topFrame" /><frameset rows="*" cols="213,561*" framespacing="0" frameborder="no" border="0"><frame src="untitled/left.html" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" application="" /><frame src="untitled/zhuye.html" name="mainFrame" id="mainFrame" title="mainFrame" /></frameset><frame src="untitled/di.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /></frameset><noframes>3.图片滚动<td colspan="5" valign="top"><marquee direction="left" loop="-1"><img src="../photos/图像220.jpg" width="134" height="133"><img src="../photos/图像224.jpg" width="134" height="133"><img src="../photos/图像231.jpg" width="134" height="133"></marquee></td>4.文本css样式.s1 {font-family: "宋体";font-size: 18px;font-weight: bold;color: #3333CC;text-decoration: blink;text-align: center;vertical-align: middle;}.s3 {text-indent: 2px;font-family: "宋体";font-size: 14px;font-weight: normal;text-decoration: none;letter-spacing: normal;text-align: left;}.a1 {background-position: center center;text-align: center;vertical-align: middle;}.s2 {font-family: "宋体";font-size: 18px;color: #0066CC;text-decoration: blink;text-indent: 2px;font-weight: bold;}5.文字访问前、访问时、访问后的文字样式的变化a:link {color: #663399;text-decoration: none;}a:visited {text-decoration: none;color: #996699;}a:hover {text-decoration: underline;color: #0066CC;}a:active {text-decoration: none;color: #CC6666;}五、部分原创素材Logo图像页面中的图像六、主要界面截图1、主页2.相册3.日志4.收藏七、设计总结第一要具备专业的网页制作技术，能够用模板，框架实现自己的所想。
武汉理工大学 网页设计作业
<span class="STYLE4">武汉理工大学欢迎您！</span></marquee>;</td>
</tr>
</table>
</form>
</body>
</html>
二、用表格及表单设计图2所示网页。（30分）
</html>
三、设计表单，并用JavaScript代码验证表单数据项。（50分）
参考界面如图3。
图3
答：1.设计界面
2.网页
2．程序源代码
<script>
function isEmpty() {
var fm=document.messagebook;
if (ername.value == "null" || ername.value == "")
女</p>
</blockquote>
</blockquote></td>
</tr>
<tr>
<td><span class="STYLE3">
<label> </label>
</span>
<div align="justify" class="STYLE3">
网页设计大作业
网页设计与制作报告书课程名称:网页设计与制作报告题目：几米的空间专业班级：旅管1002班学号：100104110221姓名：杨玉颖指导教师：胡一波目录一、................................. 开发背景二、................................. 网页设计技巧三、................................. 网站结构四、................................. 应用工具方案五、................................. 频道栏目划分六、................................. 测试七、................................. 周期与成本估算八、................................. 结论摘要：在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
关键字：网页制作；制作方法；设计要素；网页测试一、网页制作开发背景Dreamweaver以其功能强大、容易上手、界面亲切而著称。
它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。
现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。
其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。
网页设计课程期末大作业
网页设计课程期末大作业一、题目结合课堂所学内容，综合运用数据库、静态和动态网页技术，制作一个通讯录管理网站。
二、具体内容1、利用DreamWeaver软件制作一个简单的通讯录管理网站，要求站点组织结构清晰，文件链接正常。
2、使用Access建立数据库文件，数据库中至少包含两张表格，分别用于记录网站注册用户信息和通讯录信息，通讯录条目应至少包含姓名、电话、电子邮件、地址等栏目。
3、网站主要页面包括用户注册页面、登录页面、通讯录记录查询页面、记录添加页面、记录删除页面、记录修改页面等。
可实现用户自行注册，登录，登录后可查询、添加、删除、修改通讯录记录。
在注册及插入通讯录记录页面，提交表单时应能自动检查输入信息是否合法。
4、主页统一命名为index.html，如为动态网页，则命名为index.asp。
主页应包含logo、导航栏等元素，导航栏可使用flash按钮、鼠标经过图像或者CSS样式表等技术美化。
5、可自由选择使用表格、框架或者层等技术进行页面的布局，要求布局美观合理，主题鲜明。
6、应使用外部样式表，统一网站内页面风格，要求色彩搭配和谐，页面美观。
三、其他要求1、在服务器ftp://web:web@192.168.77.247上你的学号根目录内建立子目录Contact作为本网站目录，网站发布后请检查是否能正常工作，并将整个网站文件夹压缩打包后发送至平时作业邮箱aliweb2012@以作备份。
2、制作一份作业说明文档（学号+班级+姓名.doc），包括网站的使用说明、站点内部结构、每个页面的名称作用以及相互之间关系、数据库结构等。
3、做好自己作品的著作权保护，在主页底部footer位置请注明你的班级、学号和姓名，如有抄袭雷同作业，均视为不合格。
《四、用模板制作网页》作业设计方案-高中信息技术人教版选修3
《用模板制作网页》作业设计方案（第一课时）一、作业目标本节课的作业设计旨在帮助学生巩固与拓展用模板制作网页的基础知识与技能，使学生能够熟练掌握使用模板进行简单网页的制作，同时培养学生独立思考、解决问题的能力，提升学生运用信息技术解决实际问题的能力。
二、作业内容（一）掌握网页模板的基本概念及使用方法。
（二）使用已给的网页模板，按照指定的要求（如颜色、布局、元素等）对模板进行必要的调整与完善。
（三）完成个人主题的网页设计与制作，需注意以下几点：1. 选取个人感兴趣的主题，如“我的校园生活”、“我的家乡”等。
2. 结合所学的网页设计知识，对模板进行个性化修改，如添加背景图片、调整文字样式等。
3. 制作过程中需注意网页的布局合理性、色彩搭配及内容的完整性。
4. 至少包含三个以上四个部分，如能结合创意，最终可以完成一个独特且功能完整的个人主题网页。
三、作业要求作业要求是完成作业的关键，要求学生在作业过程中遵守一定的规范和标准，保证作业的质量。
具体要求如下：（一）学生在制作过程中需保持独立思考，尽量不直接复制他人的设计。
（二）模板的调整与完善需符合一定的审美标准，不得出现明显的错乱或不合理之处。
（三）网页内容需完整，文字、图片等元素需清晰可见，且与主题紧密相关。
（四）作业需在规定的时间内完成，并按时提交。
（五）提交的作业需以电子版形式发送至教师指定的邮箱或平台。
四、作业评价作业评价是检验学生学习成果的重要环节，教师将根据学生的作业完成情况、创新性、美观度、实用性等方面进行评价，并及时给予反馈。
五、作业反馈作业反馈是提高学生自主学习能力的关键环节，教师将对学生的作业进行点评，指出其中的优点和不足，并给出改进意见和建议。
同时，教师也将对学生的个人主题网页进行展示，供其他学生参考和学习。
以上即为本次“高中信息技术课程《用模板制作网页》作业设计方案（第一课时）”的全部内容。
希望此方案能够有效地帮助学生巩固和拓展知识，提高其信息技术应用能力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
嘉应学院
《网页设计》期末课程设计
模板
设计题目：我的个人网页
学号：***********
******
院系：电子与信息工程学院
专业班级：计科08-2
日期：2013-6-20
一、设计思想
随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。
二、开发环境及软件
Windows XP，Macromedia Dreamweaver 8，photoshop等
三、系统结构功能图、页面结构草图及部分页面截图
四、部分代码（主要添加CSS代码）
1.添加首页背景音乐
<body >
<bgsound src="../梦见我/gequ/周杰伦-彩虹.mp3">
2.运用框架
<frameset rows="154,*,87" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="untitled/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="213,561*" framespacing="0" frameborder="no" border="0"> <frame src="untitled/left.html" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" application="" />
<frame src="untitled/zhuye.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<frame src="untitled/di.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
<noframes>
3.图片滚动
<td colspan="5" valign="top">
<marquee direction="left" loop="-1"><img src="../photos/图像220.jpg" width="134" height="133"><img src="../photos/图像224.jpg" width="134" height="133"><img src="../photos/图像231.jpg" width="134" height="133">
</marquee>
</td>
4.文本css样式
.s1 {
font-family: "宋体";
font-size: 18px;
font-weight: bold;
color: #3333CC;
text-decoration: blink;
text-align: center;
vertical-align: middle;
}
.s3 {
text-indent: 2px;
font-family: "宋体";
font-size: 14px;
font-weight: normal;
text-decoration: none;
letter-spacing: normal;
text-align: left;
}
.a1 {
background-position: center center;
text-align: center;
vertical-align: middle;
}
.s2 {
font-family: "宋体";
font-size: 18px;
color: #0066CC;
text-decoration: blink;
text-indent: 2px;
font-weight: bold;
}
5.文字访问前、访问时、访问后的文字样式的变化a:link {
color: #663399;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #996699;
}
a:hover {
text-decoration: underline;
color: #0066CC;
}
a:active {
text-decoration: none;
color: #CC6666;
}
五、部分原创素材
Logo图像
页面中的图像
六、主要界面截图
1、主页
2.相册
3.日志
4.收藏
七、设计总结
第一要具备专业的网页制作技术，能够用模板，框架实现自己的所想。
第二，要仔细分析客户需求，使自己的设计具有实用性，在总体设计时要充分与客户交流，以免遗漏客户的要求。
第三，要充实自己的美学知识，网站在传播信息的同时还带给人们以美得享受，科学的应用美学知识在网站设计中尤为重要。
第四，网页设计需要设计者不怕失败，不断虚心学习，在制作过程中需要不断克服各种困难，直到任务完成。
第五，能够熟练引用Photoshop和Flash是网页设计必备的条件，在今后的学习中自己应加强学习。
第六，生活中的积累是做出好网页的前提，今后的生活中浏览网页时要多想网页设计的优点和缺点来提高自己
通过对本次设计的制作，我深深的体会到每一个漂亮作品的背后都有无尽的付出，网页设计更是如此。
它不仅需要我们有很好的审美观，同时在制作之初要对网页的整体布局做精心的设计，对素材进行很好的收集，它需要有相当的耐心、细心，同时还要思考如何能够更好的运用我们所学的知识，对网页进行捎带技术含量。
在网页的过程中遇到了很多的困难，通过请教他人得到了解决。
我深刻的明白到，没有什么事情是直接通向成功的，都要经历很多次的失败，而在每次的失败过后最重要的是总结。
最后要谢谢老师的指导。