个人网站设计课程大作业

*大学网页制作课程大作业 目录 1 设计的目的和意义 .1 2 设计目标与设计方案 .1 2.1 设计目标 .1 2.2 设计方案 .1 2.2.1 预期效果 .1 2.2.1 功能模块划分 .1 3 数据设计与连接 .2 3.1 数据库的设计 .2 3.2 数据库的连接 .2 4 页面设计 .3 4.1 主界面设计 .3 4.2 界面设计 .4 5 总 结 .6 6 参考文献 .7 *大学网页制作课程大作业 第 1 页 共 7 页 图书网站设计图书网站设计 1 设计的目的和意义 21 世纪是网络的全面深入应用为特征的世纪。网络环境下的教育不仅是教育信息 化的必然产物，也是教育改革法杖的必然走向。也可以通过网络交流学习，可以充分 利用现代信息技术所提供的、具有全新沟通机制与丰富资源的学习环境，实现一种全 新的学习交流方式。 网络化得学习有利于充分实现交互与共享，有利于启发学生的学习兴趣和充分体 现学习主体作用，有利于培养学习者的信息素质和信息能力，即使利用教学、学习、 交流网站可以发挥网络特性，对学生，对教学更为有效的管理，同时也有了更为表里 的信息发布手段。 2 设计目标与设计方案 2.1 设计目标 图书网站设计致力于更好的方便人们的日常生活。本网站制定的界面设计目标是： 简洁、美观，符合人性化；易于使用掌握；适应性强。同时整合多种图书信息，为用 户提供更便捷的阅读服务。所有内容数据应建立在统一的数据库中，并可及时更新相 关的网页。 2.2 设计方案 .1 预期效果预期效果 整体布局合理简单大方，各个页面风格统一，各主页面能相互转换，具有多种功 能模块，页面中插入 ASP 动态服务器网页，所有内容数据应建立在统一的数据库中， logo 中插入透明 flash 动画。 .1 功能模块划分功能模块划分 本系统实现5个完整的功能，我们根据这些功能，设计出系统的功能模块，如下 图2-1所示。 *大学网页制作课程大作业 第 2 页 共 7 页 首 页 搜 书 专 题 论 坛 下 载 图 2-1 功能模块图 网店网络课程系统的功能结构如下图 2-2 所示。 3 数据设计与连接 3.1 数据库的设计 数据库是信息系统的核心和基础，根据对网店网站的具体功能分析，我们需要创 建一个数据库用来保存本系统的所有数据。下图是登陆注册信息表，用来保存顾客的 信息。如表 3-2 所示: 表 3-2 留言板信息表 编号字段名称数据类型说明 1Id自动编号编号 2Title文本标题 3Writor文本留言者 4Content备注留言内容 5Time日期/时间留言时间 3.2 数据库的连接 数据库的连接是在学习网页过程中平时完成的，而连接过程中，只需注意四个事项， 第一，是将数据库导入网站，第二是将作业的压缩包完整的放在文件里，确保不丢失 信息，第三，在 WWW 的工具选项里将共享进行设置，对文件夹的安全和共享进行赋予， 第四，在 conn 的 asp 网页进行修改。修改后的代码如下所示： 图书网站设计 *大学网页制作课程大作业 第 3 页 共 7 页 4 页面设计 4.1 主界面设计 图 4-1 主界面 logo 课程首页主要是给用户提供一个全面的系统内容的展示，同时能够执行超级链接， 首页是整个网站的综合，能够反映整个网站的功能模块和整个网站的基本色调，方便 用户在使用本网站前，就能对本网站的功能及特点有大致的了解。主界面设计如下图 4-2 所示： 图 4-2 首页图 *大学网页制作课程大作业 第 4 页 共 7 页 4.2 界面设计 专题：单击专题可以看到本站对书友们的推荐书籍和书籍的排行榜，而 且书友还可以看到图书分类并进入到自己喜欢的类型中搜书。 图 4-3 专题页面图 下载：单击页面下载，可以看到本站对书友们的推荐书籍和书籍的排行 榜，并且可以下载自己所喜欢的书籍。 图 4-4 下载页面图 图书分类：本站为了更便捷的为书友们提供便捷的服务，在此有设立了图书分类，使 书友们更快捷的找到自己所喜欢的书籍。 *大学网页制作课程大作业 第 5 页 共 7 页 图 4-5 图书分类页面图 在此页面中可以看到留言板，顾客可以通过看此页面进行留言并可以对商品进行 点评，页面中主要需填写留言人、留言时间、留言内容等，其效果图如图 4-5 留言板 页面图所示： 图 4-6 留言板页面图 *大学网页制作课程大作业 第 6 页 共 7 页 总 结 在本学期的网页制作实务教程课程中，我们学习了网页制作和网站建设，我们可 以自己运用网络资源，结合相关资料及老师的指导，通过自身的实践创作出积聚个人 风格、个性的个人网页。总体来说，整个学期的学习过程中，我学会了很多知识，虽 然过程比较艰辛，但是有了一个展示自我的空间，我觉得很开心、很有成就感。 一、网页制作的一些体会 作为网页设计的初学者，我对网页设计非常感兴趣，想设计出一个美观、实用、 内容丰富的个人网页。我通过自己动手、动脑，通过网络资源和老师的指导，在不断 发现问题和解决问题的过程中学到了很多知识，增强了我的创作能力和动手能力，在 网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正 学到了网页设计的知识。 一、网页制作的学习经验 学习网页制作不能一蹴而就，它是一个循序渐进的积累过程。想要更快更好地学 习网页制作，除了需要勤奋努力外，还需要培养自己的审美能力以及美术基础。下面 是一些网页制作的学习方法与经验。 在学习制作网页前应对网页制作的各类软件进行一些了解，以便选择适合自己 使用的软件。 网页制作的学习应遵循由易到难的规则，先从简单的入手，再慢慢提升制作难 度，以达到逐步提高网页制作能力的目的。 在学习过程中，不能一味地去学习理论知识，应将书本知识与实际操作相结合。 这样既能加深对知识点的印象，也能提高学习的兴趣。 在学习时除了按书中提供的实例进行练习外，还应在该实例的基础上有自己的 创意。 网页制作不能千篇一律地按一种固定的模式进行操作，应有独特的风格，这样 才能体现出与众不同的魅力，以吸引浏览者，提高网页人气。 运用模板制作网页可提高制作速度与效率，这也是统一网页风格的一个快捷方 便的途径，千万不可忽视模板的效用。 要善于借鉴别人的优点，取长补短，多上网浏览，将风格独特、别具匠心的网 *大学网页制作课程大作业 第 7 页 共 7 页 页保存下来以作参考。 总体来说，通过对网页设计的学习，有收获也有遗憾、不足的地方，我利用了学 习之余的一切可利用的剩余时间投入到网页世界，去不断的学习和探索，同时去不断 的充实与完善自我。我想我已经迈入了网页设计的大门，只要我再认真努力的去学习 和提高，我将来设计出的网页会更加专业和完善。 参考文献 1吴涛主编，网站全程设计技术（修订本） ，北京：清华大学出版社；北京交通大学出版社 2 张华、贾志娟主编，asp 项目开发实践，中国铁道出版社 3 沈大林主编，中文 Flash 8 案例教程，中国铁道出版社 4龙马工作室编，ASP+SQL Server 组建动态网站实例精讲，北京：人民邮电出版社 5 赵增敏编，ASP 动态网页设计，电子工业出版社 6 任学文、范严编, 网页设计与制作，中国科学技术出版社 7 武创、王惠主编,网页设计探索之旅 ,电子工业出版社 8 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社 9 吴黎兵、罗云芳编，网页设计教程， 武汉大学出版社 10 庄王健编，网页设计三剑客白金教程，电子工业出版社 11叶汶华、程永灵主编，ASP.NET 网页制作教程，冶金工业出