网站前台设计与实现(编辑修改稿)

网站前台设计与实现(编辑修改稿)内容摘要：

页 共 25 页 2 项目分析 网站 设计 目标 对于一个宣传 网站 ，企业的品牌形象至关重要。 特别是对于互联网技术高度发展的今天， 越来越多的人通过网络来查找资料或进行学习 ，因此， 文 化传播业应该紧跟时代发展的步伐， 本设计的主要目标是开发 xxx 文化的文化网站，用户可通过网站浏览一些关于 xxx 的资信或信息，例如： xxx 的发展史、 xxx 的种类介绍等。 按时保质地完成 xxx 网的设计，并掌握到网站的制做过程与技术。 网站的整体设计思路简单，拥有基本的功能，风格简洁、易用、不单调。 各个子页面都可正常返回主页以及正确连接到各个子页面，子页面与主页面的风格及颜色相同。 数据要求前台正确显示后台要求的数据的更新，及错误处理。 为了保证网络的安全，不可以通过前台进入后台，对后台进行操作。 本网站主要实现前台通 过调用数据库把后台数据在前台显示和更新。 管理员在后台可以动态更新首页的内容 ,使整个网站协调一致。 在设计上 ,注重协调各区域的主次关系。 通过网站的制做，学会与同学的合做，培养团队协助能力。 网站介绍 本网站定位于计算机网络基础课程网，暂时考虑单机环境下的实现；操作系统选择目前常用的 Windows xp 和 Windows server2020。 系统性质管理信息系统。 本网站前台功能包含首页、 xxx 与文化、 xxx 新闻、 xxx 的种类、 xxx 的美食、xxx 与健康、 xxx 具。 整个网站网页设计简单，是一个能够给网民提 供 xxx 消息的网站。 客户需求分析 该网站是针对那些对 xxx 和中国历史文化有兴趣的网民，随着中国不断的发展，越来越多的人对中国的文化有兴趣，并且学习中国的文化。 xxx 不仅对中国有重要的影响对世界的文化业有着重要的， xxx 曾踏上丝绸之路风光过，在中国史上有着不可替代的作用和举足轻重的历史地位，学习 xxx 文化，可以帮助中国文化的学习，本网站就是以推广中国的 xxx 文化为本，帮助网民查找有关 xxx 第 4 页 共 25 页 的信息，并且为网民提供一个可供交流的平台，供喜欢 xxx 以及中国历史文化的网民相互交流和学习。 网络的发展速度越来越快 ，所以这个网站还是很有发展前途的。 随着网络的发展，网络已经越来越贴近人民的生活，越来越多的人通过网络来获得他们所需要的信息，所以，通过网络来推广 xxx 文化是一个趋势，也势在必行。 随着经济的发展，人们的在物质生活得到满足的同时，人们还希望得到精神生活上的满足。 xxx 不仅是一种饮品，更是一种文化，可以满足人们在物质和精神上的满足，所以， xxx 在将来还是有很好的发展前途。 本网站提供了将 xxx的文化和 xxx 的一些实时消息，帮助网民以最快的速度获得他们想要的信息 ，网站功能需求表如表 ： 表 2. 1 网站的 功能性需求 功能序号 功能名称 功能说明 1 首页 整个 xxx 信心的提供以及一些文化方面的介绍 2 xxx 与文化 xxx 的历史习俗以及文化方面的文字和图片的介绍 3 xxx 新闻 一些 xxx 的展会消息以及最新的动态资讯 4 xxx 的种类 xxx 的分类以及其介绍 5 xxx 的美食 xxx 美食的介绍和做法 6 xxx 与健康 教人们要怎么健康饮 xxx 7 xxx 具 xxx 具的欣赏以及一些 xxx 具的介绍 网站界面设计 因为本网站是 xxx 文化的网站，所以这个网站中采用了大量的具有中国文化元素的素 材如在制作 Logo 时选用的素材有中国风格的人物画，棋盘， xxx 壶，灯笼等，这些素材的运用突出了网站的主题。 从整体上来看，这个网站各个页面的分工明确，页面美观、大方、简洁、易懂。 标准、具有一定的兼容性。 网站开发环境需求 软件环境：兼容当前主流操作系统 Windows XP/server2020 等。 网站前台总体设计 本网站主要是用来进行 xxx 叶信息的介绍以及其消息的发布，作为一个网站，应该有一些相关及其相对独立的模块耦合而成。 本网站系统主要包括以下几个主要页面及几个大的模块，每个页面包含丰富的内 容，每个大的模块下又细分 第 5 页 共 25 页 为几个的功能模块。 本网站主要用来进行教学信息的发布与显示。 作为一个网站，应该由一些相关及相对独立的模块耦合而成。 本网站系统主要包括以下几个主要页面及几个大的模块，每个页面包含丰富的内容，每个大的模块下又细分为几个的功能模块。 制作前台页面模块，包括主页及各个子页面，建立各个页面与数据库中相关数据链接，实现前台通过调用数据库把后台数据在前台显示和更新。 整体网站遵循精品课程网站设计思路，拥有完善的功能，风格要求简洁大方不单调。 各个子页面都可正常返回主页以及正确连接到各个子页面。 功能要求 使用简单全面，容易操作。 由上面的分析，网站前台的结构设计成，如图 2 1 所示 : 图 21 网站前台结构设计 首 页 xxx与文化 xxx具文化 xxx与健康 xxx的美食 xxx的种类 xxx业新闻 第 6 页 共 25 页 3 开发工具介绍 Dreamwaver CS3 介绍 Dreamweaver CS3是由 Adobe公司在并购 Macromedia之后推出的最新版本，它是一款专业的 Web 站点开发软件，可用于 Web 站点、 Web 页和 Web 应用程序的设计、编码和开发工作。 在业界通常将 Dreamweaver、 Flash、 Fireworks 称为网页三剑客。 将各种网页制作的相关工具紧密联系起来是 Dreamweaver 系列的一大亮点，同时良好的插件体系，使 Dreamweaver CS3 可通过第三方插件进行补充。 另外，Dreamweaver CS3 还为开发人员提供了动态语言支持与丰富的模板。 Dreamweaver CS3 在功能强大与易用性之间具有很好的平衡，使用 Dreamweaver CS3 可以有效地提高 Web 开发的工作效率 与 Dreamwaver 8 比较 Dreamwaver CS3 新增了许多功能： （ 1）与 Photoshop CS3 的关联增强。 在 Dreamweaver CS3 中双击图形、图像文件，即可打开 Photoshop CS3 进行编辑，也可以将 Photoshop CS3 中设计的图形、图像文件直接引入到 Dreamweaver CS3 中。 （ 2）对浏览器兼容性的检查。 多种浏览器并存的现状给 Web 开发人员增加了很多额外的工作量，也许 Web 页面在 IE 下看到的效果令人非常满意，而放到其他浏览器例如 Mozilla Firefox 看起来却是一团糟。 Dreamweaver CS3 提供了对Firefox 、 Inter Explorer (Windows) 和 、 Inter Explorer (Macintosh) 、 Netscape Navigator 、 Opera 和 、 Safari 这些浏览器相关 CSS 的兼容性检测。 （ 3） CSS 相关功能的增强。 在 Dreamweaver CS3 中提供了大量的 CSS 模板与代码块， 开发人员可以依据这些模板和代码块快速建立基于 CSS修饰的页面。 Fireworks 技术 Fireworks CS3 是一个强大的网页图形设计工具， 你可以使用它创建和编辑位图、矢量图形，还可以非常轻 松的做出各种网页设计中常见的效果，比如翻转图象，下拉菜单等，设计完成以后，如果你要在网页设计中使用，你 可以将它输出为 html 文件， 还能输出为可以在 photoshop， illustrator 和 flash 等软件中编辑的格式。 Fireworks CS3 软件可以加速 Web 设计与开发 , 是一款创建与优化 第 7 页 共 25 页 Web 图像和快速构建网站与 Web 界面原型的理想工具。 Fireworks CS3 不仅具备编辑矢量图形与位图图像的灵活性 , 还提供了一个预先构建资源的公用库 , 并可与 Adobe Photoshop CS Adobe Illustrator CS Adobe Dreamweaver CS3 和 Adobe Flash CS3 软件省时集成。 在 Fireworks 中将设计迅速转变为模型 , 或利用来自 Illustrator 、 Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS3 中轻松地进行开发与部署。 矢量编辑与位图编辑创建和编辑矢量图像与位图图像 , 并导入和编辑本机 Photoshop Illustrator 文件。 图像优化采用预览、跨平台灰度系统预览、选择性 JPEG 压缩和大量导出控件 , 针对各种交付情况优化图像。 高效的 Photoshop 和 Illustrator 集成导入 Photoshop (PSD) 文件 , 导入时可保持分层的图层、图层效果和混合模式。 将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。 导入 Illustrator (AI) 文件 , 导入时可保持包括图层、组和颜色信息在内的图形完整性。 Flash 技术 Flash 是 Macromedia 公司开发的集动画制作、网页设计和多媒体应用为一体的优秀应用软件为。 用 Flash 可制作交互式的动画和电影，这些动画和电影可以插入到网页中，也可以独立为动态网页，同 时，他还自带了功能强大的ActionScript 编译器，扩展了动画的功能，与网络应用集成得更加紧密。 Access 介绍 Microsoft Access 应用程序是一种功能强大且使用方便的关系型数据库管理系统。 Microsoft Access 是 Office 系列软件中用来专门管理数据库的应用软件。 所谓数据库是指经过组织的、关于特定主题或对象的信息集合。 它并不需要数据库管理者具有专业的程序设计水平，任何非专业的用户都可以用它来创建功能强大的数据库管理系统。 由于它继承了 Windows 的特性 ，它可运行于各种 Microsoft Windows 系统环境中。 Microsoft Access 数据库能汇集各种信息以供查询、存储和检索。 Access 的优点在于它能使用数据表示图或自定义窗体收集信息。 数据表示图提供了一种类似于 Excel 的电子表格，可以使数据库一目了然。 另外， Access 允许创建自定义报表用于打印或输出数据库中的信息。 Access 也提供数据存储库，可以使用。