《网页制作》结课作业
《网页制作》(结课作业)
201706考试批次《网页制作》结课作业学生姓名：刘光鑫学习中心：山东淄博继续教育进修学校学号：***************专业：计算机科学与技术年级层次：1509高起专北京语言大学网络教育学院《网页制作》结课作业注意：本学期所布置的结课作业，请同学一律按照以下要求执行：1) 结课作业提交起止时间：2017年5月2日--6月19日。
（届时平台自动关闭，逾期不予接收。
）2) 结课作业课程均需通过“离线作业”栏目提交电子版，学院不收取纸介的结课作业，以纸介回寄的作业一律视为无效；3）截止日期前可多次提交，平台只保留最后一次提交的文档，阅卷时以最后一次提交的结课作业为准，截止日期过后将关闭平台，逾期不交或科目提交错误者，按0分处理；4) 提交文档要求：提交的文档格式为doc、rar，大小10M以内；5) 必须严格按照每门课程的答题要求完成作业，没有按照学院要求来做的结课作业，将酌情扣分。
个人网站设计报告一、准备工作经过本学期对网页设计基础这门课的学习，我对网页设计以及相关工具的使用有了深入的了解，在本学期末设计制作主题为个人主页的网页。
经过考虑对制作工具的筛选，决定用Dreamweaver做个人网页，设计和制作图片、页面及图标等。
本网站内容充实，在主页的设计上运用了模板、框架等。
分页面上运用了导航条。
插入了动态图片以及视频等增加了美观度，在首页的设计上本着简单易懂的原则，用户只要点击链接就能看到自己想看到的链接内容。
网站的首页设置了背景音乐，使访问者在浏览的同时还能欣赏到悠扬的旋律。
二、作品结构利用框架（选取了左右下的框架结构）设置基本模样。
左边框架作为导航栏，下边的部分作为滚动图片栏，右上方一大部分作为各个子网页的浏览区，在导航栏插入了音乐，以便放入的音乐不会随着链接的进入而消失，增添了网页的趣味性。
导航栏共包括：我的档案、我的日志、我的班级、我的宠物、视频欣赏等五项，分别链接到各个子页面，在导航区的最下方还设置有返回欢迎页面的链接，并且设置导航区的背景、颜色、插入动态图片等。
网页设计期末作业个人总结
网页设计期末作业个人总结一、前言在网页设计课程期末作业中，我与我的团队共同完成了一个网站的设计与开发。
这个网站是一个在线购物平台，旨在为用户提供一个便捷、安全、舒适的购物体验。
在整个设计与开发过程中，我们面临了各种挑战和困难，但也取得了一些成果和收获。
下面将对我在网页设计课程中的学习与实践做一个总结。
二、设计与规划在网页设计与规划阶段，我们首先明确了网站的目标和定位，确定了网站的主题和风格，并进行了用户需求分析。
我们根据用户的需求，设计了一个简洁、直观、易于使用的界面和导航结构。
同时，我们也进行了网站的布局设计和页面的构思，包括颜色搭配、字体选择、元素排布等。
在整个设计与规划过程中，我们注重用户体验，努力提升网页的可用性和吸引力。
三、技术选型与开发在技术选型与开发阶段，我们选择了一些常用的前端技术，如HTML、CSS、JavaScript等，并结合了一些框架和工具，如Bootstrap、jQuery等。
在开发过程中，我们采用了模块化的开发方式，将页面划分为多个组件，每个组件负责一个功能模块，从而提高了开发效率和代码质量。
同时，我们也注意了网站的兼容性和响应式设计，保证了网站在不同设备上的良好显示效果和用户体验。
四、测试与优化在测试与优化阶段，我们进行了不同方面的测试，包括功能测试、兼容性测试和性能测试等。
通过测试，我们发现了一些问题和bug，并进行了修改和优化。
同时，我们也对网页进行了速度优化，如压缩图片、合并CSS和JavaScript文件等，从而提高了网页的加载速度和响应能力。
我们还使用了一些工具，如Google Analytics等，来分析网站的访问情况和用户行为，以便更好地了解用户需求和优化网站。
五、反思与总结通过这次网页设计课程的学习和实践，我对网页设计和开发有了更深入的了解和认识。
我学会了如何规划和设计一个网站，如何使用各种技术和工具进行开发，如何测试和优化一个网页。
我也遇到了一些问题和挑战，但通过团队合作和不断的学习，我成功地克服了这些困难，并取得了一定的成绩和进步。
答题网页制作期末总结
答题网页制作期末总结一、引言网页制作课程已经结束了，回顾这一学期的学习，我深有感触。
通过这门课程，我掌握了网页制作的基本知识和技术，学到了很多实用的工具和方法。
在老师和同学们的帮助下，我不断锻炼自己的代码能力和设计能力，逐渐成长为一名合格的网页制作人员。
下面是我对这门课程的总结和反思。
二、学习内容在这门课程中，我们学习了网页制作的基础知识，包括HTML、CSS和JavaScript等技术。
HTML是网页的基本结构语言，通过学习HTML，我学会了如何搭建一个网页的骨架，如何使用标签来布局和展示内容。
在学习CSS时，我了解了如何使用样式来美化网页的外观，如何调整元素的大小、颜色和位置。
而学习JavaScript，则为网页增加了更多的交互性，使网页能够与用户进行双向的沟通和操作。
除了这些基础知识，我们还学习了一些实用的工具和框架。
比如，我们使用了Sublime Text来编写代码，使用了Git来管理代码的版本控制，使用了Bootstrap来快速构建响应式网页。
这些工具和框架大大提高了我们的开发效率，减少了重复劳动的时间。
三、学习方法在学习这门课程的过程中，我采用了一些有效的学习方法，以提高我的学习效果。
首先，我保持了良好的学习习惯，每天都抽出一定的时间来学习和练习。
其次，我注重理论与实践的结合，通过编写实际的代码项目，将理论知识运用到实践中，从而加深理解和记忆。
此外，我还积极参与课堂讨论和小组合作，与同学们一起解决问题，共同进步。
四、技术实践在这门课程中，我完成了多个技术实践项目，这些项目涵盖了网页制作的各个方面。
1. 静态网页制作在这个项目中，我根据设计师提供的设计稿，使用HTML和CSS制作了一个静态的网页。
通过这个项目，我熟悉了网页制作的基本流程和技巧，了解了如何将设计稿转化为实际的网页。
2. 响应式网页制作在这个项目中，我使用了Bootstrap框架来制作一个响应式网页。
通过这个项目，我学会了如何使用Bootstrap提供的栅格系统和组件，实现网页在不同设备上的自适应布局和样式。
考试批次网制作结课作业
考试批次网制作结课作业TPMK standardization office【 TPMK5AB- TPMK08- TPMK2C- TPMK18】201709考试批次《网页制作》结课作业学生姓名学习中心学号专业年级层次北京语言大学网络教育学院《网页制作》结课作业注意：本学期所布置的结课作业，请同学一律按照以下要求执行：1)结课作业提交起止时间：2017年8月2日--9月11日。
（届时平台自动关闭，逾期不予接收。
）2)结课作业课程均需通过“离线作业”栏目提交电子版，学院不收取纸介的结课作业，以纸介回寄的作业一律视为无效；3）截止日期前可多次提交，平台只保留最后一次提交的文档，阅卷时以最后一次提交的结课作业为准，截止日期过后将关闭平台，逾期不交或科目提交错误者，按0分处理；4)提交文档要求：提交的文档格式为doc、rar，大小10M以内；5)必须严格按照每门课程的答题要求完成作业，没有按照学院要求来做的结课作业，将酌情扣分。
一、设计题目（请在以下网页设计作品中任选其一，最后整理一份网站设计与实现的报告即可，具体要求如下。
总分100分）1、制作个人主页2、制作公司网站主页3、制作环保网站网页4、制作BBS注册网页5、制作购物网站6、制作班级主页7、制作家乡介绍网页8、制作汽车世界网页9、制作销售书店网页10、制作美食天下网页二、网站设计与实现具体要求1、设计题目：选择一个你最感兴趣的主题，进行网站设计与开发，网站内容具有实用价值。
2、开发环境：综合使用DreamweaverCS、CSS、HTML、FlashCS、FireworksCS、VBScrip（JAVAScript）等工具和语言，但动态网页制作不做硬性规定。
3、内容要求：①内容不限，但要求主题思想明确；②具体的设计所需素材，可在网上查找，但不得有严重侵权行为，一经发现按零分处理。
4、技术要求：①选用Div、表格、框架、层等若干技术设计和布局网页；②超级链接（一般链接、电子邮件、锚点等）的使用；④行为的运用、时间轴动画、JavaScript特效等；⑤其他：按自己的喜好，添加的其他技术效果。
答题网页制作期末总结范文
答题网页制作期末总结范文一、引言网页制作是当下非常热门的技能，随着互联网的普及和发展，越来越多的人开始学习网页制作，希望能够掌握制作一个精美、功能完善的网页。
在本学期的学习中，我也通过课程的学习和实践，掌握了网页制作的基础知识和技能。
在这篇总结中，我将对本学期的学习内容和实践经验进行总结和分享。
二、学习内容在本学期的学习中，我主要学习了以下几个方面的内容：1. HTML语言基础在网页制作中，HTML语言是不可或缺的基础，通过学习HTML语言，我掌握了HTML元素、标签以及常用的属性和样式等知识。
我学会了使用HTML语言来创建网页的基本结构，如doctype声明、head标签、body标签等。
我还学会了使用常用的HTML标签，如p标签、h1-h6标签、ul和li标签等。
在此基础上，我还学习了使用CSS样式表来实现网页的美化效果。
2. CSS样式表CSS样式表是网页制作中用来控制网页样式和布局的技术，通过学习CSS样式表，我学会了使用样式选择器、样式属性和样式值来控制网页元素的外观和行为。
我了解了常用的样式属性，如颜色、字体、背景、边框等，并学会了使用样式嵌入、样式链接和行内样式等方式来引入CSS样式表。
3. JavaScript脚本语言JavaScript是网页制作中常用的脚本语言，通过学习JavaScript，我掌握了一些基本的编程概念和技巧，如变量、运算符、条件语句和循环语句等。
我学会了使用JavaScript来实现网页的一些交互效果，如按钮点击事件、表单验证和图片轮播等。
4. 响应式网页设计随着移动设备的普及，响应式网页设计越来越重要。
在本学期的学习中，我也学习了响应式网页设计的基本原理和技术。
我学会了使用媒体查询来针对不同的设备和屏幕尺寸应用不同的样式。
我还研究了一些响应式网页设计的最佳实践，如使用流式布局、自适应图片和媒体查询等。
三、实践经验除了理论学习，我还通过实践来巩固和应用所学的知识。
网页设计期末作业班级总结
网页设计期末作业班级总结一、背景介绍在本学期的网页设计课程中，我们班级共有X名学生参与了网页设计期末作业的编写。
本次作业的主题是制作一个班级网页，旨在展示我们班级的活动、成果以及同学们的优势和特点。
通过这次作业，我们班级的同学们得到了很好的锻炼和实践机会，提高了网页设计的能力和技巧，同时也增强了协作和沟通能力。
二、作业目标本次作业的目标是设计一个具有美观、清晰、实用特点的班级网页。
具体目标包括：1. 展示班级的基本信息：班级名称、年级、班级口号等；2. 展示班级成员信息：学生姓名、照片、个人介绍等；3. 展示班级活动：班会、课外活动、比赛成果等；4. 提供留言功能：让同学们能够相互交流和留下自己的意见建议。
三、设计思路我们根据作业目标和班级的特点，制定了如下的设计思路和方案：1. 网页整体风格：我们选择了简洁明了、色彩搭配得当的风格，以便浏览者可以快速浏览并获取相关信息。
2. 页面结构：我们采用了一级导航栏的方式，将班级的基本信息、成员信息和活动内容用不同的分区进行展示，便于浏览者查看。
3. 成员展示：我们将成员信息进行分类展示，方便浏览者查找和认识班级的每位同学。
4. 活动展示：我们将班级的活动按照时间顺序进行排列，鼓励同学们积极参与，并且可以通过图片、文字等方式展示活动的内容和成果。
5. 留言功能：我们提供了留言板功能，鼓励同学们互相交流，也可以发布一些寄语和祝福。
四、具体操作在设计网页的过程中，我们使用了HTML、CSS和JavaScript等技术来实现各种功能。
具体操作步骤如下：1. 确定网页的结构和布局，包括导航栏、侧边栏、主体内容等。
2. 制作网页的素材，包括班级的照片、学生的个人照片和介绍等。
3. 使用HTML和CSS来实现网页的基本骨架和样式。
4. 使用JavaScript来实现一些交互功能，比如点击导航栏可以跳转到相应的页面，留言板的提交和展示等。
5. 进行网页的调试和优化，确保网页的兼容性和稳定性。
《网页制作》结课作业
湖南文理芙蓉学院个人主页课程报告201703考试批次《网页制作》结课作业学生姓名学习中心•学号考号专业年级层次北京语言大学网络教育学院《网页制作》结课作业注意：本学期所布置的结课作业，请同学一律按照以下要求执行：一、学生必须预约才能在学生平台看见相关课程的“结课作业”按钮；二、提交路径：个人平台首页--学习中的课程，点击该课程名称--点击“结课作业”--点击“浏览”按钮，选择要上传的文档后点击“提交作业”即可。
三、结课作业提交起止时间：2017年1月21日--3月20日。
（届时平台自动关闭，逾期不予接收。
）四、提交的文档格式必须为word文档，截止日期前可多次提交，平台只保留最后一次提交的文档；五、严格按照课程名称提交相应课程结课作业，提交错误的结课作业，按0分处理。
一、设计题目（请在以下网页设计作品中任选其一，最后整理一份网站设计与实现的报告即可，具体要求如下。
总分100分）1、制作个人主页2、制作公司网站主页3、制作环保网站网页4、制作BBS注册网页5、制作购物网站6、制作班级主页7、制作家乡介绍网页8、制作汽车世界网页9、制作销售书店网页10、制作美食天下网页二、网站设计与实现具体要求1、设计题目：选择一个你最感兴趣的主题，进行网站设计与开发，网站内容具有实用价值。
2、开发环境：综合使用Dreamweaver CS、CSS、HTML、Flash CS、Fireworks CS、VBScrip（JAVAScript）等工具和语言，但动态网页制作不做硬性规定。
3、内容要求：①内容不限，但要求主题思想明确；②具体的设计所需素材，可在网上查找，但不得有严重侵权行为，一经发现按零分处理。
4、技术要求：①选用Div、表格、框架、层等若干技术设计和布局网页；②超级链接（一般链接、电子邮件、锚点等）的使用；④行为的运用、时间轴动画、JavaScript特效等；⑤其他：按自己的喜好，添加的其他技术效果。
5、网站结构要求：网站页面组织结构清晰合理，要求站点至少要有三层结构，至少三个网页以上。
网页制作期末作业模板.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达到很好的链接，缺失动态效果，以后努力完善。
网页设计期末作业总结语
网页设计期末作业总结语一、引言在本学期的网页设计课程中，我学习了网页设计的基本理论和实践技能，并完成了一系列的作业。
通过这些作业，我对网页设计的原理和方法有了更深入的理解，并提高了自己的设计能力。
在这篇总结中，我将对我在这学期的学习和作业设计进行回顾和总结。
二、学习回顾在本学期的网页设计课程中，我学习了网页设计的基本知识和技能，包括网页的结构、样式、布局等方面的知识，以及HTML、CSS和JavaScript等网页设计工具的使用。
通过学习这些内容，我了解了网页设计的基本原理和方法，并掌握了使用相关工具进行网页设计的基本技能。
在学习过程中，我发现了一些关键点和难点。
首先是对HTML、CSS和JavaScript等工具的理解和运用。
在学习过程中，我遇到了一些困难，例如理解和使用CSS选择器、盒模型、定位等概念和属性的时候。
为了解决这些问题，我通过查阅教材、视频教程和参考文档，反复练习和实践，逐渐提高了自己的理解和运用能力。
其次是网页设计的创意和技巧。
在设计作业中，我发现自己在创意的构思和设计的细节方面还有待提高。
为了解决这个问题，我通过参考其他优秀的网页设计作品，了解和学习一些设计的理念和技巧，并试图将其运用到自己的设计中。
通过这次学习，我不仅学到了很多知识和技能，还培养了一些重要的思维和工作方法。
首先是动手能力和实践创新能力。
通过课堂上的实践操作和作业设计，我锻炼了自己的动手能力和实践创新能力。
其次是解决问题的能力和团队协作能力。
在学习和作业设计过程中，我遇到了一些问题和困难。
为了解决这些问题，我学会了主动思考和提问，并通过与同学和老师的交流和合作，共同解决了这些问题。
最后是自主学习和自我提高能力。
在学习过程中，我发现了一些自己的不足和问题，例如对某些概念和技能的理解和运用不够熟练。
为了解决这些问题，我学会了自主学习和自我提高，通过查阅资料和练习实践，逐渐提高了自己的能力。
三、作业设计与实践在本学期的网页设计课程中，我完成了一系列的作业设计和实践。
网页设计期末作业报告
网页设计期末作业报告一学期的网页设计课结束了，回顾这次期末作业的完成过程，主要分为以下几个阶段。
【确定主题】这次的作业没有对主题和内容进行限制，因此我选择了一部自己感兴趣的动漫作为这次网页设计期末作业的主题。
选择这样一个主题不仅能提高我在制作过程中的兴致，也更容易在网络上搜索到相关的图片与文字资源。
【构思布局】由于我对曾经做过的数码商城印象深刻，因此我决定参考那张网页的布局，最后我基于其header、banner和menu的格式将网站的头部先做了出来。
经过对现有素材的观察与思考，我将网站的色调确定为黑色调。
至于首页的主体部分，我决定使用左右各一个div的方式，将其分割，末端使用与menu相同的样式作为页脚。
【难点回顾】在制作banner的时候我遇到了第一个难点，就是logo经过绘图压缩之后颜色与我所找的背景图片不合，以及搜索按钮的“剑”的底色是白色，因此用了许多时间PS抠图，然而文字部分的细节没有处理干净，但是整体的色调还算和谐。
第二个难点是我想要让主体部分的图片呈现选项条的效果，百度了许多方法，最后使用css样式的一种方法，结果图片在hover状态会上移，尝试了许多次没有解决这个问题，为了网页的整体美观只能遗憾地放弃了这个功能。
第三个难点则是图片的排列混乱，最后将两个图片放在同一ul里解决了这个问题。
【总结感想】限于时间和能力，这个网页还很不完善，大部分链接为“摆设”，对于一个真正的网站来说，还需要实现搜索、留言等功能，但是我也从这次网页制作学到了平时很难学到的东西。
这学期的课程有很多时候是由老师带领着我们制作网页，而且有一个明确的目标，但是自己制作网页时，“目标是什么”这个问题往往会先将我难住，以及平时可能觉得挺熟悉的东西实现起来也并不是很顺手。
经过这一学期的学习，尽管最终的作品有许多不尽人意之处，但我确实地感觉到了这门课程的学习是有价值的，希望能在以后的学习和工作中与这次所学相逢！部分网页预览图。
网页设计期末作业总结
网页设计期末作业总结一、前言网页设计作为现代设计的一种重要形式，不仅仅是页面的美化，更是用户体验和信息传达的重要工具。
本次期末作业是我们在单位时间内所学知识的一个综合应用，通过设计一个完整的网页来展示我们的能力和理解。
以下是我对本次作业的总结和反思。
二、设计思路在开始设计之前，我首先进行了网页的需求分析和功能规划。
通过和用户的交流和调研，我了解到用户的需求主要集中在信息的传达和用户体验方面。
因此，在设计思路上，我以用户为中心，注重页面的易用性和可读性。
同时，我还考虑到网页的响应式设计，以适应不同屏幕尺寸的设备。
三、网页结构与布局在设计网页的结构与布局时，我采用了传统的三栏布局。
顶部是导航栏和LOGO，中间是主要内容区域，包括文字、图片和视频等元素，底部是页脚和版权信息。
同时，我还使用了一些元素来增强页面的可读性和美观性，比如使用颜色的对比和字体的变化。
四、视觉设计视觉设计在网页设计中起着至关重要的作用，它直接影响用户的第一印象和使用体验。
在本次作业中，我运用了一些常见的视觉设计原则，如色彩搭配、字体选择、图片处理等。
在色彩搭配上，我选择了相近的蓝色和绿色作为主色调，以和谐统一的效果展现。
在字体选择上，我使用了简洁清晰的字体，以提高用户的阅读体验。
在图片处理上，我使用了高清和优质的图片，并采用了响应式设计和优化加载的方法，以缩短加载时间。
五、交互设计交互设计是网页设计中至关重要的一环，它可以让用户更好地与网页进行互动。
在本次作业中，我注重网页的交互设计，通过一些交互元素的运用，如按钮、链接、动画效果等，增加了用户的体验和参与感。
同时，我还考虑到网页的导航和搜索功能，在导航栏中设置了清晰的分类和标签，并增加了搜索框，以方便用户快速找到自己所需要的信息。
六、响应式设计现在越来越多的用户使用移动设备来访问网页，因此，响应式设计成为了不可忽视的一部分。
在本次作业中，我充分考虑到了网页在不同屏幕尺寸下的显示效果，采用了响应式设计的方法。
网页制作课程大作业
网页制作课程大作业本课程作业分为两部分：一、完成网站制作二、完成《网页设计与网站制作》课程大作业文字撰写具体要求如下：一：网站制作综合运用已学的知识，使用Dreamweaver、Photoshop、Flash等网页制作软件，制作一个网站，要求如下：设计一个包含一个主页及至少5个以上链接页面的网站，内容自选，但有一定的主题思想。
（一）网站设计要求1. 内容：1) 网站主题可以包括个人网站、专业网站、电子商务网站、企业门户网站、新闻旅游等方面的网站。
网页内容要主题健康向上、有时代气息，内容充实、主题鲜明。
2) 主页上有Logo、网站导航、网站版权等信息。
2. 设计要求：1) 网页布局设计合理，文字、图片、动画等元素在网页中的运用适当。
2) 各网页之间的设计风格具有联系性、一致性，符合设计原理。
3. 技术要求：网页中各种技术运用恰到好处，不为技术而技术。
1) 网页中应包含表格、css技术和多媒体元素（例如背景音乐等）技术。
2) 站点下的页面创建合理的站点内链接和外部链接。
4. 美工要求：网页界面美观大方、引人入胜，色颜搭配合理，所有图片、动画与网站主题相符。
运用Photoshop进行特殊处理的元素要在大作业中进行说明和展示。
5. 创意要求：网站要具有新意，参考同类的网站，但设计上要具有自己的特色，。
注：1) 成果提交形式为电子版：以学号+姓名命名站点根文件夹，例如：20104140101张子蒙，子文件夹和文件组织合理，命名合理。
2) 对网站互相抄袭或从他人网站抄袭者将给予扣分，完全抄袭者成绩为零分。
二：撰写大作业根据提供的模板撰写报告。
报告要切实体现网站制作过程中思路和行动。
报告内容主要包括一下几个模块：1.设计思想阐述网站设计思想，从网站内容及特点、网站定位、受众范围及特点分析、网站的设计风格等方面进行分析。
2.网站构架和站点分析根据设计思想对站点进行分析。
确定网站的基本框架，运用的网页元素，分析形成站点地图。
自制网页制作期末总结分析
自制网页制作期末总结分析一、引言本篇论文主要探讨了我在网页制作课程中的学习经验、技能与感悟，并对所学知识进行总结和分析。
通过这门课程的学习，我了解了网页制作的基本流程、技术要点与实际应用，并通过实践项目提高了自己的实际操作能力和创造力。
下面将从课程目标、实际操作、自我发展等方面进行详细分析。
二、课程目标分析1. 学习网页制作的基本技能和知识在这门课程中，我首先学习了网页制作的基本技能和知识，包括HTML、CSS、JavaScript等前端技术的基本原理与应用。
通过理论学习与实践项目结合，我对网页制作的技术要点有了更深入的了解。
2. 掌握网页制作的基本流程在实践项目中，我了解到了网页制作的基本流程，包括需求分析、页面设计、页面编码、样式设计等各个环节的具体操作和注意事项。
通过这门课程的学习，我对网页制作的整体过程有了更清晰的认识。
3. 提高自己的实际操作能力和创造力通过实践项目，我提高了自己的实际操作能力和创造力。
在实践中，我学会了运用HTML、CSS、JavaScript等技术制作出各种具有交互性和创造性的网页效果。
同时，通过实践项目的设计与实现，我培养了自己的创新思维和解决问题的能力。
三、实际操作分析1. 项目一：个人网站设计与制作个人网站的设计与制作是本门课程中的第一个实践项目。
通过这个项目，我对网页制作的基本技术和流程有了初步的了解。
在项目中，我利用HTML与CSS制作了一个简洁美观的个人网站，并通过JavaScript添加了一些交互效果，如轮播图、导航栏效果等。
通过这个项目，我不仅提高了自己的实际操作能力，也培养了自己的审美和设计能力。
2. 项目二：响应式网页设计与制作响应式网页设计与制作是本门课程中的第二个实践项目。
通过这个项目，我学习了响应式网页设计的基本原理和实际应用。
在项目中，我利用HTML和CSS构建了一个适应不同屏幕尺寸的响应式网页，并通过媒体查询和弹性布局实现了适配不同屏幕的效果。
网页设计结课作业
新余学院艺术学院网页设计结课作业姓名：于春龙学号：1411222023班级：14视传二班二组指导老师：何婉卓班级网站策划书一．背景介绍在Internet飞速发展的今天，互联网正在悄然改变着我们的生活方式，为了今后更好的方便大家联系、交流，所以特别建立江西省新余市新余学院14视传二班二组同学录网站。
班级网站结构严谨，功能全面，重心在以最优化的方式创建班级网上家园。
它最明显的优势首先在于您展现班级信息的简便，灵放，快捷，和全面，其次是可以完美地塑造班级和谐形象；再则班级网站将是一起走过的日子的最佳纪念方式；总之，一个优秀的班级网站可以是最经济的方式带来诸多的效益。
二.市场分析网络在人们生活中的地位日益增长，大多高校班级都相继建立了自身网站，他们拥有一个良好交互性，操作简易的班约性网站；运行高效，费用低，注重实用性。
实现及时获取信息，后台自动地低速、准确地进行匹配，得到最优匹配并及时反馈信息。
而本班班委及老师大多靠手工，工作量大，效率低，信息发布零散不系统，负担过重。
并且随着时间推移，他们在繁忙与松弛交叉的学习与生活中，更加意示到自身的能力及毕业的降临，所以他们不仅要完善自己的‘实体圈’，还需要在网上占领一定的就业人才市场。
三．建设网站目的及功能定位是为了宣传班级人和事学生自身才艺的展示，增加学生的就业机会，以提升班级学生的就业率。
网站内容（栏目介绍）网站的板块和风格网页策划1.总体网页规范：网站首页班级的总体形象的和谐统一，在内容上，动态更新首页的内容，使时充满生机和活力。
网页设计美术设计要求，网页美术设计一般要与班级整体形象一致，要符合企业CI规范。
要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。
在设计布局上，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。
给浏览者耳目一新的感觉。
在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
网页设计选修课结课作业
网页设计选修课结课作业第一篇：网页设计选修课结课作业一、利用所学知识独立制作一个网站的主页,命名为index.html。
网站的主题不限，可以是文学、艺术、影视、个人主页类、家乡介绍、美食等。
具体要求如下：1、要给主页设置标题。
2、主页上的导航栏目不少于5个。
3、、主页上能够显示系统当前的日期和时间。
4、、主页下方要注明版权信息等内容。
5、、主页上至少包含文字、图片及超链接等内容，超链接都要设置为空链接且带下划线。
6、网站的主页布局方式不限，可以用表格、框架、Div+css或者其它方式。
7、自己搜集网站素材。
8、严禁抄袭，如有雷同，一律视为不及格。
9、最后将所做网站的主页用A4纸打印上交。
10、写上自己的姓名、学号、班级、院系。
二、根据你所做的网站，以“如何制作一个网站”为题，写一篇小论文，总结一下制作网站的完整的工作流程，不少于1000字，可以手写（用16K纸），也可以打印（用A4纸），附在打印的网站主页的后面，装订在一起上交。
上交截止日期:-----上交地点:====第二篇：选修课网页设计作业这个学期我选修了网页设计这么选修课，经过十几周的学习，让我对网页设计有了初步了解，但也只是学到了一些皮毛，就对这么课说一说我的心得。
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。
说到网页，就不得不提几个和它相关的名词。
1、WWW又称万维网，也可以简称WEB或3W，是一种建立在INTERNET上的庞大的基于超文本的网络信息系统，具有全球性、交互性、动态性、跨平台、分布式等特点。
（2）www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。
常用的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.（3）WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。
期末网页设计制作总结范文
期末网页设计制作总结范文一、前言网页设计制作是信息技术专业的一门重要课程，通过该课程的学习，我掌握了网页设计的基本原理和技术，提高了自己的网页设计与制作能力。
在本学期的学习中，我按照教师的要求，完成了一系列的网页设计与制作作业，通过对这些作业的总结和分析，我深刻地体会到了网页设计中的一些关键因素和方法。
二、网页设计与制作作业总结1. 作业一：个人简介网页设计与制作本作业是我在网页设计制作课程中的第一个实践作业，通过这个作业，我学会了基本的HTML标记语言的使用和CSS样式的编写。
通过这个作业，我成功地设计制作了一个个人简介网页，将自己的个人信息和照片展示在网页上，并且使用CSS样式美化了整个网页，使其看起来更加美观和专业。
2. 作业二：企业官网设计与制作本次作业是一个团队合作的项目，我和我的团队成员共同完成了一个企业官网的设计与制作。
在这个项目中，我负责网页的前端开发工作，包括网页的布局、导航栏的设计和部分CSS样式的编写。
通过这个项目，我学会了如何合理地规划网页的布局和内容，如何设计一个用户友好的导航栏，并且学会了如何与团队成员合作完成一个较大规模的网页设计与制作项目。
3. 作业三：响应式网页设计与制作响应式网页设计与制作是现代网页设计的一个重要方向，它能够使网页在不同的设备上显示出最佳的效果。
在这个项目中，我学会了如何使用媒体查询来实现网页的响应式布局，以及如何调整网页的样式和内容使其适应不同的设备屏幕。
通过这个项目，我深化了对网页设计的理解，掌握了如何设计制作一个兼容性较强的网页。
4. 作业四：动态网页设计与制作在这个作业中，我学会了如何使用JavaScript编写网页的动态效果，例如图片轮播、下拉菜单和表单验证等。
通过这个作业，我深入了解了网页设计中的JavaScript应用，学会了如何通过JavaScript给网页添加一些动态特效，使网页更加生动和有趣。
三、课程反思与收获1. 学习收获通过这门课程，我对网页设计制作有了更深入的理解与学习。
简单网页制作期末总结
简单网页制作期末总结一、引言本学期，我们学习了网页制作的基本知识和技巧，通过课堂学习和实践操作，我对网页制作有了更深入的了解。
下面，我将从学习内容、学习方法和实践经验三个方面进行总结。
二、学习内容1. HTML本学期，我们学习了HTML的基本标签和语法，了解了如何使用标签创建网页的结构和内容。
我学会了使用<html>、<head>、<title>等元素来定义网页的基本结构，使用<p>、<h1>等标签来定义网页的文本内容，使用<img>、<a>等标签来添加图片和链接等。
2. CSS除了HTML，我们也学习了CSS。
通过CSS，我们可以为网页添加样式和布局。
我学会了如何使用样式表来定义网页的字体、颜色、边框、背景等属性，以及如何使用选择器来选择和操作网页中的元素。
3. JavaScript在学习了HTML和CSS基础之后，我们还学习了JavaScript。
JavaScript是一种脚本语言，通过它我们可以实现网页的动态效果和交互功能。
在学习JavaScript时，我学会了如何使用变量、函数、数组等基本概念，以及如何使用条件语句、循环语句等控制结构来实现不同的功能。
三、学习方法1. 组织有序在学习过程中，我时常遇到一些概念较复杂或较难理解的知识点。
为了更好地掌握这些知识，我采取了组织有序的学习方法。
首先，我将课本中的例子和讲解内容整理成笔记，梳理出知识点的逻辑关系；然后，我通过查阅相关资料，对一些不理解的地方进行深入学习，增加对这些知识的理解和掌握。
2. 及时复习为了巩固所学内容，我在学习过程中注重及时复习。
每次学完一个知识点之后，我会抽出一些时间进行复习，通过重新思考和操作来巩固记忆和理解。
这样，不仅可以使知识在脑海中更加清晰，还能够发现并纠正一些不正确的理解。
3. 实践操作学习网页制作最好的方式就是进行实践操作。
在学习过程中，我通过完成课程设计、课后习题以及自己的网页项目等实践来巩固所学内容。
html网页设计期末作业总结
html网页设计期末作业总结一、引言在本学期的HTML网页设计课程中，我们学习了网页设计的基本知识和技巧，并实践了一系列的网页设计项目。
本文将对这些项目进行总结，并分享一些在学习过程中的心得和体会。
二、学习目标在课程开始之前，我设定了一些学习目标，包括：1. 掌握HTML的基本语法和标签；2. 了解CSS的基本概念和用法；3. 学习响应式设计的原理和技巧；4. 实践网页设计项目，提升设计和编码能力。
三、学习内容1. HTML基础知识：学习了HTML的基本语法、标签和属性。
通过编写简单的HTML文档，熟悉了标签的使用方法，了解了基本的文本格式、链接、图片插入等操作。
2. CSS样式设计：学习了CSS的基本概念和用法，包括内联样式、内部样式表和外部样式表的使用方法。
通过调整字体、颜色、背景等属性，美化网页的外观。
3. 布局设计：学习了盒子模型的概念和应用，了解了浮动、定位和弹性布局等技术。
通过设计简单的页面布局和导航栏，提升了网页的结构和组织能力。
4. 响应式设计：学习了响应式设计的原理和技巧，包括媒体查询和流式布局。
通过设计适配不同设备和屏幕大小的网页，提高了用户体验和可访问性。
5. 网页项目实践：实践了一系列的网页项目，包括个人简历、电子商务网站和社交媒体平台等。
通过完成这些项目，锻炼了设计和编码能力，对整个网页设计流程有了更深入的理解。
四、心得体会1. 学习态度：在课堂上认真听讲，积极参与讨论，与同学们进行交流和合作。
未能理解的地方及时请教老师和同学，力求做到完全掌握。
2. 实践重要性：通过实践项目，才能真正理解和掌握网页设计的知识和技巧。
在实践过程中，遇到了很多问题，但通过不断尝试和调整，最终得到了解决方案。
3. 代码规范：编写规范的代码对于提高代码的可维护性和可读性非常重要。
在学习过程中，注重代码的缩进、命名规范和注释等，提高了代码的质量。
4. 设计思维：网页设计不仅仅是编写代码，还需要良好的设计思维。
网页制作总结期末文案舞蹈
网页制作总结期末文案舞蹈一、引言在这个信息爆炸的互联网时代，网页已经成为信息交流和展示的重要工具之一。
而学习和掌握网页制作技术，则成为了现代青年必修的基本技能之一。
本次期末网页制作课程，通过对HTML、CSS、JavaScript等技术的学习与实践，让我们受益匪浅。
以下是对本次课程的总结和反思。
二、学习内容1. HTML基础知识在课程的开始，我们首先了解了HTML的基础知识，包括HTML文档的结构、标签的使用、文本格式化、图像和超链接的插入等。
通过编写简单的HTML文档，我们能够理解和掌握HTML的基本语法和结构。
2. CSS样式设计在HTML的基础上，我们进一步学习了CSS的应用，通过为HTML元素添加样式，实现网页的美化效果。
我们学习了CSS选择器、盒模型、布局设计、颜色和背景、文本和字体样式等内容。
并通过实践项目，增加了对CSS样式设计的理解和掌握。
3. JavaScript交互效果除了HTML和CSS外，我们还学习了JavaScript这门脚本语言，用于实现网页的交互效果。
通过学习数据类型、流程控制、函数、DOM操作等知识，并结合实践项目，我们能够实现一些简单的动态效果，提升网页的用户体验。
三、特色项目1. 个人简历网页制作在课程的中期，我们进行了个人简历网页的制作。
通过将学到的HTML和CSS知识应用于实践项目，我们能够更好地理解和掌握这两门技术。
通过制作个人简历网页，我们不仅能够展示自己的个人信息，还提升了自己的审美和设计能力。
2. 动态效果网页制作在课程的后期，我们进一步学习了JavaScript的知识，通过在网页中插入JavaScript代码，实现一些交互效果。
例如，通过JavaScript控制网页元素的显示和隐藏、表单的验证与提交、图片轮播等。
这些动态效果的实现，使我们的网页更加生动有趣，给用户带来更好的体验。
四、学习心得与收获1. 学习心得通过本次期末网页制作课程的学习，我充分感受到了网页制作的魅力和重要性。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
湖南文理芙蓉学院个人主页课程报告201703考试批次《网页制作》结课作业学生姓名学习中心•学号考号专业年级层次北京语言大学网络教育学院《网页制作》结课作业注意：本学期所布置的结课作业，请同学一律按照以下要求执行：一、学生必须预约才能在学生平台看见相关课程的“结课作业”按钮；二、提交路径：个人平台首页--学习中的课程，点击该课程名称--点击“结课作业”--点击“浏览”按钮，选择要上传的文档后点击“提交作业”即可。
三、结课作业提交起止时间：2017年1月21日--3月20日。
（届时平台自动关闭，逾期不予接收。
）四、提交的文档格式必须为word文档，截止日期前可多次提交，平台只保留最后一次提交的文档；五、严格按照课程名称提交相应课程结课作业，提交错误的结课作业，按0分处理。
一、设计题目（请在以下网页设计作品中任选其一，最后整理一份网站设计与实现的报告即可，具体要求如下。
总分100分）1、制作个人主页2、制作公司网站主页3、制作环保网站网页4、制作BBS注册网页5、制作购物网站6、制作班级主页7、制作家乡介绍网页8、制作汽车世界网页9、制作销售书店网页10、制作美食天下网页二、网站设计与实现具体要求1、设计题目：选择一个你最感兴趣的主题，进行网站设计与开发，网站内容具有实用价值。
2、开发环境：综合使用Dreamweaver CS、CSS、HTML、Flash CS、Fireworks CS、VBScrip（JAVAScript）等工具和语言，但动态网页制作不做硬性规定。
3、内容要求：①内容不限，但要求主题思想明确；②具体的设计所需素材，可在网上查找，但不得有严重侵权行为，一经发现按零分处理。
4、技术要求：①选用Div、表格、框架、层等若干技术设计和布局网页；②超级链接（一般链接、电子邮件、锚点等）的使用；④行为的运用、时间轴动画、JavaScript特效等；⑤其他：按自己的喜好，添加的其他技术效果。
5、网站结构要求：网站页面组织结构清晰合理，要求站点至少要有三层结构，至少三个网页以上。
网站中元素要包括：文字、图像、声音、Flash动画等。
6、网页界面要求：①网页页面结构清晰、美观大方、形式新颖、内容充实、浏览方便、鼓励创新；②网页中没有错别字；③每页均可以返回首页和链接到其它页，每页都有导航条；④可以自己制作图片、动画等以增加网页展示效果。
7、网站文件结构：网站建立的文件目录结构应合理，除首页（index.html或index.htm）外，其它页文件、图片等应放在相应的文件夹下，并且所有文件名、文件夹名、图片名等都必须使用英文小写字母。
三、撰写设计报告要求：最后整理一份网站设计与实现的报告，内容包括目录、需求分析、网站网页设计与实现内容，内容组织逻辑要合理，层次清晰，语言要准确通顺。
其具体来讲最好有以下内容：1、网站主题介绍；2、网站需求描述；3、网站页面结构规划与设计、网站文件夹目录规划、网页布局规划与设计；4、网页的实现（主要的步骤及实现代码等）；5、总结；6、按合理的顺序附主要源代码。
四、评分总则1、作业成绩2、设计报告①内容逻辑组织合理，层次清晰；②内容充实，重点突出，详略得当；③观点表达正确，语言准确通顺；④图表制作正确规范；⑤排版规范美观。
制作个人主页目录一、运行坏境 (5)二、设计的目的和意义 (5)2.1课题的目的： (5)2.2课题的意义： (5)三、设计步骤： (6)3.1 准备工作： (6)3.2 Flash设计步骤： (6)3.3 HTML的编写步骤： (6)3.4 Dreamweaver的设计步骤： (6)四、程序源代码 (10)五、调试过程分析 ..........................................错误!未定义书签。
六、网页的测试与发布...................................错误!未定义书签。
七、小结..........................................................错误!未定义书签。
参考文献. (20)一、运行坏境本网页主要基于windows XP /2000 或其他系列操作系统，安装有Flash 播放器、网页三剑客：Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的运行坏境。
二、设计的目的和意义2.1课题的目的由于本人比较喜欢火影，所以本次课程设计中主要是以火影为主要的素材。
本次课程设计的主题是个人网页制作，我主要做了7个网页。
网页主要是以flash 为主，子网页主要是以介绍为主，其中包含了人物的特点、擅长的技能、图片，能够帮助火影爱好者更清晰的了解剧情里面的人物关系和自身的特点！还有各种关于火影相关的连接，能够比较系统的找到火影的相关信息，希望对广大感兴趣的人爱好者会有所帮助！个人网页设计是采用HTML、Dreamweaver、Photoshop等结合开发的，要进行网页的开发，必须对要Dreamweaver、flash、Photoshop等设计软件有所了解。
而且还要熟悉利用HTML语法来编写网页代码。
当然，还要有一定美术功底。
2.2课题的意义：①．理论意义随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度.②．现实意义我们本次通过设计个人网页主要是学习掌握HTML语言的用法，以及Dreamweaver的一些具体操作，还有学会运用一些Photoshop的知识。
希望通过本次设计能够熟悉以上知识，并能够设计出好的网页。
三、设计步骤：3.1准备工作：①．本站素材来源：火影中文网、百度、Google等，并结合Photoshop、123Flash等辅助软件制作网页背景、图标等素材。
素材主要包括网站所需要的图片、火影忍者相关的文字说明如作者岸本齐史简介、火影忍者人物性格分析火影人忍者简介及剧情介绍等。
②．前期构思，主要完成网站主题框架设计如首页与分页面的逻辑结构、各分页面框架布局、首页框架布局、导航栏链接、完成基本的图像文字排版及部分较为简单的页面构思。
在头脑里完成《网站“火影之家”规划报告》（草案）。
3.2 Flash设计步骤：①. 进入Flash软件的运行环境设置背景颜色为黑色。
如图3-1所示：图3-1将下面的线条重复的放在黑色的背景上面，会出现有种渐变色的感觉。
如下图3-2所示：图3-2还有图片的相应的切换，每张图片都是由模糊到清楚慢慢的变化。
（需要编写程序实现这些功能）②.在编程区域编写程序，源代码见程序源代码中（style.css）：③.效果图如下：图3-1 图3-2图3-3 图3-4图3-5 图3-63.3 HTML的编写步骤：①.新建一个记事本文件。
②.在文本文档中编辑自己的HTML代码。
③.将文本文档的后缀名.txt改成.htm(或者 .html)。
④.如果完成后的.htm文档需要修改可以：1.用文本文档的方式打开修改 2.选择IE浏览器查看--》源文件修改网页中设计到的主要代码：获取图片代码:<img src="./images/#.gif" width="144" height="50">背景颜色设置：<body bgcolor="#d0d0d0">文字链接设置：<a href="lastpage.htm">This text</a>图片链接设置：<u><a href="index.htm"><img src="./images/11.jpg" width="116" height="32"></a></u>3.4 Dreamweaver的设计步骤：①.打开Dreamweaver主界面，单击菜单栏→文件打开已经编写好index.Html 等网页文件。
②.然后对index.Html文件的排版进行设置，经过一段时间的调整，主界面基本形成。
效果图如下所示：图3-7 —欢迎页面（1）图3-7 —欢迎页面（2）图3-7 —欢迎页面（3）③.子界面设置效果如下图所示：图3-8 —火影简介截图（1）图3-8 —火影简介截图（2）图3-8 —火影简介截图（3）图3-9—人物简介页面截图（1）图3-9—人物简介页面截图（3）单击logo 链接到海贼网的官方网界面，界面截图下：图3-10 —链接界面截图四、程序源代码①.style.css中的源代码如下：@charset "utf-8";/* CSS Document */body {font-size: 12px;margin: 0px;padding: 0px;background-color: #000;background-image: url(../images/bg.jpg);background-repeat: repeat-x;}a {color: #362a00;text-decoration: none;}a:hover {color: #ea0000;text-decoration: underline;}#index{margin:0 auto;text-align:center;color:#ccff66;}#index embed{width:800px;height:600px;}#index h1{font-size:36px;}#index h2 a{color:#02e3e3;font-size:24px;text-decoration:none;}#index h2 a:hover{color:#ccff66;}#header {height: 223px;width: auto;background-image: url(../images/header_bg.jpg);background-repeat: no-repeat;background-position: center;}#nav {height: 107px;background-image: url(../images/nav_bg.jpg);background-repeat: no-repeat;background-position: center;}#nav .nav_main {height: 107px;width: 931px;margin: auto;color: #FFC;}#nav .nav_main ul {margin: 0px;padding: 0px;}#nav .nav_main ul li {margin-left:45px;line-height:80px;display: inline;}#nav .nav_main ul.u1 {width: auto;font-size: 20px;font-weight: bold;text-align: center;padding-top: 25px;padding-bottom: 5px;color: #FC0;}#nav .nav_main .u1 li a {color: #FC0;text-decoration: none;padding-right: 5px;padding-left: 5px;}#nav .nav_main .u1 li a:hover {text-decoration: underline;color: #FC0;}#nav .nav_main .u1 li .red {color: #F00;}#nav .nav_main .u1 li .red:hover {color: #F00;}#nav .nav_main ul.u2 {text-indent: 25px;padding-top: 2px;padding-bottom: 2px;}#nav .nav_main .u2 li a {color: #FFC;text-decoration: none;padding-right: 5px;padding-left: 5px;}#nav .nav_main .u2 li a:hover {color: #FFC;text-decoration: underline;}#main {height:1200px;width: auto;background-image: url(../images/main_bg.jpg);background-position: center;background-repeat: repeat-y;}#main_up {background-image: url(../images/up_bg.jpg);background-repeat: no-repeat;background-position: center top;width: auto;}#main_up_body {width: 931px;margin: auto;height: 1200px;}#news {height: 1200px;width: 930px;}#news .news_main {background:#d5ad4b;height: 1200px;text-align:center;overflow:auto;}#news .news_main p{text-align:left;font-size:16px;line-height:180%;margin:10px;text-indent:32px;}#flink {background-image: url(../images/flinkbg.jpg);background-repeat: no-repeat;background-position: center center;padding-top: 16px;padding-bottom: 16px;text-align: center;padding-left: 70px;}#flink img {padding-right: 3px;padding-left: 3px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}②.index.Html中的源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>火影忍者</title><link href="style/style.css" rel="stylesheet" type="text/css" /></head><body><div id="index"><h1>欢迎来到火影之家</h1> <h1><a href="home.html">ENTER</a></h1><embed src="images/index.swf" ></embed></div></body></html>③.home.Html中的源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>火影忍者</title><link href="style/style.css" rel="stylesheet" type="text/css" /></head><body><div id="header"></div><div id="nav"><div class="nav_main"><ul class="u1"><li><a href="home.html">火影简介</a></li><li><a href="one.html">三代班</a></li><li><a href="two.html">卡卡西班</a></li><li><a href="three.html">阿斯玛班</a></li><li><a href="four.html">凯班</a></li><li><a href="five.html">红班</a></li></ul></div></div><div id="main"><div id="main_up"><div id="main_up_body"><div id="news"><div class="news_main"><img src="images/home.jpg"><p>《火影忍者》是日本漫画家岸本齐史的代表作，作品自1999年开始在周刊《少年JUMP》上连载后，读者反应非常热烈。