店铺首页页面设计模板论文

你好，相关资料一篇，仅供参考：网页设计实用技术研究摘要：在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。本文从网页设计的角度出发，介绍一些设计中要素和技巧，例如框架、CSS样式的使用等等。 关键词：网页设计 要素 框架 CSS 互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。 一、 网页设计的要素 在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。 1.图片要素 要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等， 2.排列方法要素 主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。 3.色彩要素 色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。 二、 网页设计技巧 一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里笔者从框架和CSS样式的运用两方面来介绍网页设计的技巧。 1.框架的使用 FRAME（框架）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。 使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。 许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。 2. CSS样式的使用 CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。 三、网页设计经验谈 一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。 另外还要注意，不要依赖图形。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。 第三要注意，仅仅在需要的时候使用帧(FRAME)。 使用帧可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。 网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。网页设计还有更多的技巧，有待于我们去挖掘和研究。◆

大概思路：网页给浏览人群带来的视觉感受，要让浏览的人群看过后有印象并且会翻下去看。颜色不要超过三个以上（图片除外），页面不要太长，如果做HTML5页面，要加上ID导航，方便浏览人群浏览。需要注意：网页排版要简洁大方，颜色搭配要舒适，结构内容要规范符合W3C。

1. 背景介绍 2. 网站运营模式 3. 网站建设目标 4. 系统核心设计5. 网站运行环境6. 网站内容 栏目名称 栏目说明 公司介绍 由中文和英文两种页面构成，通过该栏目可以向外界发布金属贸易公司的组织结构、经营范围和经营理念。 电子期刊 由公司电子期刊发布管理系统组成，通过该系统可以动态发布期刊的内容。 会员管理 通过会员管理系统可以有效地对会员进行管理，可以对成为会员的单位开放贸易公司资料库、生产厂商资料库，查询全球价格行情和国内价格行情。 新闻发布 通过新闻发布管理系统进行新闻的动态更新、动态发布，并进行方便的后台管理。 供求信息发布 通过供求信息发布管理系统，各个商家可以进行供求信息的发布，实现供求信息的检索。 产品发布 通过产品发布管理系统可以有效发布最新产品，对每一位商家提供按条件检索功能，方便商家快速找到所需产品。 网上谈判 通过网上谈判管理系统可以方便地进行贸易磋商，提高交易的成功率。 招标管理 通过招标管理系统，可以方便有效地发布招标信息，对标书进行有效管理，从而降低购买成本。 网上交易 通过网上交易管理系统，可以实现定单的下载，实现b2b形式的电子交易系统。 网上竞价 通过网上竞价管理系统，开展在线的竞价活动。 网站服务 设置一些知识性栏目，以增加网站流量。 期货板块 主要介绍期货的价格信息、行情预测、基本知识、行情回顾、相关生产厂商动态等。 其它栏目 网站导航、统计模块、超级链接模块、帮助系统等。 案例4-2 “亿商聚”电子商务网站的总体设计一、创建的依据 我国皮件制造行业在很漫长的时间里，一直延续着劳动密集型的加工生产及传统落后的销售方式，其生产技术水平及管理规范程度远落后于其它许多行业。 20世纪电子商务的出现，使企业许多难以想象或难以解决的问题被认为可以得到改善及改变。对於产品市场推广、商品跨地区的销售管理、企业广告宣传、客户信息交流及反馈、客户销售服务以及商品保养常识介绍，这些企业原来感到很“繁重”的工作几乎在不增加企业成本的情况下变得非常容易起来，甚至因为物流业的迅速发展，使企业商务部销售人员几乎“不出家门”即可在互联网上以虚拟的方式完成各项销售工作，这种全新的模式使得传统“划地经营”的概念或模式荡然无存，电子商务在因特网技术平台的支持下，企业营销地域及空间的约束已不复存在，这是互联网时代给予的大好机遇。传统的企业营销方式在知识经济潮流冲撞下必须得到彻底革命，网站就是在这种大趋势下，同众多崇尚现代化管理手的企业一样被推向市场前延的众多企业网站之一，起名字为“亿商聚”。二、规划特点 亿商聚电子商务网站依据“以企业营销为中心，一切为营销服务“的宗旨进行功能策划设计，其功能特点如下：1. 内容专业性强 主要以皮件产品为主，结合企业产品特点，集中对产品的款式、工艺、品质、特性、市场流行状况、销售流程、支付办法以及物流方式的宣传介绍形式及内容作了合理有序的安排，同时根据网站商业功能特点，适当增加一些其它产品的介绍及销售功能设置。为了最大限度降低网站维护成本，网站功能及内容采取动静态相结合，大部分以固定的产品介绍及宣传服务信息为主，流动信息采纳比例减少，并定期更换部分流动信息内容。网站初期阶段，B2B贸易设计采用静态方式，即网上洽谈报价，网下仍然保留传统交货付款方式，而B2C贸易采用网上订购，在线认证支付等动态功能设置，根据电子商务技术成熟及应用普及程度，逐步向全面在线合同、订货及支付方式过渡。2. 知识性、趣味性 利用互联网远程传播的特点、将企业产品的性能特点，维护保养知识以及商品工艺知识有选择地介绍给用户（以多媒体综合表现形式通过合理的网页布局），不仅让不同的客户有选择地更多、更详尽地了解有关商品专业知识，并通过内容的常识性、趣味性来吸引更多的用户关心，以此扩大企业对外影响，培养更多的潜在用户。3. 商业交易性 将传统的皮件贸易方式进行改造，形成电子商务交易运营的模式。根据国内及国际电子商务发展区域性成熟程度区别，形成不同要求的交易程式，目前对於B2B类的国际跨国贸易主要采取网上联系洽谈业务、网下签订合同和供货支付的商务方式，既只将传统贸易中信息交流的手段改变为利用互联网技术的方式，其他贸易内容方式不变，仍然延用企业熟悉的传统模式，使之得以相对安全高效低成本营运。B2C电子商务模式应用于网络合同、安全、电子支付及物流发展成熟的地区，即采用网上支付专业物流公司送货的模式，使之形成真正意义上的电子商务模式。 4. 双语性 为适和国际开放市场的要求，网站首页以中英文分别按钮进入形式，这种形式一方面适合国内上网客户浏览中文信息以及购物的要求，同时满足国际贸易来往信息交流的要求。对网站内容结构分配策划上，中文信息涵盖了几乎所有信息及功能内容，英文信息主要以商务信息为主。三、栏目规划 为了满足企业商务网站专业性、知识性的要求，对网站目标功能分析划分后，组成网站功能栏目系统结构。 产品介绍第二部分第三部分贸易流程第一部分商品趣闻行业动态留言板皮件工艺学校皮件保养动物饲养工艺制作皮件产地手机配件根据一般网民上网浏览寻访习惯以及网页信息的重要程度，将功能栏目系统结构中的第一部分功能项安排作为主导航栏上各功能键；第二部分功能项安排作为辅助导航栏目的内容，这部分栏目的内容主要满足商品常识性的要求。第三部分安排为其他商品的目，以满足综合功能要求。四、基本页面功能分布分析 按照商品专业化程度划分，网站栏的内容分成主要导航栏目、辅助导航栏目及综合栏目三组。考虑到视觉习惯、将主要导航栏目组横排在最突出的最上方位置、辅助栏目组紧邻其下，其它商品栏目组竖立在网页的主侧，该诅根据网站产品类别变动需要可临时添加或删除，在整个栏目系统结构中，各栏目页面基本以此结构为模板，同时通过相互链接可进行栏目间自由切换。 根据各栏目的功能要求，网页中央位置分别放置对应信息内容，主页以及个别主要网页安排一些必要的辅助功能，如会员登记、信息搜索、广告发布等功能，地址及E-MAIL联系设立在各页面下方。五、其他 根据网站商务要求，在产品介绍栏目页，为了方便客户即时订购商品，在相应的商品照片位置设置订购专用按钮，以便及时进行必须的采购表单填制或及网上支付。若用户有信息反馈，可通过留言板和电子邮件的方式予以予反馈，并可以得到及时的处理意见。

网页UI的设计与实现3.设计与实现.数据库的需求分析.数据库的ER图设计.数据库的结构创建4.系统结构设计与实现系统结构设计.系统前台功能模块系统后台功能模块..系统实现.系统前台功能实现.系统后台功能实现..5.网页制作与实现制作网页的步骤网页布局.常规的页面布局.页面的配色方案页头和页尾.关于广告.表单的布局设......