《美食天下》网站的建设

《《美食天下》网站的建设》由会员分享，可在线阅读，更多相关《《美食天下》网站的建设（33页珍藏版）》请在金锄头文库上搜索。

1、毕业设计毕业设计 题目 美食天下网站的建设 学生姓名： xx 学 号： 专 业： 计算机应用技术 班 级： 指导教师： xx 完成日期： 20XX 年 10 月 23 日 黄冈职业技术学院 2 摘要摘要 随着网络技术与信息技术的发展，因特网迅速成长，Internet 上发布 信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照 一定的检索方式将所需要的信息从网站上下载下来。随着时代的发展，网 站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日 益被网站建设者所注重。 本文以美食天下食谱大全网站的建设为例，介绍了网页设计制 作的基本方法和相关经验。指出网页设

2、计制作水平式对计算机操作知识中 综合知识水平的检验。要提高其设计，制作水平必须从栏目安排、整体布 局、文本与图片编辑、网页链接技术到 Html 语言设置、网页效果测试，乃 至软件应用选择方面都要从整体上把握，从环节上努力，观念上更新，在 方法上创新，将换位思考模式引入网页设计制作中，从而形成一种以效果 最佳为目标的综合性技能。并再实践中积累经验、完善规程、探索技巧、 获得成功。 关键字：关键字：制作、建设、解析 黄冈职业技术学院 3 Abstract With the development of network technology and information technology, t

3、he Internet growing rapidly, Internet 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

4、 getting more and more close to 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

5、 design level of knowledge in computer 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 applicat

6、ions have to grasp the overall, from 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.

7、 Keywords: manufacturing、construction、 analysis 黄冈职业技术学院 4 目录目录 摘要2 目录4 第一章 绪论6 1.1 研究背景.6 1.2 研究的内容.6 第二章 网站建设前的调研与准备工作8 2.1 明确什么是网站制作8 2.2 确定网站的主题.8 2.3 搜集网站的资料8 2.4 规划网站.9 2.5 本章小结.9 第三章 网站的制作过程.10 3.1 网页布局的基本概念10 3.2 网页布局的方法11 3.2.1 纸上布局法.11 3.2.2 软件布局法12 3.3 网站首页设计.13 3.3.1 首页页头和导航的设计 .13 3.3.2

8、 网站正文的设计 14 黄冈职业技术学院 5 3.3.3 网站页尾的设计 22 3.4 本章小结24 第四章 网站制作的常见问题.25 4.1 常见问题的解析.25 4.2 本章小结.27 第五章 结束语28 5.1 全文总结.28 5.2 展望28 致谢.29 参考文献.30 附录.32 黄冈职业技术学院 6 第一章第一章 绪论绪论 1.1 研究背景研究背景 在 Internet 飞速发展的今天，电子数字计算机是 20 世纪重大科技发明之一， 而互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经 济、生活等各个方面发挥着重要的作用。网页设计是将网站策划案中的内容、 网站的主题

9、模式，结合网页设计师的认识，通过艺术设计的手法表现出来；而 网页制作通常是根据网页设计师制作的设计稿，按照 W4C 规范语言将其制作成 网页格式。优秀的网页设计师对网页设计与网页制作两道工序都是十分了解的， 这样才可以保证网页制作人员在充分掌握设计要素的前提下，制作规范化、符 合用户使用习惯、带来良好用户体验的网站。 因此网站建设与维护在 Internet 应用上的地位显而易见，它已成为政府、 企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多 人更容易的搜索到更多的健康的美食食谱。所以，开发美食天下的网站是必须 的。 本次设计我计划通过 Dreamweaver cs4、Ph

10、otoshop 图像处理软件、Flash 等工具共同来制作完成信息学院网站的设计。当然，这次的制作过程中还需要 绑定数据库，最终的完成需要众多软件相互使用。 为了方便人们对美食的搜索，由此我就设计了一个美食网。在本网站中主 要介绍了一些有利于人们身心健康的食物，希望可以给忙碌的人们带来一点小 小的帮助。 1.2 研究的内容研究的内容 通过网站，全面宣传，展示健康美食、美食食谱，发布美食信息咨询和与 广大爱好美食者建立良好互动的平台，使社会各界人士增加对美食有更深刻的 认识，在 Internet 网上，让爱好美食者及时得到美食网发布的重要信息。提高 了办事效率,给美食爱好者者与各种美食之间建立了

11、一种美好的桥梁。希望给各 位爱好美食的人带来方便。 本论文主要以实践为基础，利用软件 Dreamweaver cs3 为工具，设计了一 个美食网。 论文以瑞丽美食网为参考开展了研究，分析了系统建设过程中的相关技术， 对所涉及的软件平台、软件系统、安全系统的进行理论分析，对系统规划实施 黄冈职业技术学院 7 中的需求分析、系统结构设计、硬件集成、软件配置等各环节进行研究，并提 出性能测试。其中此论文主要研究了以下内容： 第一章，主要是对本论文的结构做了一个介绍。其中主要包括网站研究的 背景和网站研究的内容。 第二章，介绍了网站建设的前期准备工作。其中主要包括明确什么是网站 制作、网站主题的选择、

12、搜集网站的资料以及网站的规划。 第三章，介绍美食网首页的具体设计步骤。其中主要包括设计网站的代码 和网站的效果图。我的美食网主要介绍了一些基本的美食书普、美食书籍、甜 点派对以及人们都感兴趣的健康食品等等。 第四章，解答了一些网站制作中常见的问题。如：为什么在 Dreamweaver 中按 Enter 键换行时，与上一行的距离却很大？等等。 第五章，对全文做了一个小小的总结，并对以后指出了进一步的研究方向。 希望在以后可以更加的完善自己的网站，更希望自己的网站可以带给更多的人、 更多的帮助。 黄冈职业技术学院 8 第二章第二章 网站建设前的调研与准备工作网站建设前的调研与准备工作 进入 21

13、世纪。互联网技术及其网络服务正越来越深入地影响着人们的思维 方式和观念，加速了整个社会的现代进程，成为人类社会进步的强大原动力。 一个网站的成功与否与建设前的网站规划有着极其重要的关系，只有进行 详细的规划，才能避免在网站建设中出现的许多问题，使网站建设能顺利进行。 网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作 用。 2.1 明确什么是网站制作明确什么是网站制作 想要设计一个好的网站，首先我们得明白什么事网站制作。那么什么是网 站制作呢？通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理， 程序设计，数据库设计等一系列工作的总和。也是将网站设计师的图片用 HTM

14、L 方式展示出来，属于前台工程师的一项任务，前台工程师任务包括： 网 站设计、网站用户体验、网站 JAVA 效果、网站制作等工作。 网站制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络 程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建 设站点，并包含域名注册和主机托管等服务的总称。 2.2 确定网站的主题确定网站的主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个 明确的主题。网络上的网站题材千奇百怪、琳琅满目，只要你想的到的，就可 以把它制作出来。但是一般来说自己选择的题材最好是自己擅长的或者喜爱的 内容，因为这样在制作时才不会觉得力不从心

15、。所以我选择的题材是和食物有 关的“食谱大全” 。 2.3 搜集网站的资料搜集网站的资料 明确了网站的主题以后，就要围绕自己所选的主题开始搜集材料了。常言 道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你 就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。 黄冈职业技术学院 9 材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集， 然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 美食天下食谱大全网站中所用的资料主要是来自网络。 2.4 规划网站规划网站 网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。 网站规划包含的内容

16、很多，如网站的结构、栏目的设置、网站的风格、颜色搭 配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑 到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有 个性、有特色，具有吸引力。 规划的内容应该主要包括如下几项： （1）域名和主机的选择（域名需要依靠网站主题以及用户范围来选择， 主机则根据网站在大小、安全、稳定上的需求）知名的如 中国网络服务 （2）网站一个网站设计得成功与否，很大程度上决定于设计者的规划水 平，规划的定位（如定位于赢利 性 网站，还是企业网站，或是公益性 的） （3）网站的用途（是用来赢利的，还是做产品线上营销的，或是做品牌 推广和整合的） （4）网站的发展目标 （需要达到的目标，需要为这个目标而努力的） （5）网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构） （6）网站制作技术的采用（用哪种语言开发，在什么平台上开发） （7）网站的推广（需要做具体什么样的工作去推广网站，是否需要在前 期开发