《2013毕业论文计算机网页设计-尚惠国际网站的设计与制作》由会员分享，可在线阅读，更多相关《2013毕业论文计算机网页设计-尚惠国际网站的设计与制作（13页珍藏版）》请在金锄头文库上搜索。
1、深圳学历教育深圳远程教育XXX学院毕 业 论 文尚惠国际网站的设计与制作学生姓名：XXX学 号：030XXX年级专业：2010级自主网页设计2班指导老师：XXX系 部：计算机工程系提交日期：2012年6月目 录摘 要 11前 言 22 网站设计规划 33网站的前期准备4 3.1网页基本知识 4 3.2 软件准备 54 网站的总体设计 5 4.1确定网站主题 5 4.2确定网站形象 5 4.3确定网站风格 6 4.4确定网站内容 7 4.5 网站的设计 85网站的布局 9 5.1网站布局的基本概念 9 5.2布局的技术 106网站的市场需求 117网页发布及网站维护138总结 14参考文献13尚
2、惠国际网站的设计与制作作 者：XXX指导老师：XXX(XXX学院2010级计算机网页设计2年，东莞 523808)摘要：网络发展到今天，建立网站已经成为一个很普遍的问题了。对企业家来说，建立好的网站可以抢占新世纪的战略要点。建立新的企业形象，直接开拓国际市场。现在的社会女人更加注重面部保养，各种各样的知名化妆品的迅速走进我们的生活当中，而尚惠国际是一家集科研、开发、生产、销售、服务于一体的大型集团。本论文将对我的个人网站制作过程中，主要是针对我网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想，整
3、体规划及相关的基础科知识。网站的规划又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。还有网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题，特别是个人网站，不能像单独网页那样，显示内容少而单一，所以要找准自己感兴趣的内容，做深、做透、显出自己的特色，这样才能留下深刻的印象。关键词：网站设计；网站规划；网站主题；化妆品； 1 前言该随着经济的发展，计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今，已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物，随时查询股票信息，在自己的微博上尽情发表言论.以上这些离不开最基本的
4、网页设计和制作。网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表现出及其重要的地位，并发挥着及其重要的作用，无论是在国内还是国外都得迅速的发展和壮大，并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展，各类网站纷纷出现，个人网站也成为一种时尚，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。个人网站是指个人因某种兴趣、拥有某种专业技术，提供某种服务或把自己的作品商品展示销售而制作的具有独立空间
5、域名的网站。所谓个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站。2 网页设计规划 1、网站建设的目的 网站的建设不仅仅是制作主页的问题，还需要考虑的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等。任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题，写出详细的建站计划，可以说这是网站建设的根源和核心所在。这里我的个人网站主要是让更多的人认识和了解尚惠国际化妆品。借助网络的这个平台来展示尚惠化妆品，还有我希望能得到更大的商业平台。2、本站的明确目的 不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个
6、大型门户网站和一个小型企业网站，其出发点和建站的都有所不同。在整个网站的建设规划方面的要求也是肯定不一样的。因此在规划我的网站是，我选择的是与化妆品相关的内容作为主题。 网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的浏览部，也是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就是确定了爱美的女人们为用户群体。网站的结构和风格：网站的风格反映了一个网站的特色这具有很大的代表性。出色的网站吸引认得地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容
7、再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构连接网站内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站就会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。3 网页的前期准备3.1网页基本知识1、InternetInternet是一个全球性的计算机互联网络，中文名称为“国际互联网”或“因特网”。它集现代通信技术和现代计算机于一体，是计算机之间进行国际信息交流和实现资源共享的
8、良好手段。Internet将各种各样的物理网络；连接起来，构成一个整体，而不考虑这些网络类型的异同、规模的大小和地理位置的差异。Internet是全球最大的信息资源库，几乎包括了人类生活的方方面面，如政府部门、教育、科研、商业、工业、出版、文化艺术、通信、广播电视、娱乐等。经过多年的发展，互联网已经在社会的各个方面为全人类提供便利。电子邮件、即时消息、视频会议，网络日志、网上购物等已经成为越来越多的人的一种生活方式。2、网站网站是因特网上的一个信息集中点，可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问。网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页
9、，也可能是程序或其他文件，不一定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。网站就是互联网上的一块固定的面向全世界发布消息的地方，它由域名和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。3、静态网页网页又称Html文件，是一种可以在WWW上传输，能被浏览器认识和翻译成页面并显示出来的文件。静态网页是网站建设初期经常采用的一种形式。网站建设者是把内容设计出来成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。3.2软件准备在网页的设计过程中，因人而宜，每个人使用的软件也许不同。Dreamweaver与F
10、lash、Fireworks者3者被用户成为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同事也兼顾了HTML源代码，可以让用户很方便地在两种模式之间的切换。Dreamweaver采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力，它成功地将网页设计功能中的技术实现部分和设计部分分开，还提供众多的可视化设计工具、应用开发环境以及代码编辑支持。如利用鼠标拖动来添加表格、图像等元素，在方档中直接输入文本，直接插入一些常用的特殊符号对象等。用户在没有输入代码的情况下完成了上述工作，Dreamweaver自动将结果转换为HTML源代码。用户也
11、可以随时查看防档的HTML源代码，在代码视图中进行修改。4 网页的总体设计4.1确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。我自己对化妆品这方面有兴趣，先是掌握这方面的资料，自己对这方面的见解，做出自己的特色。对于内容主题的选择，要做到小而精，主题定位小，内容要精。而我定为在化妆品这一块，内容是某某品牌的化妆品。我围绕了这个网站的公司简介、新闻中心、品牌风尚、事业加盟、经销商、精英讲师团、客服中心、联系我们这几个方面都制作的。4.2确定网站形象网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这方面着手。网友标志，可以是中文、英文子母、也可以是符号和图案等
12、。标志的设计创意是来自网站的名称和内容。我的网站名称是“尚惠国际”所以我的标志是由三片树叶围成圆形组成，这个圆代表着国际。网站色彩，网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指体现网站形象和延伸内涵的色彩，给人以整体统一的感觉。我个人网站的色彩是以酒红色为主，淡酒红为铺，刺激浏览者的视觉。网站字体，和标准选用了灰色和酒红色，标准字体是指用于标题、主菜单的特有字体。为了体现网站的特有风格，可以根据自己网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是宋体，给人一种干净利落的感觉。网站宣传语，也可以说是网站的精神，主题于中心，或
13、者是网站的目标，用一句话或者一个词来概括。我的网站宣传语是“进入尚惠，无限魅力，全心演绎。”4.3确定网站风格风格是抽象的，是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的标志、色彩、字体、标语等诸多因素。网站可以是平易近人、生动活泼的，也可以使专业严肃的。不管是色彩、技术、文字、布局、还是交互方式，只要你能由此让浏览者明确的分辨出这是你网站所独有的，这形成了风格。风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以简约为主，色彩使用的是鲜艳的颜色。4.4确定网站内容我的网站大体包括了一些内容：首页、走进尚惠、新闻中心、品牌风尚、事业加盟、经销商加盟商、精英讲师团、客服中心、联系我们；9打模块。首页的设计简述：在个人首页中，我用一只雄鸡（中国的地图）上面写上中国的各个省的名称，上面做了快速查询的选择，显示这个化妆品很有发展的前途，销售区域多，有自己的营销网络，如图4-1所示。图4-1
