1、毕业设计题目 美食天下网站的建设 学生姓名： xx 学 号： 专 业： 计算机应用技术 班 级： 指导教师： xx 完成日期： 20XX 年 10 月 23 日黄冈职业技术学院2摘要随着网络技术与信息技术的发展，因特网迅速成长，Internet 上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。本文以美食天下食谱大全网站的建设为例，介绍了网页设计制作的基本方法和相关经验。指出网页设计制作水平式对计算机操作知识中综合
2、知识水平的检验。要提高其设计，制作水平必须从栏目安排、整体布局、文本与图片编辑、网页链接技术到 Html 语言设置、网页效果测试，乃至软件应用选择方面都要从整体上把握，从环节上努力，观念上更新，在方法上创新，将换位思考模式引入网页设计制作中，从而形成一种以效果最佳为目标的综合性技能。并再实践中积累经验、完善规程、探索技巧、获得成功。关键字：制作、建设、解析黄冈职业技术学院3AbstractWith the development of network technology and information technology, the Internet growing rapidly, Int
3、ernet published information is mainly achieved through the website, access to information is to be Internet“ ocean“ according to certain retrieval way information needed to be downloaded from the web site. With the development of the times, the website construction is getting more and more close to
4、an art is not just a technology. Webpage art design, site builders are increasingly attention.In this paper the world -“ food recipes“ website construction as an example, introduces the webpage design basic methods and related experience. Pointed out that the webpage design level of knowledge in com
5、puter operation knowledge test. To improve the design, production levels must be from the column arrangement, the overall layout, text and picture editing, webpage link technology to the Html language settings, webpage test results, and the selected software applications have to grasp the overall, f
6、rom links to update, idea, method innovation, the transposition thinking mode into the webpage the production design, thus forming a kind of to best effect as the goal of comprehensive skills. And practice experience, perfect regulations, exploration, success skills.Keywords: manufacturing、construct
7、ion、 analysis黄冈职业技术学院4目录摘要 .2目录 .4第一章 绪论 .61.1 研究背景 .61.2 研究的内容 .6第二章 网站建设前的调研与准备工作 .82.1 明确什么是网站制作 .82.2 确定网站的主题 .82.3 搜集网站的资料 .82.4 规划网站 .92.5 本章小结 .9第三章 网站的制作过程 .103.1 网页布局的基本概念 .103.2 网页布局的方法 .113.2.1 纸上布局法 .113.2.2 软件布局法 .123.3 网站首页设计 .133.3.1 首页页头和导航的设计 .133.3.2 网站正文的设计 .14黄冈职业技术学院53.3.3 网站页尾的
8、设计 .223.4 本章小结 .24第四章 网站制作的常见问题 .254.1 常见问题的解析 .254.2 本章小结 .27第五章 结束语 .285.1 全文总结 .285.2 展望 .28致谢 .29参考文献 .30附录 .32黄冈职业技术学院6第一章 绪论1.1 研究背景在 Internet 飞速发展的今天，电子数字计算机是 20 世纪重大科技发明之一，而互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计是将网站策划案中的内容、网站的主题模式，结合网页设计师的认识，通过艺术设计的手法表现出来；而网页制作通常是根据网页设计师制作的设
9、计稿，按照 W4C 规范语言将其制作成网页格式。优秀的网页设计师对网页设计与网页制作两道工序都是十分了解的，这样才可以保证网页制作人员在充分掌握设计要素的前提下，制作规范化、符合用户使用习惯、带来良好用户体验的网站。因此网站建设与维护在 Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多人更容易的搜索到更多的健康的美食食谱。所以，开发美食天下的网站是必须的。本次设计我计划通过 Dreamweaver cs4、Photoshop 图像处理软件、Flash等工具共同来制作完成信息学院网站的设计。当然，这次的制作过程中还需要绑定
10、数据库，最终的完成需要众多软件相互使用。为了方便人们对美食的搜索，由此我就设计了一个美食网。在本网站中主要介绍了一些有利于人们身心健康的食物，希望可以给忙碌的人们带来一点小小的帮助。1.2 研究的内容通过网站，全面宣传，展示健康美食、美食食谱，发布美食信息咨询和与广大爱好美食者建立良好互动的平台，使社会各界人士增加对美食有更深刻的认识，在 Internet 网上，让爱好美食者及时得到美食网发布的重要信息。提高了办事效率,给美食爱好者者与各种美食之间建立了一种美好的桥梁。希望给各位爱好美食的人带来方便。本论文主要以实践为基础，利用软件 Dreamweaver cs3 为工具，设计了一个美食网。论
11、文以瑞丽美食网为参考开展了研究，分析了系统建设过程中的相关技术，对所涉及的软件平台、软件系统、安全系统的进行理论分析，对系统规划实施黄冈职业技术学院7中的需求分析、系统结构设计、硬件集成、软件配置等各环节进行研究，并提出性能测试。其中此论文主要研究了以下内容：第一章，主要是对本论文的结构做了一个介绍。其中主要包括网站研究的背景和网站研究的内容。第二章，介绍了网站建设的前期准备工作。其中主要包括明确什么是网站制作、网站主题的选择、搜集网站的资料以及网站的规划。第三章，介绍美食网首页的具体设计步骤。其中主要包括设计网站的代码和网站的效果图。我的美食网主要介绍了一些基本的美食书普、美食书籍、甜点派对
12、以及人们都感兴趣的健康食品等等。第四章，解答了一些网站制作中常见的问题。如：为什么在 Dreamweaver中按 Enter 键换行时，与上一行的距离却很大？等等。第五章，对全文做了一个小小的总结，并对以后指出了进一步的研究方向。希望在以后可以更加的完善自己的网站，更希望自己的网站可以带给更多的人、更多的帮助。黄冈职业技术学院8第二章 网站建设前的调研与准备工作进入 21 世纪。互联网技术及其网络服务正越来越深入地影响着人们的思维方式和观念，加速了整个社会的现代进程，成为人类社会进步的强大原动力。一个网站的成功与否与建设前的网站规划有着极其重要的关系，只有进行详细的规划，才能避免在网站建设中出
13、现的许多问题，使网站建设能顺利进行。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。2.1 明确什么是网站制作想要设计一个好的网站，首先我们得明白什么事网站制作。那么什么是网站制作呢？通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和。也是将网站设计师的图片用HTML 方式展示出来，属于前台工程师的一项任务，前台工程师任务包括： 网站设计、网站用户体验、网站 JAVA 效果、网站制作等工作。网站制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设
14、站点，并包含域名注册和主机托管等服务的总称。2.2 确定网站的主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。网络上的网站题材千奇百怪、琳琅满目，只要你想的到的，就可以把它制作出来。但是一般来说自己选择的题材最好是自己擅长的或者喜爱的内容，因为这样在制作时才不会觉得力不从心。所以我选择的题材是和食物有关的“食谱大全” 。2.3 搜集网站的资料明确了网站的主题以后，就要围绕自己所选的主题开始搜集材料了。常言道：“巧妇难为无米之炊 ”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。黄冈职业技术学院9材料既可以从图
15、书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。美食天下食谱大全网站中所用的资料主要是来自网络。2.4 规划网站网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。规 划 的 内 容 应 该 主 要 包 括 如 下 几 项 ： （ 1） 域 名 和 主 机 的 选 择 （ 域 名 需 要 依
16、 靠 网 站 主 题 以 及 用 户 范 围 来 选 择 ，主 机 则 根 据 网 站 在 大 小 、 安 全 、 稳 定 上 的 需 求 ） 知 名 的 如 中 国 网 络 服 务 （ 2） 网 站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划的 定 位 （ 如 定 位 于 赢 利 性 网 站 ， 还 是 企 业 网 站 ， 或 是 公 益 性的 ） （ 3） 网 站 的 用 途 （ 是 用 来 赢 利 的 ， 还 是 做 产 品 线 上 营 销 的 ， 或 是 做 品 牌推 广 和 整 合 的 ） （ 4） 网 站 的 发 展 目 标 （ 需 要 达 到 的 目 标 ，
17、需 要 为 这 个 目 标 而 努 力 的 ） （ 5） 网 站 的 拓 扑 图 构 画 （ 网 站 包 括 哪 些 栏 目 ， 采 用 什 么 样 的 制 作 结 构 ） （ 6） 网 站 制 作 技 术 的 采 用 （ 用 哪 种 语 言 开 发 ， 在 什 么 平 台 上 开 发 ） （ 7） 网 站 的 推 广 （ 需 要 做 具 体 什 么 样 的 工 作 去 推 广 网 站 ， 是 否 需 要 在 前期 开 发 的 时 候 就 考 虑 到 后 期 的 推 广 ， 如 SEO 专 家 的 建 议 ） （ 8） 网 站 的 维 护 （ 是 自 主 维 护 ， 还 是 外 包 维 护 ，
18、 维 护 的 内 容 包 括 哪 些 ，后 期 改 版 的 时 间 间 隔 安 排 等 ） （ 9） 网 站 安 全 (网 站 定 期 进 行 安 全 检 测 及 备 份 等 安 全 操 作 ) （ 10） 网 站 的 主 题 颜 色 （ 网 站 颜 色 可 以 直 接 反 应 出 企 业 的 行 业 所 属 ）2.5 本章小结本章主要介绍建设网站前期的调研与准备工作。其中主要包括明确什么是网站制作、网站主题的选择、网站资料的来源以及网站的规划。黄冈职业技术学院10第三章 网站的制作过程网站主页就好象是宣传栏或者店面对访问者产生第一印象，都希望尽量给人留下好的印象。一般来说，好的网站应该给人有
19、这样的感觉：干净整洁；条理清楚；专业水准；引人入胜。3.1 网页布局的基本概念最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。网页的基本布局包括一下几个方面：（1）页面尺寸由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般
20、分辨率在 800x600 的情况下，页面的显示尺寸为：780x428个象素；分辨率在 640x480 的情况下，页面的显示尺寸为:620X311 个象素；分辨率在 1024X768 的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。（2）整体造型什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器
