第一课网页设计基础

第一课网页设计基础一、网站的概述随着因特网的高速发展，网络已飞进寻常百姓家。据统计，我国宽带用户总数居世界首位。人们在工作、学习和生活中越来越多地使用因特网，社会车轮的转动已经离不开因特网这个润滑油。而说到因特网，网民们会对各种网站侃侃而谈。那么究竟什么是网站？什么是网页？它们和因特网之间存在什么关系？在这种高速发展的信息时代，拥有网站，是企业宣传的需要，是商务交易的渠道，是个性张扬的途径。那么我们该如何创建网站呢？让我们带着这一系列的疑问进入本章的学习！1，网页与网站浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关网页的集合就构成了一个网站。举例：网站的种类很多，根据不同的分类方法可以分为不同的类型。新华网曾对网站按主体性质进行分类，分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。2.浏览网页的工具------浏览器浏览器：用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。还有火狐Firefox、360安全浏览器等。1）网址：用于定位某个网站、某个页面的一串字符。通常格式为：）主页：主页、首页和网页是几个容易混淆的概念。网页泛指上所有的页面；而主页则是网站的“指挥所”，通过主页中的超链接可以到达网站中的其他页面，它是站点中所有网页的链接中心；首页特指用户进入网站后看到的第一个页面，通过这个页面可以进入网站的主页，此时的首页只是起到欢迎访问者的作用。因此主页和首页的本质区别就在于是否设有网站的导航栏。但很多网站的首页和主页是合为一体的，是同一个网页。用户浏览网站时，在浏览器的地址栏里输入网站的URL地址后，浏览器就会打开“主页”或“首页”。3）认识网页的组成元素在因特网的早期，网页只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。目前构成网页的要素包括：文字、图像、超级链接和其他多媒体元素。这几个部分内容有机结合，组成了完整的网页。第二课网站的策划与创建原则有了工具我们就可以开发自己的网站了，但我们到底要创建什么样的网站呢？我们创建网站的行为可能是自发的，也可能是企业或客户要求的。不管是哪种情况，网站的开发都是一项复杂的工程，必须要在创建之前先进行周密的策划。网站的策划就是在创建网站前对市场进行分析，根据网站的服务对象，确定建站的目的和网站的功能，从而明确网站提供的服务，然后进行网站的技术、内容、费用、测试、维护等规划工作。网站策划对网站建设起到计划和指导的作用，可以说网站的策划是创建网站的前提条件。1）建站前要进行市场分析进行市场分析是创建盈利性的网站的必要环节，创建普通的非盈利性网站此环节可以省略。进行市场分析需要调查市场行情，对公司、企业等盈利单位分析其自身条件、市场优势、建站能力等，还需要对其市场主要竞争者进行分析。2）确定建站目的及功能定位可以根据网站的服务对象，确定建站的目的和网站的功能。为什么要建立网站？是为企业作宣传，还是进行商业上的交易，或是展示个人个性或单位形象？根据目的确定网站的类型和所要提供的服务，实现功能的定位。3）确定网站技术方案根据网站的功能确定网站技术解决方案：是“租房”还是“买房”，操作系统选择Window2000/NT还是Unix、Linux，采用模板建站还是自己开发，网站将采用何种安全性措施，是使用动态程序数据库还是静态页面，动态网站的实现选择什么应用程序和数据库等。1.定位网站主题和名称设计一个网站，首先要定位网站主题。所谓主题就是网站的题材，它体现了网页所要表现的最主要的思想内涵。网络上的网站题材有成千上万个，如网上求职、网上聊天、网上社区、计算机技术、娱乐网站、旅行等，娱乐类又可再分为体育、电影、音乐等。所以，设计者只要明确建站目的，是有很多主题可供选择的。但定位网页主题时要遵循以下原则：主题要小而精、鲜明突出。定位要小，内容要精。如果你想把你的网站做成“百宝箱”，把所有你认为精彩的东西都放在上面，那么往往事与愿违，这个网站给人的感觉只会是没有主题、没有特色，虽包罗万象却样样都很肤浅，不容易给人留下深刻印象。与其这样，不如把范围缩小、内容做精。因为网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果人们需要买某方面的东西，选择专买店肯定比百货商店更方便。题材最好是自己擅长或者喜爱的内容。在做自己喜欢的事情时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。例如：你对旅游感兴趣，就可以建立一个介绍各地旅游资源的网站；如果你擅长平面设计，可以制作一个平面作品欣赏、介绍制作方法和技巧的网站。题材不要太滥或者目标太高。“太滥”是指网上随处可见，大家都有的题材，这样就做不出特色，比如歌曲下载等。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的，而人们往往只记得最好的网站。网站主题确定好后，还要给网站起个名字。网站名称是网站主题最凝练的概括，一个大气、响亮、易记的名称对网站的形象和宣传推广有很大影响。一般应遵循的原则如下：名称要合法、合理、合情。不能用反动、色情、迷信、危害社会安全的名词语句。名称要易记。最好用中文名称，因为从习惯上来说更亲切好记。字数应该控制在六个字（最好四个字）以内，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。名称要有特色。名称平实是可以接受的，但如果能体现出一定的内涵，在体现出网站主题的同时，能点出特色之处，给浏览者更多的视觉冲击和空间想象力，则更佳。例如，某个音乐网站起名为“天籁之音”。2.确定网站的风格风格是指网站的整体形象给浏览者的综合感受。它没有一个固定的模式可以参照和模仿。它是抽象的、独特的、有人性的，就像人的性格。有风格的网站与普通网站的区别在于：普通网站只是把信息堆砌在一起，只能用理性的感受如信息量大小、浏览速度快慢来描述，但有风格的网站却让人有更深一层的感性认识，比如浏览后认为站点有品位、有亲和力等。关于网站的风格有如下建议：将标志logo尽可能的出现在每个页面上。突出标准色彩。文字的色彩、图片的主色彩、背景色、边框色等色彩尽量使用与标准色彩一致的色彩。突出标准字体。在关键的标题，菜单，图片里使用统一的标准字体。想一条朗朗上口宣传标语。把它做在banner里，或放在醒目的位置，来说明网站的特色。使用统一的语气和人称。使用统一的图片处理效果。如阴影效果的方向、模糊度等都一样。创造一个网站特有的符号或图标。用自己设计的花边、线条、点。展示网站的荣誉和成功作品。告诉网友关于你的真实的故事和想法。最好能把每页的风格统一起来。3.定位网站的CI形象CI(corporateidentity)是指通过视觉来统一企业的形象。一个杰出的网站，和公司一样，也需要整体的形象包装和设计。准确的、有创意的CI设计，对网站的宣传推广有事半功倍的效果。如可口可乐公司使用全球统一的标志、色彩和产品包装，给人们留下极为深刻的印象。在确定好网站主题和名称后，需要思考的就是网站的CI形象。定位CI形象时，需要做以下几件事：设计网站的标志(logo)。标志可以是中文、英文字母，还可以是符号、图案等。设计网站的标准色彩。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。一个网站的标准色彩一般不超过3种。适合于网页标准色的颜色有：蓝色、黄/橙色、黑/灰/白色三大系列色。其它色彩可以作为点缀和衬托，但绝不能喧宾夺主。设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。设计网站的宣传标语。标志、色彩、字体、标语是一个网站树立CI形象的关键。完成这几步，网站的整体形象将会提高。4.确定网站的栏目和版块网站的栏目实质上是一个突出显示网站主体的大纲索引。在制作网页前，一定要先规划好合理的栏目。一般的做法是：将主题按一定的方法分类并作为网站的主栏目，要尽可能将网站最有价值的内容列在栏目上，尽可能方便访问者的浏览和查询。版块比栏目的概念要大一些，每个版块都有自己的栏目。各版块要有相对独立性。版块主要是门户网站等较大站点要考虑的问题。一般的个人站点内容少，只有主栏目就够了，不需要设置版块。5.确定网站的目录结构目录结构在网站的建设和维护上有着很重要的作用。如果未经规划随意创建子目录，会给站点本身的上传维护、未来的内容扩充和移植带来麻烦。因此建立目录结构时应做到：不要将所有文件都存放在根目录下。按栏目内容建立子目录。在每个主目录下都建立独立的Images目录。目录的层次一般不要超过3层。不要使用中文目录名和过长的目录名，尽量使用意义明确的目录名，如小写英文名称或汉语拼音及其缩写形式。4）确定网站测试方案网站测试就是模拟用户访问网站的过程，访问过程中发现问题，从而改进设计。网站发布前要细致周密的测试，以保证正常浏览和使用。测试内容包括功能性测试和完整性测试两个方面。功能性测试就是要保证网页的可用性，完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。5）网站维护网站的维护一般包括一下内容：1.服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。2.数据库维护。3.内容的更新、调整等。4.制定相关网站维护的规定，将网站维护制度化、规范化。6）网站发布与推广建好网站后，如果希望尽可能多的人访问，还要对网站进行必要的宣传推广，宣传手法多种多样，比如采取友情链接、广告等形式。7）网站建设日程表.建站初期还需具体确定各项规划任务的开始和完成时间、负责人等，以确保网站的顺利、按时完成。8）费用预算对于各项事宜所需费用要在建站前列好清单。如域名申请费、网站维护费用、网站宣传费等。以上为网站策划和创建所需要考虑的方面。在建设网站之初一定要进行细致的规划，才能达到预期建站目的。网站策划得到的结论具体表现为站点计划书。站点计划书出应该尽可能涵盖网站策划中的各个方面，但根据不同网站的需求和建站目的，计划书内容也会适当增加或减少。网站策划书的写作要科学、认真、实事求是。附：网站策划书(范例)此范例为网络上发布的一篇商业网站的站点计划书。网站策划书市场分析:随着社会的不断发展，美容成为一种新时尚。工作的辛劳让更多的消费者在闲暇时间去放松自己，去呵护自己的皮肤，尤其是女性朋友，善待自己的皮肤很重要。根据市场调研分析，美容品的网站非常的多，尤其是一些出名的化妆品倍受消费者的青睐，但在这些出名的美容产品中间很难搜索到穠芳伊翠，一些同类产品没有独立的网站，只是放在商城里销售，消费者了解不到更多的信息，穠芳伊翠是来自法国的名牌产品，根据目前的需求趋势，进一步提高其知名度，扩展客户群，建立穠芳伊翠网站具有可行性。公司现状:公司是穠芳伊翠产品的代理商，是专业美容美体中心，所使用的产品都是绿色美容品穠芳伊翠，在做美容的同时也可以提供公司的产品，让消费者在试用过肯定其效果后再订购，多项服务，更满足消费者的需求，我们会更大程度地避免其他网站的弊端，创造更方便的购物车，提供更新更全的咨讯，争取与老顾客建立稳固的客户关系，吸引新顾客。把握市场，定位准确，发展很大的潜力是很大的。网站目的及功能:推出顺子专业美容美体中心，推出穠芳伊翠，同客户建立B2C的电子商务，满足消费者需求。宣传产品的同时最终还是要进行电子商务，根据公司的需要和计划，确定网站的功能为网上营销型和电子商务型，网站进行的是B2C电子商务，这是市场需求下的产物。确定网站达到让更多的客户了解我们的美容中心和产品，记住我们的网站，不断完善网站，在美容品的电子商务市场拥有更多的客户，提高市场份额，增加销售量．网站