计算机一级辅导-网页设计共53页文档

江南影视艺术职业学院毕业设计（论文）题目姓名学号专业指导教师2012 年6 月1 日Ⅰ设计总说明本设计按照学校毕业设计任务的要求完成，题目为学校教育论坛网站。

设计主要包括了注册登录系统，留言系统，后台管理系统等。

本设计通过当今社会的背景证实它是可行的。

本设计主要运用了dreamweaver、Access数据库、photoshop等软件。

该设计的页面简洁明了，一目了然，符合了普通学生对网页的操作要求。

简单的同时，它的内容也不乏丰富，学生可以通过浏览网站得到他所需要的信息。

关键词：可行性，需求，总体设计，详细设计，系统测试与分析。

General description of designThis design according to the school graduation design task requirements, subject to school education forum website. The design mainly includes the registration system, message systems, background management system. Through the design of today's social background proved it is feasible. The design of the main application of Dreamweaver, Access database, Photoshop etc. software. The design of the page is concise, stick out a mile, with ordinary students on webpage operational requirements. Simple at the same time, its content is rich, students can browse through the website to get the information he needed.Key words: feasibility, demand, overall design, detailed design, system testing and analysis.目录设计总说明 (Ⅰ)正文 (Ⅱ)1、可行性分析 (4)1．1 软件、硬件设备上 (4)1．2 开发、维护、管理上 (4)1．3 经济上的可行性 (4)1．4 社会可行性 (4)2、需求分析 (5)2．1 背景 (5)2．2 必要性 (5)3、总体设计 (5)3．1 提纲 (5)3．2 运行结果 (6)4、详细设计 (7)4．1 建立站点 (7)4．2 建立数据库 (8)4．3 绑定数据库 (8)4．4 主页和详细页面 (8)4．5 注册页面 (9)4．6 数据库中添加数据 (9)4．7 成功页面以及失败页面 (10)4．8 登录页面设计 (10)4．9 留言页面设计 (11)4．10 注册失败页面 (11)4．11 注册成功页面 (11)5、系统测试与分析 (12)5．1 注册页面测试 (12)5．2 登录页面测试 (12)6、结论 (13)7、谢词 (13)8、参考文献 (13)Ⅱ学校教育论坛网站建设说明书第一章可行性分析1．1 软件、硬件设备上制作图书馆搜书所需的软硬件要求不高，dreamweaver网上可供下载，目前市场上所提供的计算机硬件资源能够满足系统的开发需求，有dreamweaver网上可供下载。

四、网页制作操作所需素材均存放于考生文件夹的Web子文件夹中，参考样页按下列要求进行操作。

1. 打开站点“Web”，编辑网页Index.htm，将其标题设置为“可持续发展概念”，设置下框架初始网页为main.htm，并设置main.htm背景图片为bg.gif；2. 参考样页，在上框架网页中插入图片title.jpg，设置其宽度为100%；设置上框架高度为90像素，所有框架均不显示边框；3. 参考样页，在下框架网页中，为小标题文字“生态可持续发展”、“经济可持续发展”和“社会可持续发展”设置图片项目符号，图片采用arrow.bmp；4. 在下框架网页文字的下方插入交互式按钮，输入文字“更多”，并建立超链接，指向“可持续发展.htm”，目标框架为相同框架；5. 设置下框架网页过渡效果为圆形收缩，离开网页时发生，周期为2秒；6. 完善PowerPoint文件Web.ppt，并发布为网页，链接到网页中，具体要求如下：（1）所有幻灯片应用设计模板Capsules.pot；打开Web.ppt，删除最后一张幻灯片，并将第四张幻灯片与第五张幻灯片互换位置；(2) 除标题幻灯片外，设置其它幻灯片标题的动画效果为盒状、方向向外，单击时开始；（3）在最后一张幻灯片的右下角插入一个“第一张”动作按钮，超链接指向首张幻灯片；(4) 除标题幻灯片外，在其它所有幻灯片中插入图片map.gif，设置图片宽度为260像素，保持纵横比，设置其亮度及对比度均为60％，置图片于底层；(5)将list.txt中的内容作为第二张幻灯片的备注；（6）将制作好的演示文稿以文件名：Web，文件类型：演示文稿（*.PPT）保存，同时另存为Web页，文件名为Web.htm，文件均存放于考生文件夹下的Web站点中；（7）参考样页，为上框架网页中的图片建立超链接，指向Web.htm，目标框架为“新建窗口”。

7. 将所有修改过的网页以原文件名保存，文件均存放于考生文件夹下的Web站点中。

实验五网页制作一、实验目的1、掌握网页属性的设置。

2、掌握框架网页的制作。

3、掌握表格、图片、动态效果的插入及其属性的设置。

4、掌握超级链接的设置。

二、实验内容实验5-1（注：题目来自08秋第7套试卷）所需素材均存放于文件夹“实验5-1”的Web子文件夹中，参考样页按下列要求进行操作。

1. 打开站点"Web"，编辑网页Index.htm，在上框架网页中输入文字"日月潭旅游景点"，并设置其格式为楷体、24磅、红色、居中显示，设置下框架初始网页为main.htm；操作步骤：打开“FrontPage”→“文件”菜单→打开站点→考生文件夹→Web →确定双击Index.htm→输入文字→选中文字→修改格式在下框架“设置初始网页”→main.htm2. 在上框架网页中，插入一个1行5列表格，指定表格宽度为100％，在表格中分别输入文字"首页"、"竹山"、"园通寺"、"玄光寺"和"更多"，并为前四项建立超链接，分别指向main.htm、main1.htm、main2.htm和main3.htm，目标框架均为网页默认值（main）；操作步骤：“表格”菜单→插入→1行5列→指定宽度100％→输入文字选中文字→“插入”菜单→超链接→选中“main.htm”→选中“目标框架”右侧按钮→在“当前框架网页”下选择下框架→确定→3. 设置上框架网页的背景颜色为Hex={FF,FF,CC}，已访问的超链接颜色为绿色，背景音乐为music.mid，循环播放；操作步骤：在上框架空白处右击→网页背景→背景→颜色→背景→其它颜色→值中填入Hex={FF,FF,CC}→已访问的超链接→绿色常规→背景音乐→浏览→music.mid→循环次数不限4.设置网页main.htm过渡效果为圆形收缩，进入网页时发生，周期为2秒；操作步骤：“格式”菜单→网页过渡→进入网页→圆形收缩→周期2秒5. 参考样页，在网页main.htm中，插入图片"日月潭.jpg"，为文字"联系我们"创建超链接，指向电子邮件地址city@；操作步骤：“插入”菜单→图片→来自文件→选择图片选中文字→“插入”菜单→超链接→点击信封图形按钮输入→city@6.为上框架网页中文字"更多"创建超链接，指向Web.htm，目标框架为"新建窗口"。