网站内容与功能设计(网站标志，网站功能ofapplicationsfunction)

　　网站内容与功能设计(网站标志，网站功能ofapplicationsfunction)

　　概括

　　同学在网上被广泛使用。现在比较有名的门户网站都提供了同学的功能。同学聚会不仅是新老同学之间的桥梁，也是网上休闲、网上自我展示的好方式。本平台的开发主要使用了Macromedia DreamWaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 2004、Adobe Photoshop 7.0、Microsoft Access等. 软件、系统严格按照通用同学系统平台的开发步骤进行开发，力求涵盖应有的所有功能。平台功能包括：用户注册、用户登录、*敏*感*词*修改、图片上传、班级*敏*感*词*、在线人员统计等功能。

　　【关键词】网站标志、网站制作、网站功能

　　同学聚会在网络上应用广泛，现在比较知名的门户网站都提供同学聚会功能，同学聚会不仅是老同学之间的新桥梁，也是网络休闲和展示自我的好方式.该平台主要采用Macromedia DreamWaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 2004、Adobe Photoshop7.0、Microsoft Access软件，系统严格按照通用系统同学平台进行开发步骤和尝试比较 因此，应该有全面的覆盖。平台的功能包括：用户注册、用户登录、用户修改数据、上传图片、班级列表、人员统计、在线功能等。同时考虑到用户安全和网络优化，增加了专门的管理员管理模块。

　　[关键词] 网站标志、网站设计、网站功能

　　内容

　　第一章制作背景（1)

　　第 2 章开发工具（3)

　　第三章*敏*感*词*功能介绍（5)

　　3.1注册和登录（5)

　　3.2Class 专辑(5)

　　3.3 校友活动 (5)

　　3.4 学生论坛(5)

　　3.5 用户区(5)

　　第四章网站*敏*感*词*（6)

　　4.1 确认 网站 主题 (6)

　　4.2 确认网站接口（6)

　　4.3 列和节布局 (6)

　　4.4 进行形象设计（7)

　　4.4.1 设计 网站 标志（LOGO）（7)

　　4.4.2 设计 网站颜色 (7)

　　4.4.3 设计网站字体(7)

　　4.4.4 Design网站Slogan (8)

　　4.5 目录结构和链接结构（8)

　　4.5.1 不要把所有文件都存放在根目录（8)

　　4.5.2 根据列的内容创建子目录（9)

　　4.5.3 在每个主目录下创建单独的Images目录（9)

　　4.5.3.1 树链接结构（*敏*感*词*）（9)

　　4.5.3.2星形链接结构（一对多）(10)

　　结论 (11)

　　参考文献 (14)

　　谢谢 (15)

　　第一章生产背景

　　我以前一直在处理网页，但它在博客上。那里提供了一个模板。我只需要自己添加和修改它。我无法理解某些代码。现在好了，虽然我对它不是很熟悉。是的，但我可以理解一点，我可以更改一些代码。通过四个星期的学习，在老师的悉心指导和同学们的帮助下，以及通过平时的学习和实践，对html静态网页的知识有了初步的了解。学习html静态网页，不仅增长了我的知识，也让我学到了很多以前没用过的工具。当然，这还不够，因为我还有很多东西要学，网页设计和网站虽然基础的开发课程已经结束了，

　　通过html静态网页的学习也让我明白了做网页的时候页面不一定要很复杂，但是不能有太多的空白，这样才不会显得沉闷，看起来有层次感，比较高端，永远不会厌倦。. 网页的特点是有一个漂亮的背景图片，整个页面看起来更舒服。网页上的文字排列整齐、紧凑，给人以舒适的感觉。可以在网页的适当位置添加一些图片，添加一些不同的文字说明，为每个屏幕添加一些不同的文字效果，添加一些小*敏*感*词*，让网页看起来更漂亮。

　　虽然我这次做的网页不是很好，但是我花了很多时间编译它。对我以后做网页很有帮助。在做网站的过程中也学到了很多

　　事情，从心底里，我对自己的经历很满意，也很感谢老师安排了这样的考试，因为在*敏*感*词*中，我不仅学到了书上没有的东西，还培养了我的独立思考。能力。

　　第二章 开发工具

　　Dreamweaver 是用于网页创建和管理的正确编辑器。它是第一套专门为专业网页设计师开发的可视化网页开发工具。有了它，您可以轻松创建跨平台限制和跨浏览器限制。动态网页。

　　Fireworks 是一款功能强大的网页图形设计工具，您可以使用它来创建和编辑位图、矢量图形，还可以轻松制作网页设计中的各种常见效果，如翻转图片、下拉菜单等，并设计完成以后，如果想在网页设计中使用，可以输出为html文件，也可以输出为可以在Photoshop、Illustrator、Flash等软件中编辑的格式。Fireworks 文件窗口有四个选项卡，如图所示。您可以同时编辑和预览图像。您可以同时预览四种不同优化设置产生的效果，选择最理想的设置。

　　Flash 为广大用户提供了丰富的图形设计环境。用户可以通过组合铅笔工具、选择工具、椭圆工具、自由变换工具和组合工具的可选工具来绘制极其复杂的图形。

　　在 Dreamweaver 之后推出的用于专业网页图像设计的 Fireworks、Flash 和 Fireworks，三者被称为 Dreamweaver（梦之队），足见市场对它们的反应和信心。说到Dreamweaver，我们应该了解一下网页编辑器的开发过程。随着互联网成为家喻户晓的名字，HTML 技术的不断发展和完善导致了

　　许多网页编辑器从网页编辑器的基本性质上可以分为所见即所得网页编辑器和非所见即所得网页编辑器，两者各有千秋。

　　第三章*敏*感*词*功能介绍

　　3.1注册和登录

　　计算网的师生可以注册并登录计算网的*敏*感*词*。注册时，建议使用中文名作为用户名进行注册。注册后即可登录OPEN Class的同学记录。注册用户可以查看、参与活动、论坛等。

　　3.2Class专辑

　　加入课堂后，您可以在课堂上发布相关主题的照片，也可以粘贴您认为不错的在线照片。（注：班级相册一般分为日常生活、旅行写真、个人风采、新年写真等几个相册）。

　　3.3 校友活动

　　校友活动是在网上与学生联系和交流的最佳方式之一。学生可以自由发起和参与新的学生活动，并在活动页面进行交流。

　　3.4学生论坛

　　学生论坛是济网学生娱乐、交流、灌溉的小地方。目前，机网学生论坛有生活日志、快乐时光、读书天堂等版块供学生使用。

　　3.5 用户区

　　用户专区是注册用户修改个人信息、留言、拍照、采集机网学生精彩照片、添加好友的个人社区。学生可以在这里修改他们的信息并找到与他们相关的内容。

　　第四章网站*敏*感*词*

　　4.1 确认 网站 主题

　　要做网站，首先要解决的是网站的内容问题，即确定网站的主题。内容主题的选择要小而精，主题定位要小，内容要小。要准确。不要试图制作一个包罗万象的网站。这样往往会失去网站的特性，也会带来高强度的劳动，给网站的及时更新带来困难。

　　4.2 确认网站接口

　　界面是网站给观众的第一印象。它往往决定了 网站 的可见性。确定一个好的网站界面，决定了整个网站的识别度。

　　4.3 列和节布局

　　构建一个 网站 就像写一篇文章。一定要先列出主题大纲，做到主题清晰，层次清晰。网站建筑初学者，最容易犯的错误是确定题材后立即开始制作，没有制定合理的计划。导致网站的结构不清晰，目录杂乱无章，版块布局混乱。这样一来，不仅观众一头雾水，制作人自己也很难拓展和维护网站。因此，在开始制作网页之前，我们必须考虑列和节的布局。

　　网站的主题确定后，需要合理安排采集材料的内容。例如，将一些最吸引人的内容放在最显眼的位置或主导布局。列的本质是网站的一个大纲索引，索引要清楚地显示网站的主体。在制定栏目时，要慎重考虑，合理安排。按列排列

　　当您需要注意时：尽可能删除那些与主题无关的部分；尽量在专栏中列出网站中最有价值的内容；尽量从访问者的角度来排列栏目，方便访问者的浏览和查询；辅助内容，如站点介绍、版权信息、个人信息等，不必放在主栏，以免冲淡主题。

　　4.4 进行形象设计

　　4.4.1 设计 网站 标志（LOGO）

　　LOGO是指网站的logo，logo可以是中文、英文字母、符号、图案等，logo的设计创意应该来自网站的名称和内容。比如网站中的代表性人物、动物、植物，可以作为设计的蓝图，进行卡通化或者艺术化；专业网站可以标注专业的代表项目。最常见也最简单的方式就是用自己的英文名网站作为logo。通过使用不同的字体、字母变形和字母组合，可以轻松制作自己的徽标。

　　4.4.2 设计网站颜色

　　网站 给人的第一印象来自视觉冲击。不同的颜色组合会产生不同的效果，并可能影响参观者的心情。“标准色”是指能够体现网站形象和外延内涵的颜色，用于网站的标志、标题、主菜单和主色块。给人一种整体统一的感觉。至于其他颜色，也可以用，但只能作为点缀和衬托。一般来说，一个网站的标准色不超过3种，太多太刺眼了。适合网页标准色的颜色有：蓝色、*敏*感*词*/橙色、黑色/灰色/

　　三个系列的白色。

　　4.4.3 设计网站字体

　　与标准颜色一样，标准字体是指用于徽标、标题和主菜单的独特字符。

　　身体。通常，网页的默认字体是 Times New Roman。为了体现网站的“与众不同”和独特风格，您可以根据需要选择一些特殊字体。制作者可以根据网站所表达的内涵选择更合适的字体。需要注意的是，非默认字体的使用只能以图片的形式使用，因为很有可能浏览者的电脑中没有安装特殊字体​​，所以辛苦的设计和制作可能会白费。

　　4.4.4 设计网站口号

　　也可以说是网站的精神、主题和中心，或者是网站的目标，一句话一句话概括就可以了。用有力的文字或文字概括网站，进行对外宣传，收到更好的效果

　　4.5 目录结构和链接结构

　　网站的目录是指网站创建时创建的目录结构。目录的结构是一个容易被忽视的问题。大多数网站管理员在没有计划的情况下创建子目录。目录结构的好坏给浏览者感觉并不多，但是对于网站本身的维护，以及以后内容的扩展和移植都有重要的影响。因此，必须仔细安排目录结构，例如：

　　4.5.1 不要把所有文件都放在根目录下

　　网站 的制作者为了方便，把所有文件都放在根目录下。这很容易造成：文件管理混乱，混淆哪些文件需要编辑更新，哪些无用文件可以删除，哪些是相关文件，影响工作效率；上传速度变慢，服务器一般会在根目录建立一个文件索引，如果所有文件都放在根目录下，即使只有一个文件上传更新，服务器也需要重新检索所有文件并新建索引文件。显然，文件量越大，等待的时间也会越长。

　　4.5.2 根据列的内容创建子目录

　　要创建子目录，首先要根据主列创建它。友情链接很多，可以建立独立的子目录，经常更新。而一些相关性强、不需要经常更新的栏目，如：网站简介、站主情况等，可以合并放在一个统一的目录中。所有的程序一般都存放在一个特定的目录中，例如：CGI程序存放在cgi-bin目录中，所有可下载的内容也应存放在一个目录中，以便于维护和管理。

　　4.5.3 在每个主目录下创建单独的Images目录

　　一般来说，站点根目录下有一个默认的Images目录。不方便把所有的图片都存放在这个目录下。比如删除栏目时，图片的管理就比较麻烦。因此，可以方便地为每个主要部分管理一个独立的 Images 目录。原因很简单，维护管理方便。

　　其他需要注意的是：目录的层次不要太深，不要超过3个层次；请勿使用中文目录，使用中文目录可能会导致网址无法正确显示；不要使用太长的目录，太长的目录名不方便记忆；尽量使用清晰的目录来方便记忆和管理。

　　网站的链接结构是指页面之间链接的拓扑结构。它建立在目录结构的基础上，但可以跨越目录。说得形象一点：每一页都是一个定点，一个链接就是两个定点之间的连线。一个点可以连接到一个点，也可以连接到多个点。更重要的是，这些点并不是分布在一个平面上，而是存在于一个三维空间中。通常，网站的链接结构的建立有两种基本方式： 4.5.3.1 树状链接结构（*敏*感*词*）

　　这类似于DOS目录结构，首页链接指向一级页面，一级页面链接指向二级页面。浏览这样的链接结构时，一级入口一级出口，井井有条

　　很明显，访问者确切地知道他们在哪里，不会“不知道他们在哪里”，但浏览效率低。一栏下的子页面到另一栏下的子页面必须返回首页才能继续。

　　4.5.3.2星形链接结构（一对多）

　　与 Web 服务器的链接类似，每个页面都有一个相互链接。这样浏览起来更方便，随时可以到达喜欢的页面。但是，因为链接太多，浏览者很容易迷路，不知道自己在哪里，阅读了多少内容。

　　因此，在网站的实际设计中，这两种结构总是混合使用。网站希望浏览者可以方便快捷地到达自己需要的页面，并且清楚地知道自己所在的位置。因此，最好的方法是首页和一级页面之间采用星型链接结构，一级和二级页面之间采用树状链接结构。关于链接结构的设计，在实际的网页制作中是一个非常重要的环节。使用什么样的链接结构直接影响页面的布局。

　　结束语

　　在我的网页中，其他网页接口主要是通过主页来实现的。首页主要内容包括：网站首页、课堂相册、用户登录、精彩热图、视听世界与技术论坛、友情链接、替代下载等，各部分链接在一起。也就是说，我已经充分利用了 Dreamweaver 的超链接功能。在我的第一页中，我主要使用嵌入和链接功能。我嵌入了一张图片并连接了一个FLASH，增加了网页的精美效果。在我的相册中的主要用途也是超链接。功能只是图片的连接。当您点击相册中的小图片时，另一个网页中会出现放大的图片。您还可以使用相册中的上一张和下一张图片。最后一个，第一个浏览整个相册。由于技术所限，参与应用的用户发送后可以回复到您的邮箱，目前尚未实现。希望在以后的学习中可以使用Cdonts实现Emall的收发。如果 IIS 中安装了 Smtp

　　服务之后，会在Input目录下创建一个名为Matlroot的目录。该目录是邮件服务的根目录。在这个目录下，有两个子目录分别叫 Pickup 和 Drop，Cdo

　　该组件将要发送的邮件存放在Pickup目录中，然后Smtp服务程序将信息移动到Queue目录中并准备发送，通过与目标主机的连接将信息传送到Iternet。接收到的信息放在Queue目录中，SMTP服务程序将其移动到Drop目录中进行存储。稍后，Cdo 组件可以读取指定用户的邮件。用户登录后，可以对整个网站进行管理。使用 Ado 对象，通过 Odbc 驱动程序

　　序列链接字符串可以实现对任何数据库的访问和访问。从而实现对数据库的访问，在网页上以分页显示的形式进行。还有一点是可以在这个页面上使用一个链接链接到另一个页面来添加数据库记录。并且可以实时更新显示。

　　我以前一直在处理网页，但它在博客上。那里提供了一个模板。我只需要自己添加和修改它。我无法理解某些代码。现在好了，虽然我不是很熟悉。是的，但我可以理解一点，我可以更改一些代码。通过四个星期的学习，在老师的悉心指导和同学们的帮助下，以及通过自己平时的学习和实践，对html静态网页的知识有了初步的了解。通过学习html静态网页，不仅增加了我的知识，还让我学到了很多以前不会用到的工具。当然，这还不够，因为我还有很多东西要学，网站开发和网页虽然基础设计课程结束了，

　　通过html静态网页学习也让我明白了做网页的时候，页面不一定要很

　　很复杂，但是不应该有太多的空白，这样才不会显得沉闷，反而显得层次分明，比较高端，百看不厌。网页的特点是有一个漂亮的背景图片，整个页面看起来更舒服。网页上的文字排列整齐、紧凑，给人以舒适的感觉。可以在网页的适当位置添加一些图片，添加一些不同的文字说明，为每个屏幕添加一些不同的文字效果，添加一些小*敏*感*词*，让网页看起来更漂亮。

　　虽然我这次做的网页不是很好看，但是我花了很多时间编辑它，所以对我以后会有很大的帮助。我在做网站的过程中学到了很多东西，所以从心底里，我对自己的经历非常满意，同时

　　感谢老师安排了这样的考试。在*敏*感*词*中，我不仅学到了书上没有的东西，还培养了自己独立思考的能力，同时也加强了同学们之间的团结和友谊。

　　毕业项目期间，通过系统分析，根据设计要求查阅了大量资料，了解了人事信息管理系统的基本流程，进行了系统分析、设计、编程、调试和运行。这个设计让我对数据库开发和网页设计网页开发技术有了更深入的了解，同时也培养了自己分析问题、解决问题、独立操作的能力。

　　这次实习让我再次意识到，开发一套基于Html静态的设计开发，并没有想象中那么简单。通过对系统的分析和设计，将书中所学的理论与实践相结合，大大完善和巩固了之前所学的内容。但是系统在设计过程中难免会遇到各种问题，因为我水平有限，没有完全了解Macromedia DreamWaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 200 4、@ >Adobe Photoshop 7.0、 Microsoft Access等软件的强大功能，所以系统还存在很多不足。受开发条件和开发时间的限制，由于精力有限，只做了这个程序。

　　参考

　　[1] 张锡林．用持续学习突破习惯的力量[J]. 中国培训, 2003, (05)

　　[2] 孙炳珍．树立学习新理念，争做学习型人才[J]. 理论学习，2005，（12)

　　[3]山东. 谈谈我做好科研工作的体会[J]. 理论研究杂志, 1986, (03)

　　[4]于静．海尔，诚如慈善[J]. 商业周刊，2009 年，(17)

　　[5]曲然．在不断学习中努力改造自己的主观世界[J]. 财经

　　经济, 2001, (03)

　　谢谢

　　首先，我要衷心感谢我的老师XX和XX。今天，我能够顺利完成网页的制作和论文的撰写。只是在两位老师的悉心指导和热情下。一切凝聚了两位老师的辛勤付出和汗水。两位老师在论文的选题、研究计划的确定和具体实施过程等方面给予了我悉心指导。他们严谨的学术态度和系统的科研理念使我受益终生。同时，他们平易近人的生活作风也给我留下了深刻的印象。

　　同时，衷心感谢在我三年的大学学习和生活中给予我关心、指导、帮助、支持和鼓励的老师和同学们。正是因为有你，我的生活才如此精彩。在此我由衷地感谢您，祝福您！