网页制作期末作业模板doc
《网页制作》(结课作业)
201706考试批次《网页制作》结课作业学生姓名：刘光鑫学习中心：山东淄博继续教育进修学校学号：***************专业：计算机科学与技术年级层次：1509高起专北京语言大学网络教育学院《网页制作》结课作业注意：本学期所布置的结课作业，请同学一律按照以下要求执行：1) 结课作业提交起止时间：2017年5月2日--6月19日。
（届时平台自动关闭，逾期不予接收。
）2) 结课作业课程均需通过“离线作业”栏目提交电子版，学院不收取纸介的结课作业，以纸介回寄的作业一律视为无效；3）截止日期前可多次提交，平台只保留最后一次提交的文档，阅卷时以最后一次提交的结课作业为准，截止日期过后将关闭平台，逾期不交或科目提交错误者，按0分处理；4) 提交文档要求：提交的文档格式为doc、rar，大小10M以内；5) 必须严格按照每门课程的答题要求完成作业，没有按照学院要求来做的结课作业，将酌情扣分。
个人网站设计报告一、准备工作经过本学期对网页设计基础这门课的学习，我对网页设计以及相关工具的使用有了深入的了解，在本学期末设计制作主题为个人主页的网页。
经过考虑对制作工具的筛选，决定用Dreamweaver做个人网页，设计和制作图片、页面及图标等。
本网站内容充实，在主页的设计上运用了模板、框架等。
分页面上运用了导航条。
插入了动态图片以及视频等增加了美观度，在首页的设计上本着简单易懂的原则，用户只要点击链接就能看到自己想看到的链接内容。
网站的首页设置了背景音乐，使访问者在浏览的同时还能欣赏到悠扬的旋律。
二、作品结构利用框架（选取了左右下的框架结构）设置基本模样。
左边框架作为导航栏，下边的部分作为滚动图片栏，右上方一大部分作为各个子网页的浏览区，在导航栏插入了音乐，以便放入的音乐不会随着链接的进入而消失，增添了网页的趣味性。
导航栏共包括：我的档案、我的日志、我的班级、我的宠物、视频欣赏等五项，分别链接到各个子页面，在导航区的最下方还设置有返回欢迎页面的链接，并且设置导航区的背景、颜色、插入动态图片等。
网页设计期末作业
网页设计期末作业使用dreamweaver cs5 +fireworks+flash软件，设计制作个人网站并完成报告。
作品要求：作品占期末作业的50%1、站点名称为“学号+姓名”。
站点用到的所有图片素材要放在名为“images”的文件夹中；首页名称为“index.html或index.htm”；css样式要存放在独立的样式表文件中，名称为“style.css”。
2、首页必须使用Css+div进行布局。
3、首页内容要求必须包含文字、图片、友情链接、版权信息，其他内容也可以根据自己的需要进行添加。
4、网站中其他子页，要求使用模版制作。
5、整个网站最少包含6个页面，不准出现无效链接。
6、网站中的logo为自己使用fireworks制作的，网站中的banner动画也为自己使用flash软件制作的，源文件要保存到站点相应的文件夹下。
7、网页内容不可过少，网页颜色搭配要协调美观，布局合理清楚。
8、每位同学要独立完成，不能出现重复。
如有雷同，两人都按“0分”计算。
报告要求：报告占期末作业的50%1、报告要有封皮、目录。
请参考相应文件。
2、报告内容主要为你的制作步骤，需要详细。
（可参考书后练习）3、报告中需要有截图，要求图片大小为“高度：7.57 cm，宽度：8.81cm”，每张图要有图号。
如下图所示。
图14、报告中的文字，字体为“宋体”、大小为“小四”，行间距为“1.5倍”，首行缩进“2个字符”。
5、每一页要有页码，每一页要有页眉（右对齐），页眉的内容为“班级+学号+姓名”。
6、报告要求最少10页。
7、不能有大段空白页面。
8、报告要打印出来。
说明：最后上交的内容为电子版的报告、网站、打印好的报告。
作业上交截止时间：2013年6月19日。
13春学期《网页制作》期末考核作业
13春学期《网页制作》期末考核作业DC. 指定字号时可以使用1~7 的数字。
D. 语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
2 . 下列（）不属于CSS的语句三个基本组成部分。
A. 选择符（selector）B. 容器（box）C. 属性（properties）D. 属性的取值（value）3 . 关于鼠标经过图像，下列说法正确的是( )。
A. 鼠标经过图像的效果是通过HTML语言实现的B. 设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像C. 可以设置鼠标经过图像的提示文字与链接D. 要制作鼠标经过图像，必须准备两张图片4 . 保存文档后，按（）键在浏览器预览效果。
A. F12B. F5C. Ctrl+EnterD. F45 . HTML的颜色属性值中，Black的的代码是( )A. "#00FF00"B. "#008000"C. "#000000"D. "#005060"6 . 如下所示的这段CSS样式代码，定义的样式效果是（）。
A：link {color：#ff0000;}a：visited {color：#00ff00;}a：hover {color：#0000ff;}a：active {color：#000000;}A. 默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B. 默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C. 默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D. 默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色7 . 在Dreamweaver中，下面关于层的说法错误的是( )A. 层可以被准确地定位于网页的任何地方B. 可以规定层的大小C. 层与层还可以有重叠，但是不可以改变重叠的次序D. 可以动态设定层的可见与否8 . 在Dreamweaver中，行为由( )构成。
_网站建设与设计期末大作业
网站建设与设计期末考核大作业一、考核要求：1.独立按时完成作业，不得弄虚作假，不准抄袭他人内容，否则成绩以0分计。
2.在考核过程中，要树立严肃、严密、严谨的科学态度，按时、按质、按量完成作业。
二、考核内容：综合运用《网站建设与设计》课程中所学习的有关网站设计的理论与技术自主设计开发一个小型网站，独立完成网站规划、网站功能设计、媒体设计、导航设计、数据库设计、主页设计、编程与测试等，具体要求如下：1．结合某一具体应用规划和设计一个网站，网站主页的名称为index.php，主页内容要包括网站logo，导航栏，页脚等内容；网站页面总数量不少于9个，不多于12个。
2．网站的名称为：webJob-学号，网站的所有内容存放于目录（文件夹）webJob-学号中，其中图像文件存放于“webJob-学号”目录下的image目录中，所有的媒体文件（如声音、视频等）存放于“webJob-学号”目录下的media目录中3．整个网站的大小（不压缩的情况下）不超过8MB4．页面设计技术方面要包括CSS、JavaScript等。
要求网站的整体风格一致，网页的制作、页面的结构、色彩、导航合理、信息量大小适度。
5．网页中要适当运用Gif动画、Flash动画、视频、声音等媒体。
6．使用PHP脚本语言与MySQL数据库设计开发至少一个动态网页。
三、作业提交最终提交成果包括两部分：网站设计说明书和作品。
1.网站设计说明书：网站设计说明书的内容包括：目录；网站设计目的和任务；网站功能设计：设计的功能与目标，及主要设计思想；网站详细设计：包括详细的网站结构图，各个模块的设计方法及具体使用的技术；网站设计心得与体会。
网站设计说明书采用Word文档，文件名为webJob-学号.doc，具体格式见范例。
2.设计作品：将整个网站压缩为一个RAR文件，文件名为：webJob-学号.RAR。
四、成绩评定标准1.优秀：网站很好的运用了新技术。
界面实用、美观、友好，浏览方便导航合理，适当考虑了浏览人群的需要，链接点明显，无坏链接。
《网页制作》结课作业
湖南文理芙蓉学院个人主页课程报告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达到很好的链接，缺失动态效果，以后努力完善。
网页设计_期末报告
2014-2015学年上学期《网页设计》课程期末大作业说明1.题目：*****网站设计与实现（根据学期初自已的选题确定）其中应包含以下内容：(1)网站设计概述⏹需要掌握的基本技术及它们的作用⏹平台的搭建和开发工具的选择⏹你的设计目标：解释你设计的主题和目标(2)典型网站设计分析及学习⏹以期中作业为基础，分析经典网站的设计⏹强调两点：文档标记的标准化与格式化，布局方式⏹从中你学到了什么？文件的组织结构、图片的大小、命名等，请自己思考展开(3)设计与实现⏹完成你自己的设计⏹整体布局思路：流式布局或固定布局？布局采用什么技术？⏹包含适当的代码及截图⏹代码请保持良好的格式⏹页面中的支撑文本可以任取样本文字(4)总结⏹从这门课你学到了什么？⏹还有什么需要在今后的学习中加以拓展？⏹WEB上的一些新的发展趋势，如HTML5你如何看？2.请提交：(1)设计报告（A4纸打印）⏹word文档⏹格式和基本内容要求（见附件1）(2)电子文件（以下文件压缩打包，以“学号_姓名”方式命名）⏹HTML文档：index.html⏹CSS文件：final.css⏹图片文件夹img：⏹设计报告的电子版：学号_姓名.doc3.提交时间和方式：(1)完成时间表：⏹2015年1月8日：提交最后完成的版本(2)地点：⏹上课地点4.附件：报告格式《网页设计》期末课程设计报告题目：灵异世界网站姓名：许蕾学号：12990255日期：2014年12月30日摘要请解释在这门课程的学习过程中，你学到了哪些知识？以及如何运用这些知识，来进行设计与实现的。
随着大三上学期正式的开始，抱着懵懂的心态，选择了网页设计与制作这门课程，曾记得第一节的课的时候，老师让每一位同学提一个问题，上完第一节课似乎我应该大概明白我们这学期学习网站关于哪方面的知识，接下来，在听完老师讲课的基础上，自己学习w3Cschool在线学习网站上关于html标记语言和css样式方面的教程。
网页设计期末作业
网页设计课程期末大作业一、题目结合课堂所学内容，综合运用数据库、静态和动态网页技术，制作一个通讯录网站。
二、具体内容1、利用DreamWeaver软件制作一个简单的通讯录网站，自行设计网页格式，要求站点组织结构清晰，文件链接正常。
2、使用Access 建立数据库文件，数据库中至少包含两张表格，分别用于记录网站注册用户信息和通讯录信息，通讯录信息至少包含姓名、电话、地址等3列内容。
3、网站主要页面包括用户注册页面、登录页面、通讯录查询页面、通讯录添加页面。
可实现用户自行注册，登录，用户登录后可按照姓名查询通讯录信息。
在用户注册时，用户名和密码不能为空，且密码必须为数字，提交表单时应能自动检查。
统一设置管理员账号admin，密码admin，管理员登陆后可插入新的通讯记录。
4、主页统一命名为index.html，如为动态网页，则命名为index.asp。
主页应包含logo、导航栏等元素，导航栏可使用flash 按钮、鼠标经过图像或者CSS 样式表等技术美化。
5、可自由选择使用表格、框架或者层等技术进行页面的布局，要求布局美观合理，主题鲜明。
6、使用外部样式表，统一网站内页面风格，要求色彩搭配和谐，页面美观。
三、其他说明1、网站文件夹用你的学号命名，整个网站文件夹压缩打包后，在6月16日前发送至平时作业邮箱aliweb2015zy@，邮件名为期末作业+学号+姓名，例如”期末作业20121111张三“，必须严格按照此格式，否则可能被视为未交作业。
2、必须制作一份作业说明文档（学号+班级+姓名.doc），写清楚你网站的使用说明（配上截图），你的网站结构（根目录，子目录，网页之间的联系等），数据库结构（包含哪几张表，每张表包括哪些属性列）等内容。
3、做好自己作品的著作权保护，在主页底部footer 位置请注明你的班级、学号和姓名，如有抄袭雷同作业，双方成绩均不及格。
网页设计——期末练习资料
实训1 页面控制实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性、如何在网页中添加背景音乐等操作。
素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
实训内容创建站点：设置外观：设置标题：设置标题/编码：设置跟踪颜色：设置颜色：设置窗口大小：添加背景音乐：实训要求实训步骤在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。
定义站点：设置"站点名称"，命名为"mysite";设置本地根文件夹,指定为E盘下的root 文件夹;设置"HTTP地址"为localhost。
创建与设置文档的页面属性：新建一个页面，设置文档页面属性：标题设置为"我的班级"，背景图像设置为image\ 0l.jpg图像，左边界、边界宽带、顶部边界以及边界高度分别设置为20设置页面中文字的字体、字体大小：选择文字部分，在属性面板设置字体及字体的大小。
添加背景音乐：为整个页面添加一个背景音乐。
在代码视图下在<body>和</body>之间如下添加代码：<embed src=01.mp3 hidden=true autostart=true>保存文件，预览文件效果。
实训过程注意事项在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；所有的图片文件单独放在image文件夹内。
背景音乐必须放在站点文件内。
页面效果图图1-1实训2 文本操作实训目的为了让学生能熟练掌握在Dreamweaver中如何输入文本，调整设置文本的格式；如何插入特殊字符、文本列表、水平线、时间、注释的方法。
素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
实训内容输入文本：调整文本：插入特殊字符：插入文本列表：插入水平线：插入时间：插入注释：设置文本格式：实训要求要求学生掌握在Dreamweaver中输入文本、设置文本格式、插入特殊字符、项目符号等操作。
《 网页设计与制作》期末作业
《网页设计与制作》期末作业:设计制作一个小型网站
网站主题：内容健康，思想积极向上，具有时代气息，题材不限，可以是个人主页、班级主页或者课程主页。
网站外观：站点统一，简洁大方，不能过于花哨。
网站规模：站点结构完整，各级页面数量适量（5-10个子页面为适中）。
技术要求：1、图文混排2、通过表格、框架及div三种方式对页面进行布局3、至少包含2种不同的链接方式4、在至少1个页面中插入多媒体文件5、在至少1个页面中使用表单6、使用css样式美化页面。
加分项目：特色美工技巧或网页特效等。
提交时间：
提交地址：
提交格式：
1、设计说明书：设计人姓名、学号、说明网站主题、使用的网页元素、网页布局、网站结构、使用的相关软件。
2、网站源文件。
步骤参考：
1、根据网站的主题进行栏目的策划，并为自己的网站取一个名字。
2、进行网站结构的规划，确定网站的层次数，画出网站的结构框图。
参考：海尔网站的链接结构
3、根据栏目设计，收集有关材料。
4、对收集的材料进行提炼加工，以符合自己的需要。
5、进行各级页面的设计，同时考虑与所需制作软件的结合。
不交作业的零分！
严禁抄袭，抄袭的零分！。
网页设计大作业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.收藏七、设计总结第一要具备专业的网页制作技术，能够用模板，框架实现自己的所想。
《网页制作》期末[1]
![《网页制作》期末[1]](https://img.taocdn.com/s3/m/c499e13b580216fc700afd1c.png)
《网页制作》期末作业
一、设计环境：
综合使用Dreamweaver 2008，CSS,HTML， JAVAScript等
二、设计题目：
建立一个网站，网站文件夹名为xn(x为姓名，n为学号），网站主题内容自定。
三、设计时间
4个学时
四、具体要求：
1、内容要求：内容不限，但要求主题思想明确。
说明：1）网站内容可以是个人主页、班级主页、介绍家乡、专题站点等2）具体的设计所需素材，可在网上查找，但不得作出一些侵害别人版权的行为。
2、设计工具使用要求：
网页编辑工具使用Dreamweaver 2008
3、页面要求：用表格方式排版，注：表格边框设为0；结构清晰、形式新颖、内容充实、浏览方便、鼓励创新。
4、结构要求：要求站点至少要有6层结构，至少6个网页以上。
要求要有图片或flash，有网页背景，可以应用主题。
说明：1）主页放在web文件夹根目录下，保存为index.htm，
2) 每页均可以返回首页和链接到其它页，每页都有导航条。
3) 可以自己制作图片、动画等以增加网页展示效果。
5) 网站下建立的目录结构应清晰，除首页外，其它页文件、图片等应放在相应的文件夹下，并且所有文件、图片名都必须使用英文小写字母。
五、提交时间
1、最迟提交时为2010年6月15日
2、以班为单位提交，即各班学习委员收齐后，再交给老师。
《网页设计与制作》期末课程大作业
《网页设计与制作》期末课程大作业
一、内容要求：
利用Dreamweaver、Fireworks两软件完成一个简单网站设计，具体要求如下：
1、网站必须具有统一主题，所有网页具有统一风格，所有素材都围绕主题；（10分）
2、网站由至少5个网页组成，主页统一使用index.htm为文件名，作为网站访问的入口；（15分）
3、网站的主页面中（index.htm）中必须包含logo设计，导航菜单；（10分）
4、网页中必须使用到表格布局；（10分）
5、网页中必须使用到框架结构；（10分）
6、页中必须使用文字、图片，并注意排版和css的设定；（10分）
7、网页中必须使用多种链接形式，链接必须便于操作，主页可以访问所有子页，并且所有子页都能利用链接返回主页；（10分）
8、设计必须利用本地站点，合理管理本地站点文件夹，将素材归类放置在相应文件夹中，所有文件和文件夹的命名必须有意义；（15分）
9、网页中必须使用到自己利用Firework做的图片素材，源文件保存在相应文件夹中。
（10分）
二、上交的资料：
1、fw中的页面设计文件；
2、你按照上面要求制作好的站点整个目录（站点名字为你的名字的全拼）；
3、word文档进行综述；（作品构思，作品结构，作品设计制作的流程简述，作品的独创性所在）
将上述文件放在一个以你名字和学号命名的文件夹中，并打包成为压缩文件：
三、上交时间
4月30日之前将压缩文件拷贝交给班长，班长清点人数，统一上交。
网页制作期末试题及答案
网页制作期末试题及答案以下是网页制作期末试题及答案，符合要求的文章：网页制作期末试题及答案一、试题1. 请简述HTML和CSS的作用和关系。
2. 请解释HTML标签和CSS选择器的作用和用法。
3. 请列举并解释HTML常用的标签和它们的用途。
4. 请列举并解释CSS常用的选择器和它们的用途。
5. 请简述响应式网页设计的原理和实现方法。
6. 请解释JavaScript的作用和用途。
7. 请简要介绍常见的网页优化方法。
8. 请简述网页访问性（accessibility）的概念和重要性。
9. 请列举并解释网页制作中常用的图形格式。
10. 请简要介绍网页制作的常用工具和软件。
二、答案1. HTML（超文本标记语言）用于描述网页的结构和内容，而CSS （层叠样式表）用于描述网页的展示和样式。
HTML提供了网页的结构框架，通过标签元素实现了文本、图片、链接等内容的展示；CSS则用于控制这些元素的样式，如颜色、字体、大小、布局等。
HTML和CSS是紧密结合的，通过在HTML中添加CSS样式，可以实现更加丰富和美观的网页设计。
2. HTML标签和CSS选择器都用于在网页中标记和选择元素。
HTML标签是由尖括号括起来的单词或符号，用于定义元素的属性和内容，如<p>表示段落、<img>表示图片等。
CSS选择器可以根据元素的标签名、类名、ID等属性进行选择和样式控制，如p表示选择所有段落、.class表示选择指定类名的元素、#id表示选择指定ID的元素等。
3. HTML常用的标签有：- <html>：定义HTML文档- <head>：定义文档的头部区域- <title>：定义文档的标题- <body>：定义文档的主体内容- <h1>～<h6>：定义标题（h1最高级，h6最低级）- <p>：定义段落- <a>：定义链接- <img>：定义图片- <ul>：定义无序列表- <ol>：定义有序列表- <li>：定义列表项这些标签用于搭建网页的骨架和展示内容。
网页设计课程期末大作业
网页设计课程期末大作业一、题目结合课堂所学内容，综合运用数据库、静态和动态网页技术，制作一个通讯录管理网站。
二、具体内容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位置请注明你的班级、学号和姓名，如有抄袭雷同作业，均视为不合格。
期末考试网页设计
实验一：①打开VS2005，新建网站，选择文件系统；右键单击“解决方案资源管理器”中的c:\...\WebSite1\添加新项，新建网页并命名为task1.aspx；②在“设计”视图下分别添加一个Label和Button控件，将Label和Button控件的text属性值分别改为“Hello World”和“单击”；③双击Button控件，在Button_Click事件中写入以下代码：Label1.ForeColor=Drawing.Color.BlueLabel1.FontName=”华文云彩”Button1.Enabled=False实验二：①新建网站，在c:\...\WebSite1\中新建文件夹ch2，在ch2中添加新项，新建网页并命名为“W Form2-6.aspx”；②在“布局”中选择“插入表”并设置为3行2列，第1列的前两行中分别输入“用户名”和“密码”，第2列的前两行中分别插入“工具箱”子菜单“HTML”下的“Input（Text）”和“Input（Password）”控件，将第3行的两列合并单元格，插入“Input（Submit）”和“Input（Reset）”控件；③切换到“源”视图下，写入代码如下：<script language=”javascript” type=”text/javascript”>// <! CDATA[function Submit1_onclick() {if(form1.Text1.value==”1234”&&form1.Password1.value==”1234”)alert(“您的用户名和密码输入正确”);elsealert(“您的用户名和密码输入错误”); }// ]]> </script>实验三：①在c:\...\WebSite1\中新建网页并命名为“W3-1.aspx”，并新建文件夹命名为“Image”，将“李白.jpg”和“杜甫.jpg”导入；②在“设计”视图下添加Image控件，在其ImageUrl属性中选择Image文件夹里的“李白.jpg”，并复制其属性值；③添加DropDownList控件，勾选“AutoPostBack”，点击“编辑选项”，在Text和Value属性栏里粘贴ImageUrl属性值，然后添加新项，在Text和Value属性栏里粘贴ImageUrl属性值，并将“李白”改为“杜甫”，点击“确定”；④打开W3-1.aspx.vb*，写入以下代码：Dim i As Integeri=DropDownList1.SelectedIndexImage1.ImageUrl=DropDownList1.Items(i).ValueImage1.AlternateText=DropDownList1.Items(i).Value实验四：①新建网站，在c:\...\WebSite1\中新建文件夹ch1，在ch1中添加新项，新建网页并命名为“W4-1.aspx”；②在W4-1.aspx，在“设计”视图下添加一个TextBox控件，将TextMode属性值设为MultiLine，Text属性值设为“蚌埠医学院（换行）卫生管理系”，然后添加三个RadioButton控件，将它们的GroupName属性值都设为xp，将它们的Text属性值分别改为“隶书”、“楷体”、“黑体”，再添加一个CheckBoxList控件，将它的AutoPostBack属性值设为“True”，在“编辑选项”中添加“加粗”、“斜体”、“下划线”这三项，最后添加一个Button控件，将Text属性值设为“提交”；③双击Button控件，在Button_Click事件中写入以下代码：Dim it As ListItemIf RadioButton1.C hecked=True Then =“隶书” End IfIf RadioButton2.Checked=True Then =“楷体” End IfIf RadioButton3.Checked=True Then =“黑体” End IfFor Each it In CheckBoxList1.ItemsIf it .Value=“加粗”Then TextBox1.Font.Bold=True End IfIf it .Value=“斜体”Then TextBox1.Font.Italic=True End IfIf it .Value=“加粗”Then TextBox1.Font.Underline=True End IfNext实验五：①新建网站，在c:\...\WebSite1\中新建文件夹ch1，在ch1中添加新项，新建网页并命名为“W5-1.aspx”；②在“设计”视图下输入字符“可选城市目的城市”，添加一个ListBox控件，将它的AutoPostBack属性值设为“True”，SelectionMode属性值设为“Multiple”，在ListBox中添加“上海广州武汉呼和浩特南宁乌鲁木齐”，在它的右边添加一个Button控件，Text属性值为“选择”，再在Button控件的右边添加一个ListBox控件，将它的AutoPostBack属性值设为“True”，SelectionMode属性值设为“Multiple”；③添加一个Button控件，Text属性值为“选定出发时间”，再添加一个Label控件，Text属性值为空，最后添加一个Calendar控件，设置“自动套用格式”为“彩色型1”，将“Visible”属性值设为“False”；④双击Button1控件，在Button1_Click事件中写入以下代码：Dim it As IntegerIt=ListBox1.SelectedIndexIf ListBox1.Items（it）.Selected ThenListBox2.Items.Add（ListBox1.Items（it）.Value）End If⑤双击Button2控件，在Button2_Click事件中写入以下代码：Calendar1.Visible=TrueLabel1.Text=Calendar1.SelectedDate.ToShortDateString。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作
作业（五）
学院：教育科学与技术学院班级：
姓名：
学号：
日期：2012年6月29日
综合网站的开发及其设计方案
一、确定网站主题及风格创意
(1)网站的主题是什么？
(2)网站的用户是谁？有哪些功能？
(3)网站的风格定位是什么?
例如：政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动一些；商务主页则可以贴近民俗，使大众喜闻乐见；文化教育部门的主页风格应该高雅大方、格调清新，不宜太花。
对于画面风格的选择：需要考虑是写实还是写意，是体现专业性还是大众化，是为儿童还是为成人。
对形式的简繁的选择：是追求简洁还是花哨，不同性质的网站在这方面会有不同。
如艺术网站，会不厌其烦地用各种手法来展示其创意。
对于色调选择：是活泼还是庄重，是素还是艳，比如食品网站应选择的色彩很艳丽，如果选择素的色彩，可能就无法体现出水果和蔬菜的那种生气，而工艺品网站的色调是以素为主，突出了手工艺品的典雅。
二、网站功能模块规划
（1）画出站点地图，例：
（2）画出链接结构图
（3）阐述各模块的布局特点及技术实现
●布局技术
阐述采用表格、层或框架实现？是否采用模板？
●各静态模块的功能特点及内容呈现
●动态模块的功能实现及技术（包括ASP核心代码的解释）
三、综合性布局设计（编写故事板）
对本次作品作整体评价及分析，并谈谈个人的收获及感受
11 / 11。