网站建设与主页设计方案分析

网站建设与主页设计,网站建设与主页设计,第六章 网站建设与主页设计,主要内容:,2. 配置Web Server,1. 组建Web站点基础知识,3. 网页设计基础,熟悉,了解,掌握,第一节 组建Web站点基础知识,网站就是在互联网上提供服务和存放数据的地方。由域名和网站空间构成。网站有政府、商业、企业网站和个人网站之分。企业建站可使企业开展电子商务、充分利用网络资源、增强与客户的互动往来、宣传企业形象、进行网上广告等，为企业制造了无限商机。个人拥有个人网站或个人主页，更是E时代的一种潮流和时尚。,设计一个站点，首先遇到的问题就是定位网站主题。网站主题是网站的灵魂。,第一节 组建Web站点基础知识,1. 网站规划,1) 主题、名称及风格定位,选择题材，一般原则有： a. 主题范围要小而精。定位要小，内容要精。 b. 题材最好是单位特点及优势或个人擅长及喜爱的内容。 c. 题材不要太滥或者目标太高。,第一节 组建Web站点基础知识,1. 网站规划,确定了主题后，网站名称也是网站设计的重要部分。如“电脑学习室”和“电脑之家”显然后者简练；“迷笛乐园”和“MIDI乐园”显然后者明晰；“儿童天地”和“中国幼儿园”显然是后者大气。,对于网站名称的名称建义要正气、响亮、易记。,第一节 组建Web站点基础知识,1. 网站规划,a. 名称要“正”。 “正”就是要合法、合理、合情。不能用反动的、色情的、迷信的、危害社会安全的名词语句。,b. 名称要易记。 根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。,c. 名称要有特色。 名称平实就可以接受，如果能体现一定内涵，给浏览者更多视觉冲击和空间想象力，则为上品。如：“音乐前卫”、“网页陶吧”、“天籁绝音”等。,第一节 组建Web站点基础知识,1. 网站规划,1) 主题、名称及风格定位,风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。,网站风格（style）是抽象的，指的是站点整体形象给浏览者的综合感受。“整体形象”包括站点的标志，色彩，字体，标语、版面布局、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素,风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。,第一节 组建Web站点基础知识,1. 网站规划,1) 主题、名称及风格定位,区别：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。,其实风格就是一句话：与众不同！ 树立网站风格可以分以下步骤： 第一: 确信风格是建立在有价值内容之上的。首先必须保证内容质量和价值性。这是最基本的。 第二: 需要彻底搞清楚自己希望站点给人的印象是什么。 第三: 在明确自己的网站印象后，开始努力建立和加强这种印象,第一节 组建Web站点基础知识,1. 网站规划,2) 域名设计,国内网站的域名设计思路大致可以分为几类： （1）模仿型 模仿国外著名网站，如模仿yahoo的“hoo风格”与模仿ebay的“e”风格等 （2）数字型 除了跟中国电信有关的163、169、263之外，又如与世界之最喜马拉雅山有关的8848、与数学有关的3721、与“好兆头”有关的188、168等等。 （3）区域型 区域型的域名未必是政府机关所有，以国家、地区名称作为域名，有利于提高网站知名度，象“china.com”、“hongkong.com”、“taiwan.com”。,（4）拼音型 中国人独有的，感觉平易近人。如“摇篮网”网站的“yaolan.com”、文学网站榕树下的“rongshuxia.com”。 （5）组合型 如数字加英文的“51job”，利用“51”的谐音译成“无忧”，这种搭配可谓独具匠心。,第一节 组建Web站点基础知识,1. 网站规划,2) 域名设计,在设计域名时，主要有以下一些技巧及注意事项： （1）有吸引力 （2）简单明了但要有内涵 （3）与网站内容相关 （4）注意注册域名限制,第一节 组建Web站点基础知识,1. 网站规划,2) 域名设计,一是完全自己建，这要求本单位有专业技术人员和专门设备，同时单位网络业务量很大。这种方式投资极大，适合类似“联想”等大公司。 二是“主机托管”方式，这种方式投资比较大，也需要专业技术人员。所谓主机托管，就是用户将购置的网络服务器，托管于一些网络服务机构（该机构当然要有非常好的互联网接入环境），每年支付一定数额费用。,第一节 组建Web站点基础知识,1. 网站规划,3) 建站方式,三是采用虚拟主机技术建立网站。在别人的主机上，租用一定网站空间以架设自己的网站。网络公司不仅为客户提供存放网页的空间，同时也会开设数目不定的电子邮件帐号。此外，绝大部分公司还会提供网站策划、网页设计、程序编写、网站推广等一条龙服务。这种方式成本较低，不需要购买相关软硬设施，不需要招聘更多的专业人员。但只适合于一些小型、结构较简单的网站。,第一节 组建Web站点基础知识,1. 网站规划,3) 建站方式,在我国，网站建设和运营费用主要包括以下方面： （1）域名注册； （2）线路接入费用和合法IP地址费用； （3）服务器硬件设备； （4）若进行主机托管或租用虚拟主机，需支付托管费和主机空间租用费； （5）系统软件费用； （6）开发维护费用； （7）网站市场推销和经营费用。 用户建站，可列出所需硬件、软件、人员、接入Internet方式和服务清单，向专业人士咨询。,第一节 组建Web站点基础知识,1. 网站规划,4) 经费估算,在动手制作网站前，一定要考虑好网站结构组织，它包括以下两个方面： 确定栏目和版块； 确定网站的目录结构和链接结构,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（1）确定栏目 栏目实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目时，要仔细考虑，合理安排。 一定记住要紧扣你的主题 将你的主题按一定的方法分类并将它们作为网站的主栏目。 设一个最近更新或网站指南栏目 设定一个可以双向交流的栏目 设一个下载或常见问题回答栏目,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,栏目示例,（1）确定栏目 注意： 尽可能删除与主题无关的栏目 尽可能将网站最有价值的内容列在栏目上 尽可能方便访问者的浏览和查询,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（2）确定版块,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（2）确定版块 各版块要有相对独立性。 各版块要有相互关联。 版块的内容要围绕站点主题。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（3）文件的命名规则 切忌随心所欲地为文件命名，不要怕麻烦，要有一套 明确的命名规则，并一如既往地遵守它。这其实是所有 软件设计的一个惯例。,（4）确定网站目录结构 不要将所有文件都存放在根目录下 按栏目内容建立子目录 子目录的建立，首先按主菜单栏目建立。 其他的次要栏目，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，可以合并放在一个统一目录下。 所有程序一般都存放在特定目录。 在每个主目录下都建立独立的images目录,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（4）确定网站目录结构 目录层次不要太深； 不要使用中文目录； 不要使用过长目录； 尽量使用意义明确的目录。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（5）确定网站链接结构 网站链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。如果说每个页面是一个点，链接则是两点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体空间中。 总的原则：少而高效！,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（5）确定网站链接结构 树状链接结构（一对一） 首页链接指向一级页面，一级页面链接指向二级页面。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（5）确定网站链接结构 树状链接结构（一对一） 优点 条理清晰，访问者明确知道自己在什么位置，不会“迷“路。 缺点 浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（5）确定网站链接结构 星状链接结构（一对多） 每个页面相互之间都建立有链接。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,（5）确定网站链接结构 星状链接结构（一对多） 优点 浏览方便，随时可以到达自己喜欢的页面。 缺点 链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。,第一节 组建Web站点基础知识,1. 网站规划,5) 网站结构组织,应用 首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。,第一节 组建Web站点基础知识,2. 网站技术简介,1) HTML/CSS,2) Script/ Applet,HTML超文本标记语言，是最基本的网页制作技术，自1990年以来，一直是互联网上的信息表示语言。利用HTML可以完成基本网页布局和显示，缺点是缺乏动态功能和交互特性，CSS则可在HTML的基础上增加了动态效果和图文特效，现代应用中二者经常是紧密结合的。,脚本（Script）和小应用程序（Applet），是客户端常用技术之一。脚本主要是指JavaScript、VBScript等应用在客户端的技术，利用这些技术可为网页设计带来更大的灵活性和可交互性。,3) XML,可扩展标记语言，是当今流行的WEB服务架构的主流技术之一。它以一种十分巧妙的方式实现了数据定义与数据内容的统一，给程序间的数据传递带来了极大的方便。,第一节 组建Web站点基础知识,2. 网站技术简介,4) ASP,5) JSP/SERVLET,6) CGI,活动服务器页面，是微软开发的基于WINDOWS平台的服务器端编程技术。以VBScript和JavaScript作为编程基础，实现了数据库操作等服务器端的技术。缺点是只能局限于Windows操作系统，并且速度较慢,JSP是一种实现普通静态HTML和动态HTML混合编码的技术，是SUN公司推出的类似于微软ASP的服务器端技术，由于它是基于JAVA虚拟机的，具有较好的可扩展性和可移植性，支持大多数系统平台。,通用网关接口。是最早应用的服务器端技术之一，相比起来，使用难度比较大，用户可能要做大量基础性工作，CGI程序在不同服务器之间的移植也是一个很复杂的问题。,第一节 组建Web站点基础知识,2. 网站技术简介,7) PHP,8) Perl,是嵌入HTML文件的一种脚本语言。其语法大部分是从C、Java、Perl语言中借来的，并形成了自己独有风格。有强大的操作数据库的能力，支持多平台，速度也比较快，很多大型网站都用它作为主要的服务器端技术。,是一种最广泛应用于语法分析和WWW的编程语言。它在CGI编程和处理格式数据上的强大功能颇受关注。,第一节 组建Web站点基础知识,3. 建设网站的一般步骤,网站的建设与维护是一个长期过程，总体可分为五个阶段：站点策划、站点设计、站点开发制作、测试和评价、站点宣传推广及站点运行和维护管理。 对于个人网站和商业网站（或企业网站）具体步骤是不同的。 建立商业(企业)网站一般步骤