下载文档原格式
网页设计期末作业使用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日。
网站建设（Php）学期末结业设计
方向自定，题目自拟，但设计平台必须为php+MySql如：php+MySql网络
在线留言簿设计
（自由组合，最多三人一组，但每个人交论文时必须说明自己设计的部分，上交内容含作品和论文两部分，课程结束前完成，成绩记入学期末成绩）
学科专业：
班级：
姓名：
指导老师：杨庆虎
贵州亚泰职业学院
2013 年6月
摘要：
小四号、宋体关键词：五号、宋体
目录
含两级，一级目录四号宋体、加粗、二级目录五号宋体
第一章前言
ERP在企业运用中：(五号、宋体)
1.1论文研究的背景
1.2高校校园一卡通的现状
第二章理论基础与技术2.1数据库基础
2.1.1数据库运算
第三章校园一卡通总体规划
图3-1 校园一卡通业务流程图
第四章 数据库详细设计
4.1分E-R 图设计
图4-1学生信息E-R 图
(2) 业务操作E-R 图：业务操作E-R 图包含有一卡通、读卡机和机构三个实体，其中一卡通和读卡机之间是刷卡的多对多关系，读卡机由相关部门管理，一个机构部门管理多台读卡机。
E-R 图示如下：
表4-1消费分析表
表4-2 DMTREE算法存储表第五章总结
致谢
作者：
七、主要参考文献
[1]. 陈磊. 《民办高等教育研究》.出版地:湖北武汉.出版社:武汉理工大学出版社: 出版年: 2008.09 ,23.
[2]. 刘鹏.《云计算》.出版地:北京市.出版社: 电子工业出版社: 出版年: 2010.03 ,1.。
网页设计与网站建设期末试卷（B卷）学号：姓名：得分：一、单选题（30小题，每题1分，共30分）1. 【标签】面板中的表格属性Align设置居中的是（）A．rightB. leftC. centerD. up2．同一网页或不同网页中指定位置的链接称为（）A．外部链接B．内部链接C．锚记链接D．热区链接3．下列不属于Flash元件的是（）A．动画B．表单C．图形D．按钮4．下面说法错误的是( )。
A、单元格可以相互合并B、在表格中可以插入行C、可以拆分单元格D、在单元格中不可以设置背景图片5．在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为( )。
A、parentB、_selfC、_topD、_bank6. 以下表示表格标签是的（）A．<form> B. <tr> C. <table> D. <td>7.如果不想在段落间留有空行，可以按（）组合键。
A．Enter B.Ctrl+EnterC . Alt+Enter D. Shift+Enter8. 在网页中连续输入空格的方法是（）A. 连续按空格键B．按下Ctrl 键再连续按空格键C．转换到中文的全角状态下连续按空格键D．按下Shift键再连续按空格键9.在Dreamweaver中，静态网页的扩展名是（）A．.html B. .aspC. .dwtD. .css10. 添加走动文字的标签是（）A．<marquee></marquee>B. <title></title>C. <html></html>D. <table></table>11.关于网页中的换行，下列说话错误是的（）A.可以使用<br>标签换行B. 可以使用<p>标签换行C.使用<br>标签换行，行与行之间没有间距；使用<P>标签换行，两行之间会空一行D.可以直接在html中代码中按一下回车键换行，网页中的内容也会换行12. 在HTHL语言中，如果要对文字的颜色进行修饰，应通过（）A．font-family:”宋体” B. Font-size:9ptC. color:#990000D. href=”../example/2.html13. 在表格中边框默认的值是（）A．-1 B. 0 C. 1 D. 214. 设置表格的行数和列数，不能采用的方法是（）A．在插入表格时设置表格的行数和列数B．选中整个表格，在属性面板中修改其行数和列数C．通过拆分、合并或删除行、列来修改行数和列数D．打开代码视图，在<table>标签中修改相应属性，以修改表格的行数与列数15. 以下表示段落标签的是（）A. <p> 段落标签B. <td> 行标签C. <hl> 显示文字效果D. <pre> 格式标签16.以下表示声明框架标签的是（）A. <frameset>B. <frame>C. <table>D. <td>17.以下标题字标签中，显示出得文字效果，字号最大的是（）A. <h1>B. <h2>C. <h3>D. <h4>18.以下表示声明表单标签的是（）A. <frameset>B. <form>C. <table>D. <tr>19.在网页中的任意位置，可以插入框架的标签是（）A. <frameset>B. <frame>C. <iframe>D. <noframes>20.添加背景音乐的标签是（）A.<bgmusic>B. <bgm>C. <bgsound>D. <music>21.超文本标记语言是指（）A.URLB.Super Markup LanguageC.XMLD.HTML22.在网站设计中所有的站点结构都可以归结为（）A.两级结构B.三级结构C.四级结构D.多级结构23.Dreamweaver中，模板文件的扩展名是（）A.htmB. .aspC. .dwtD. .css24. 在Dreamweaver中，表格的主要作用是（）A．用来组织数据B．用来表现图片C．实现网页的精确排版和定位D．用来设计新的页面25.网页中插入的flash动画文件的格式是：（）A.GIFB.PNGC. SWFD.FLA26．Flash动画是（）A．流式动画 B．GIF动画C．A VI动画D．FLC动画27．CSS侧重于（）A．Web页的继承性和表现B．组织和查找数据C．网页的初始创建D．Web页内容的动态表现28.创建空链接，需要在属性面板的“链接”文本框中输入的一个符号是（）A.#B.$C.@D.&29.插入背景音乐需要将bgsound标记添加到网页文件<head>、</head>之间，那么用来设置音乐路径的属性是（）A.hrefB.pathC.srcD.address30.在Dreamweaver中列表的列表属性中有四种项目列表类型，其中以数字编码开头，并有明确的先后顺序的是（）A.项目列表B. 编号列表C.目录列表D. 菜单列表二、多选题(每题2分，共10分)1.网页中常用的图像格式包括（）A.GIFB.BMPC.JPEGD.WAVE.PNG2.创建图片局部热区链接，包括哪几种类型？（）A.椭圆形热点B.矩形热点C.多边形热点D.圆形热点E.月星热点3.通常的图像处理工具包括（）A.PhotoshopB.FireworksC.FrontpageD.DreamweaverE.Flash4.网站命名的原则包括：( )A、要有很强的概括性B、要合理、合法、易记C、名称不宜过长D、要有个性5. Dreamweaver中模板的作用是：( )A、有利于保持网页风格的一致B、可以进行网页的布局C、提高网页更新和维护的效率D、设置网页元素的显示方式E、适合于团队合作三、名词解释题（每题4分，共20分）1．文档相对路径2．CSS样式表3．图层4．表单5．URL四、简答题（每题6分，共30分）1．简述GIF、JPEG和PNG3种基本图像的特点（8分）2、简述使用外部CSS样式表相对于使用内部CSS样式表的好处。
课程设计任务书设计题目：学生信息管理系统学生信息管理系统是各大高校所不可缺少的一部分，随着计算机水平的快速提高，学生信息管理系统也在不断地发展和完善。
管理信息系统主要包括了学生的信息管理以及课程和成绩管理，基本上实现了管理系统所必须的功能，下面介绍学生信息管理系统数据库的设计。
一、系统设计在进行系统的详细设计之前，首先应该设计好系统的模式并确定好系统的功能目标和具体页面，下面就是学生信息管理的系统设计。
从系统的设计目标上来看，学生信息管理系统的主要功能如下：（1）登录验证功能。
（2）学生信息查看功能。
（3）信息编辑删除和添加功能。
（4）成绩查看和搜索功能。
（5）课程浏览搜索功能。
（6）密码修改功能。
从系统的实现上来看，共有十七个页面，每个页面的功能实现和说明如下所示。
页面说明下面将介绍在系统设计之前数据库的需求分析和设计。
二、数据库设计本系统主要涉及一个ACCESS数据库，该数据库的名字为newcon（学生信息管理系统），该数据库一共有四个表，分别是users （用户表）、student（学生信息表）、course（课程信息表）、score （成绩表）。
以下是这几个表的设计：下面是几个表之间的关系：表与表之间的关系建立好后，我们就可以给表添加相关的数据，数据添加好后，到此为止数据库设计就完成了。
三、系统实施准备工作1.在Dreamweaver 8中建立一个动态站点，其目录在F盘下的学生信息管理系统，在建立动态站点时，必须先在根目录里打开IIS，再开始建立动态站点。
在建立动态站点过程中，其中有一步是测试文件，如下图：只有在根目录下的IIS打开后才能测试成功，接着进行下一步，确定即可建立好动态站点的建立。
2.该学生信息管理系统一共涉及到十七个页面，这些页面的名字我已经在前面的页面说明中详细说明了页面的名字和功能。
我们在建立动态站点后，需要将这十七个页面的基本框架设计好，在这里就不再详细介绍这十七个页面的设计，后面我将详细讲解系统功能实现需要在相应的页面添加相应的服务器行为。
网站建设与设计期末考核大作业一、考核要求：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.优秀：网站很好的运用了新技术。
界面实用、美观、友好，浏览方便导航合理，适当考虑了浏览人群的需要，链接点明显，无坏链接。
《网页设计》课程期末考试作业网站名称：孤独的探戈设计人：谢岭班级：电子商务151学号：37评阅人：王选勇学期：2016~2017学年第1学期成绩：丽水学院工学院2016.12诚信承诺我谨在此承诺：本人所完成的《网页设计基础》期末考试作品均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。
承诺人（签名）：谢岭2016 年 12 月 25日《网页设计》课程期末考试作业成绩评定表《孤独的探戈》设计说明书一、选题的分析（选题的意义，针对选定的课题，打算如何展开设计，想表达什么内容？）本次我选的网站主题是音乐，我平时就十分喜欢听音乐，我觉得音乐是一种年轻人表达自我的一种方式，通过音乐我们能表现自己的喜怒哀乐，表现出自己的生活态度。
音乐能够给我们力量，给我们安慰，给我们无限的希望。
我们心里总有那么一首歌，想唱给心爱的姑娘；总有那么一首歌，慰藉我们孤独的灵魂。
因此，我也想制作一个音乐网站，通过音乐的力量来给更多的人温暖和安慰。
针对这次选定的主体，我打算制作六个网页，分别为首页，歌手，专辑，排行榜，MV和自我简介六部分。
首先制作之前，我借鉴参考了主流音乐网站QQ音乐和网易云音乐的网页排版布局，取其精华，为我所用。
我初步确定了本次网页布局为简单的上下型，简洁明了方便用户浏览。
网页内容为图文并茂，以较少的文字加上多彩的图片吸引用户兴趣。
总而言之，这次网站设计的理念是极简主义，去除多余的文字，排版内容简单明了，贯穿一种单纯真诚的生活态度。
二、如何运用网络的优点进行更好的表达（网站的版面风格、版式、颜色、互动性、多媒体等。
为什么这样做？）首先，本次网站页面的版面布局借鉴了一些优秀的音乐网站的排版，版面以上下型为主，风格偏简洁舒适自然，因为过多的东西以及一些花俏的动画，会给人视觉疲劳，看来起来繁重累赘，不利于用户的浏览体验。
网页的颜色以白色，灰色为主，看起来低调却富有内涵，同时加入多彩的图片以至于整体不会太沉闷。
网页设计期末作业报告一学期的网页设计课结束了，回顾这次期末作业的完成过程，主要分为以下几个阶段。
【确定主题】这次的作业没有对主题和内容进行限制，因此我选择了一部自己感兴趣的动漫作为这次网页设计期末作业的主题。
选择这样一个主题不仅能提高我在制作过程中的兴致，也更容易在网络上搜索到相关的图片与文字资源。
【构思布局】由于我对曾经做过的数码商城印象深刻，因此我决定参考那张网页的布局，最后我基于其header、banner和menu的格式将网站的头部先做了出来。
经过对现有素材的观察与思考，我将网站的色调确定为黑色调。
至于首页的主体部分，我决定使用左右各一个div的方式，将其分割，末端使用与menu相同的样式作为页脚。
【难点回顾】在制作banner的时候我遇到了第一个难点，就是logo经过绘图压缩之后颜色与我所找的背景图片不合，以及搜索按钮的“剑”的底色是白色，因此用了许多时间PS抠图，然而文字部分的细节没有处理干净，但是整体的色调还算和谐。
第二个难点是我想要让主体部分的图片呈现选项条的效果，百度了许多方法，最后使用css样式的一种方法，结果图片在hover状态会上移，尝试了许多次没有解决这个问题，为了网页的整体美观只能遗憾地放弃了这个功能。
第三个难点则是图片的排列混乱，最后将两个图片放在同一ul里解决了这个问题。
【总结感想】限于时间和能力，这个网页还很不完善，大部分链接为“摆设”，对于一个真正的网站来说，还需要实现搜索、留言等功能，但是我也从这次网页制作学到了平时很难学到的东西。
这学期的课程有很多时候是由老师带领着我们制作网页，而且有一个明确的目标，但是自己制作网页时，“目标是什么”这个问题往往会先将我难住，以及平时可能觉得挺熟悉的东西实现起来也并不是很顺手。
经过这一学期的学习，尽管最终的作品有许多不尽人意之处，但我确实地感觉到了这门课程的学习是有价值的，希望能在以后的学习和工作中与这次所学相逢！部分网页预览图。
网页设计课程期末大作业一、题目结合课堂所学内容，综合运用数据库、静态和动态网页技术，制作一个通讯录网站。
二、具体内容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 位置请注明你的班级、学号和姓名，如有抄袭雷同作业，双方成绩均不及格。
《网页设计与制作》期末作业:设计制作一个小型网站
网站主题：内容健康，思想积极向上，具有时代气息，题材不限，可以是个人主页、班级主页或者课程主页。
网站外观：站点统一，简洁大方，不能过于花哨。
网站规模：站点结构完整，各级页面数量适量（5-10个子页面为适中）。
技术要求：1、图文混排2、通过表格、框架及div三种方式对页面进行布局3、至少包含2种不同的链接方式4、在至少1个页面中插入多媒体文件5、在至少1个页面中使用表单6、使用css样式美化页面。
加分项目：特色美工技巧或网页特效等。
提交时间：
提交地址：
提交格式：
1、设计说明书：设计人姓名、学号、说明网站主题、使用的网页元素、网页布局、网站结构、使用的相关软件。
2、网站源文件。
步骤参考：
1、根据网站的主题进行栏目的策划，并为自己的网站取一个名字。
2、进行网站结构的规划，确定网站的层次数，画出网站的结构框图。
参考：海尔网站的链接结构
3、根据栏目设计，收集有关材料。
4、对收集的材料进行提炼加工，以符合自己的需要。
5、进行各级页面的设计，同时考虑与所需制作软件的结合。
不交作业的零分！
严禁抄袭，抄袭的零分！。
网站建设与设计期末考核大作业
一、考核要求：
1.独立按时完成作业，不得弄虚作假，不准抄袭他人内容，否则成绩以0分计。
2.在考核过程中，要树立严肃、严密、严谨的科学态度，按时、按质、按量完成作业。
二、考核内容：
综合运用《网站建设与设计》课程中所学习的有关网站设计的理论与技术自主设计开发一个小型网站，独立完成网站规划、网站功能设计、媒体设计、导航设计、数据库设计、主页设计、编程与测试等，具体要求如下：
1．结合某一具体应用规划和设计一个网站，网站主页的名称为index.php，主页内容要包括网站logo，导航栏，页脚等内容；网站页面总数量不少于9个，不多于12个。
2．网站的名称为：webJob-学号，网站的所有内容存放于目录（文件夹）webJob-学号中，其中图像文件存放于“webJob-学号”目录下的image目录中，所有的媒体文件（如声音、视频等）存放于“webJob-学号”目录下的media目录中
3．整个网站的大小（不压缩的情况下）不超过8MB
4．页面设计技术方面要包括CSS、JavaScript等。
要求网站的整体风格一致，网页的制作、页面的结构、色彩、导航合理、信息量大小适度。
5．网页中要适当运用Gif动画、Flash动画、视频、声音等媒体。
6．使用PHP脚本语言与MySQL数据库设计开发至少一个动态网页。
三、作业提交
最终提交成果包括两部分：网站设计说明书和作品。
1.网站设计说明书：网站设计说明书的内容包括：
目录；
网站设计目的和任务；
网站功能设计：设计的功能与目标，及主要设计思想；
网站详细设计：包括详细的网站结构图，各个模块的设计方法及具体使用的技术；
网站设计心得与体会。
网站设计说明书采用Word文档，文件名为webJob-学号.doc，具体格式见范例。
2.设计作品：将整个网站压缩为一个RAR文件，文件名为：webJob-学号.RAR。
四、成绩评定标准
1.优秀：
网站很好的运用了新技术。
界面实用、美观、友好，浏览方便导航合理，适当考虑了浏览人群的需要，链接点明显，无坏链接。
程序有一定难度。
文档清晰、完整。
设计报告逻辑性强，条理清晰，有独到的设计方法。
2.良好：
网站较好的运用了新技术。
界面友好，浏览较方便，导航较合理，考虑了浏览人群的需要，链接方便合理有效，无明显失误。
程序有一定难度。
文档清晰、完整。
设计报告条理清晰。
3.中等：
网站正确使用了一些新技术。
界面友好，浏览尚方便，导航较合理，考虑过浏览人群的需要，链接方便有效，无明显失误。
设计报告条理清晰。
4.及格：
网站正确的运用了一些新技术。
界面友好，浏览尚方便，导航尚合理，链接方便合理有效。
文档较完整，设计报告编写缺乏条理。
5.不及格：
浏览网页时，运行时错误较多。
界面不友好，浏览不方便，有明显的链接失误。
文档、设计报告编写缺乏条理，逻辑混乱。
