网页风格设计

具体要求是什么？，比如设计风格，施工项目，材料档次。首先看你的一个具体定位在哪里，精装，简装满足你的个性需求，如果想用高端点的东西或者加一些个性化的需求等具体沟通后才会有详细价位

50平米小吃店面装修价格是多少；房屋装修（全包）也需要有装修标准，因为装修房价是可多可少。。。如果要高挡点精装修，需要 1200-1300/平方进行装修。如果是大众化装修，需要用 800-900元/平方左右，属一般精装修。如果想一般化装修，可以投入 500-600元/平方左右，属普通装修了。如果按350-400元/平方投入装修，就是属简单简易装修了。所以房屋装修也看投入多少钱，投资多点，就装修好点，投资少点就一般装修，再少点就是简单点装修了。

UI是User Interface(用户界面)的简称。UI指的是设计软件的人机交互、操作逻辑、界面的整体设计很漂亮。好的UI设计不仅让网站有个性，有品位，但也使现场操作简单、舒适、自由、充分体现网站的定位和特点。我们在网站建设中应该如何做好UI设计呢？一、清晰的界面往往会给用户留下深刻印象清晰的界面，这是每个UI设计人员必须从指导方针。模糊，不清楚的主题界面不是用户喜欢的原因。模糊的web界面，可以给用户以混乱的假象，所以很容易导致疲劳。因此，UI第一件事要做的就是建立接口的清晰的思维，从而将这一思想应用到实际的发展。它将在很大程度上改善用户体验。二、遵从“简洁但不简单”的设计原则UI设计，清楚的是第一个元素，但绝非一个清晰的接口是一个很好的产品。UI设计，不仅有一个清晰的接口，而且给用户以简洁的感觉。用户的第一印象是非常重要的。和简单的用户界面设计原则会让用户在最短的时间内找到他们想要的内容，避免用户在繁杂的内容不断探索。现在许多网站都知道这个问题，许多网站进行修改，就现状而言，奉承是UI设计应该考虑的一种方式。三、给用户以熟悉的感觉所谓的给用户熟悉的气息，主要是指在UI设计的过程中要遵守一定的原则。这里所致的熟悉，是指大家都非常熟悉的操作你不能刻意的去改变，比如：有下划线的指的是超链接，你总不能颠倒过来吧？差号就是倒退或者删除按钮，这无论你怎么创新，至少在目前来说，这不能改变吧？四、和用户交互，提升页面响应速度UI的最终目标是改善用户体验，必须注意两个相应的加快页面的用户体验。所以，UI设计人员，相应的页面还在开发过程中必须考虑的一个重要点。五、整体风格要保持一致性。还有一个必须注意的设计界面:整个的要点有统一的风格，比如主页是平的，所以最好列和内容页面将会发展成一个夷为平地;简而言之，整体风格必须统一，这不仅包含统一，颜色的搭配也统一字体、布局、等，这是一个比较广泛的概念。之所以在UI设计中要保持一致的风格，这完全是站在用户的角度来思考问题的：只有保持统一的风格，才不会让用户在访问页面时产生错愕的感觉。六、增加美观度，给用户以愉悦之感美丽的程度，顾名思义，是整个UI设计美丽的学位。美丽的程度较高，用户将爱不释手。“简单”是提高审美的秘密武器。加入“纹理”UI设计，它将使你的网站更不同，更加完美。总之一句话：美好的事物总是会让人心神向往。而增加美观度，就是让产品成为美好事物的必备条件。清晰的框架，简洁的网页设计，美观的界面，友好的互动体验，这些都是一个成功的UI设计所必须的。我们在进行网站建设时，如果遵循着几条原则，另外加入自己的创意在里面一定会成为一位好的UI设计师。我是从无锡网站建设（http://www.thcec.net/）里找到的资料，希望能给你帮助！

设计上来说这两个系统有些东西越来越通用了，目前很多Android的应用偏苹果风格，也就是说基本都是采用一套iOS设计模板来适配Android系统。术语解读和系统平台对比android是Google公司开发的操作系统。iOS是苹果公司的移动操作系统。导航方式不一样iOS的Tab放在页面底部，不能通过滑动来切换，只能点击。也有放在上面的，也不能滑动，但有些Tab本身可以滑动，比如天猫的。还有新闻类的应用。Android一般放在页面顶端，可以通过滑动页面来切换Tab，当然Tab可以点击切换，Tab多的话，Tab本身也可以滑动。比如豌豆荚，百度贴吧，QQ。总之，Android啥都可以有。UI设计规范不一样比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android：720*1280 或者 1080*1920单条item的操作iOS单条item的操作有两种，点击和滑动，点击一般进入一个新的页面，滑动会出现对这条item的一些常用操作，如微信里滑动一条对话，会出现标记未读和删除。Android中，单条item的操作也有两种，点击和长按，点击一般进入一个新的页面。长按进入一个编辑模式，可以在里面进行批量和其他一个操作，比如删除，顶置等等。比如小米的短信页面；长按也可以弹出情境操作栏dialog，进行操作，比如Android版的微信。例外的是，Android里面也可以有单条item的滑动，如新版QQ，这种比较少见。AndroidL的短信，可以滑动进行归档。大Android啥都可以有。实体键iOS只有一个实体键（音量，电源不算哈），home键，这个键有这么几个功能：1、按一次，回到桌面。2 、双击，出现多任务界面3、iOS8里面，轻触两下Home键，调出单手模式4 、指纹解锁Android有四个实体键（现在很多被屏幕上的虚拟键代替，但功效是一样的）4.4一下的分别是back键，home键，menu键，和搜索键。4.4及以上，是back键，home键，多任务键。Android原生是这样，经过优化的Android就不一定了，比如魅族的smart bar，根据当前页面情景变化，不过蛮好用。Android的back键，在大部分情况下，和页面上的返回功效一样。不过，Android的back键可以在应用件切换，还可以返回主屏幕。这个iOS里面的键不能在应用间直接切换。浮窗设计元素不一样Android里可以看到各种浮窗，流量，清理内存等等。iOS暂时还不支持这样的浮窗。越狱的貌似可以。iOS和Android的UI区别七：图标尺寸和命名规范不一样1、iOS和Android手机的APP图标尺寸规范和图标命名规范2、对比PC、iOS、Android等终端APP的交互设计的差异化

请问你要建怎样的网站？找《〈万维商机网〉》吧，我也是找他们做的，效果很不差，而且他们赠送网络推广服务的。在我的主页底部有他们的网址。做网站还是找一家正规的网络公司比较好，我朋友的公司也是做拍卖的，他在北京朝阳区的巨卓腾网络公司做的。你可以在百度搜一下。 做题，不是为了做网站 哦！

简洁，不等于简单。这与弹琴是一个道理，你也许有能力弹得很快，但你并不需要在所有地方都弹得这么快。在很多时候，让速度慢下来反而比弹得飞快要来的更加困难。实际上，味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格;我发现自己在很大程度上就是一Dummy System来着。简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中，我们首先将对这类风格当中的那些最具代表性的组成要素进行分析，随后，我(英文原文作者)还会向各位分享一些工作中的实战技巧。简洁风格的创意组成要素　　固定宽度的页面布局结构　　花时间观察一些简洁风格的网站，你会发现它们当中的绝大多数都有用到经过良好规划的网格布局系统。如果哪位朋友对网格布局还不大了解的话，可以设想一下，在着手进行实际的视觉设计工作之前，使用辅助线将页面划分为若干等宽的列，通过这种方式对页面结构及元素的布局进行更精准的规划。网格布局可以使设计方案当中的信息结构更加清晰，在视觉上具有强烈的节奏感与一致性。　　固定宽度的网格布局结构可以为页面带来秩序与效率。举个例子，虽然Creative Review当中的页面布局会根据内容类型的不同而有所区别，但我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。　　对于在线杂志或报纸一类需要呈现大量内容的网站来说，要打造简洁的页面设计方案则更加困难。不过英国的卫报(The Guardian)以及一些同类型的在线报纸站点倒是向我们展示了通过固定宽度的网格布局实现简洁设计方案的可行性：　　如果不使用固定宽度的布局方式来组织这些内容，几乎可以说，首页将会乱的一塌糊涂。然而，在网格布局的帮助下，模块之间的留白及层次关系都相当清晰，整个内容结构的健壮性得到了提升。　　下面两篇文章(英文)可以帮助你更好的理解与实践网格布局的概念：　　● A Brief Look at Grid-Based Layouts in Web Design　　● The 960 Grid System Made Easy　　也不是什么新概念了，国产好文章也蛮多，有欲求的同学可自行觅食——译者C7210注。　　良好的文字排印　　良好的文字排印方案往往可以对简洁风格的页面设计起到事半功倍的推进作用。　　对字体数量的限制是这其中的一个关键因素。如果在同一套设计方案当中运用了过多的字体，它们彼此之间就会产生视觉上的竞争与冲突，这无疑会使页面变得凌乱不堪，用户的阅读连贯性也会受到极大的破坏。　　看看那些设计优秀的网站，你会发现它们通常只会用到一到两种字体，并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。　　这两个站点用到的字体都不超过两种，但它们的设计方案都比较充分地利用了字体各方面的属性特质，使得整个页面当中的信息层次非常鲜明。　　除了字体以外，行间距(line-height)也是文字排印方案当中的一个关键性因素。使行与行之间保持足够的空间，文字段落就能变得更加易读，当用户阅读到一行文字的末尾时，也可以很轻松的将目光转向下一行开头的位置。我们可以在样式表当中通过line-height属性对行间距进行调整。　　此外，对于每一行当中的文字来说，字间距(letter-spacing)也是我们需要考虑到的细节问题。合理的字间距可以为文字带来更好的呼吸感。　　关于文字排印，也有些不错的文章(英文)推荐一看：　　● A Basic Look at Typography in Web Design　　● CSS Typography: The Basics　　● CSS Typography: Techniques and Best Practices　　● CSS Typography: Examples and Tools　　简化的配色方案　　在印刷领域，设计方案所用到的颜色数量通常会受到各种现实问题的限制，譬如项目的预算只允许设计师使用两种颜色来设计海报。类似这样的情况是很常见的，设计师们时常会因为这些局限而感到相当的闹不住。　　而Web设计领域当中却不存在这类问题，如今，多数显示设备所支持的颜色数量都庞大的不亦乐乎。从技术上讲，我们可以随心所欲地打造各种花里胡哨五彩缤纷的设计方案，然而这样的实践方式显然会与简洁至上的设计目标背道而驰。很多经典的案例当中只会用到两种颜色， 即某个明度的灰色外加一种有彩色。其中的有彩色会用在最为关键的页面元素上，例如重要的链接或页头当中的交互对象。从某种角度来说这种极简的配色方案具有一石二鸟的作用，一方面，它无疑会对简洁视觉风格的构建起到至关重要的作用，同时，这类方案还能有效的提高页面元素之间的对比度，使那些重要元素得到最大程度的突出。　　另外一些成功的简洁设计方案当中，虽然用到的颜色数量会超过两种，但整体的配色风格依然趋向于保守，而且用到的颜色多数是比较中性的。　　正如文字排印方式与信息传达效果之间的关联作用，配色同样不仅是选取一些好看的颜色那么简单，优秀的配色方案可以通过正确的视觉基调将网站当中的内容更加有效地呈现出来。以Notologist为例，明亮、互补的颜色搭配使得内容信息及它们之间的关联得到了非常自然的体现，页面整体风格非常简洁直白，同时又不失活力。　　一致的图片样式　　如果同一个网站当中的图片(照片、插画、图表等)样式差别很大，你会觉得焦虑么?反正我会。　　对于内容当中有可能包含很多图片的网站或页面来说，要落实简洁至上的设计思路，其中最关键的一点就是要通过和谐统一的样式风格将这些视觉元素呈现出来。　　举例来说，IBM的智能星球运动(Smarter Planet campaign)涉及到多个方面的主题，与其相关的印刷品、插画、图表、人机互动素材等都遵从着同一套方案标准，包括几何框架、线条风格、色彩饱和度等。无论是在网站，还是在平面媒体中，相关主题的视觉表现形式都具有高度的一致性。　　设计思路与技巧　　先复杂，后简化　　在页面设计的过程中，我们必然要将各种界面元素一点点的放置在页面里。为了打造简洁的设计方案，很多设计师通常会在这种时候有所顾忌，下不去手。这会导致整个流程当中缺乏必要的探索性，而且最终的设计方案往往会让人感到苍白与空洞，而非简洁。大家多多少少应该都有所体会，如果运气好的话，探索过程中的那些happy accident往往能带来预想不到的惊艳效果。　　所以，我们不妨试试先复杂，后简化的思路。在设计流程初期，不要对界面元素的数量进行刻意的限制，同时尽量多尝试一些不同的布局方案，直到需求所需的内容及功能元素全部就位，然后开始简化工作。　　微调，再微调　　道上的朋友们觉得我总是喜欢没完没了的折腾设计方案，我真心觉得这种评价是对我的赞扬。　　在我看来，设计流程从来没有真正结束的时候，我们总是可以将方案朝着正确的方向再推进一点。说正经的，在这方面，问问那些和我合作过的设计师或实习生，他们会告诉你，跟着我干是多么苦逼的一件事儿。我估计也是，当我让他们在一些阴影的细节上修改了12次以上的时候，基本没人会觉得有意思了。　　正像我们在前文当中了解到的，“简洁”是由界面布局、文字排印、配色方案、元素外观等多方面要素协同构成的综合体验效应。所以，在整个流程中，花费大量时间在每个方面的细节当中进行纠结是必需的，这能怪我么?这里增大点行间距，那里的外边距减小两像素，把边框线的颜色由#EEE改为#DDD...这样的改动听上去并不重要，但当所有这些微调共同作用在页面整体上时，细微的差别所累加起来的综合效应就会变得非常明显。　　所以，微调吧，然后再微调些些。很多时候，在一个细节当中的调整还会引发另外一处的修改需求，有时甚至会对整个设计方案的方向造成影响。不怕，耐心些，简洁至上的设计目标需要我们付出的绝不会像最终成品看上去的那么简单轻松。　　大局观　　我前半辈子主要是一名印刷设计师。说是印刷，其实自己做了很多打印工作，因为每天在工作当中都会反反复复地将各种稿件打印出来并钉到墙上。久而久之，几面墙上都钉满了各种视觉方案的打印稿。　　在改行做Web设计之后，我果断不打印了，因为我觉得最终产品只会上上线而已，完全不会涉及到出版印刷一类的问题。于是在很长一段时间内，几个墙面都是空空如也的。不过慢慢的我却开始怀念起过去的日子了。将项目当中的设计稿一张张的打印出来并钉到墙上，这种简单直白的组织方式其实可以给我们带来一种很明显的大局观，使我们能够站在全局的层面上对页面进行观察和评审，并有可能发现可以被简化的细节元素。　　相比之下，在Photoshop或Illustrator中通过切换图层来对比视觉稿的方式就会让我们的视野受到很大的局限。所以我建议各位好好利用一下纸张及墙面，通过这种方式来发现不同页面的设计方案在一致性等方面的缺陷，去除有可能影响到简洁方案的不和谐因素。

　　网站项目管理规范　　一.概念　　网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。　　二.需求分析　　1.项目立项　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。　　2.客户的需求说明书　　第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：　　1.正确性：每个功能必须清楚描写交付的功能；　　2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；　　3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；　　4.简明性：不要使用专业的网络术语；　　5.检测性：如果开发完毕，客户可以根据需求检测。　　三.系统分析　　1.网站总体设计　　在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：　　1.网站需要实现哪些功能；　　2.网站开发使用什么软件，在什么样的硬件环境；　　3.需要多少人，多少时间；　　4.需要遵循的规则和标准有哪些。　　同时需要写一份总体规划说明书，包括：　　1.网站的栏目和版块；　　2.网站的功能和相应的程序；　　3.网站的链接结构；　　4.如果有数据库，进行数据库的概念设计；　　5.网站的交互性和用户友好设计。　　2.网站建设方案　　在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：　　1.客户情况分析；　　2.网站需要实现的目的和目标；　　3.网站形象说明；　　4.网站的栏目版块和结构；　　5.网站内容的安排，相互链接关系；　　6.使用软件，硬件和技术分析说明；　　7.开发时间进度表；　　8.宣传推广方案；　　9.维护方案；　　10.制作费用；　　11.本公司简介：成功作品，技术，人才说明等。　　当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：　　3.网站详细设计　　总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。　　四. 项目实施　　1.整体形象设计　　在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。　　整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。　　记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。　　开发制作　　2.开发制作　　到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。　　调试完善　　3.调试完成　　在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。　　为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。　　4.宣传推广　　宣传推广的基本方法有：　　1.网页里设置适当的META标签；　　2.各搜索引擎登录；　　3.准备新闻稿件在各新闻公告板发表；　　4.合理使用Email邮件列表；　　5.广告条交换；　　6.付费广告。　　至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。　　五.维护　　网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:　　1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；　　2.网站流量统计分析和相应对策；　　3.尽量推广和使用您的网址；　　4.网站内容的及时更新和维护。　　六.遵循的规范　　1.网站建设目录规范　　2.网站文件命名规范　　3.网站建设尺寸规范　　4.网站首页head区代码规范　　5.网站连接结构规范　　网站开发规范　　任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。。　　非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。　　一．组建开发团队　　在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。　　项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。　　二．开发工具　　Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。　　网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。　　网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。　　网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。　　三.网站开发流程　　在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。　　图 1　　从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。　　四．数据库开发规范　　数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。　　数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。　　数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。　　视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。　　存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。　　SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’　　五．文件夹文件名命名规范　　文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。　　文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。　　1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。　　放置在页面顶部的广告、装饰图案等长方形的图片取名： banner　　标志性的图片取名为： logo　　在页面上位置不固定并且带有链接的小图片我们取名为 button　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu　　装饰用的照片我们取名： pic　　不带链接表示标题的图片我们取名： title　　下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。　　2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。　　范例：register_form.asp，register_post.asp,topic_lock.asp　　六．程序代码编程规范　　一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。　　1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。　　2、出于易读和一致性的目的，在代码中使用以下变量命名约定：　　子类型 前缀 示例　　Boolean bln blnFound　　Byte byt bytRasterData　　Date (Time) dtm dtmStart　　Double dbl dblTolerance　　Error err errOrderNum　　Integer int intQuantity　　Long lng lngDistance　　Object obj objCurrent　　Single sng sngAverage　　String str strFirstName　　3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：　　4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:　　<%　　'[功能] 返回一个参数的值　　'[参数] strParameterName 参数名称　　'[作者] icefire 2002/8/20 am　　Function GetParameterValue(strParameterName)　　Dim objRS, strSQL, strParameterValue　　strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"　　.　　.　　.　　GetParameterValue = strParameterValue　　Set objRS = Nothing　　End Function　　5、ASP内置对象区分大小写。如下代码片断　　strUserName = Request.Form(“UserName”)　　Set conn = Server.CreateObject("ADODB.Connection")　　6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：　　Sub OpenConn(ByRef conn)　　Dim strDBPath, strDBConnection　　strDBPath = Server.MapPath("database/tax.mdb")　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath　　Set conn = Server.CreateObject("ADODB.Connection")　　conn.Open strDBConnnection　　End Sub　　7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：　　Sub CloseObj(ByRef obj)　　If IsObject(obj) Then　　obj.Close　　Set obj = nothing　　End If　　End Sub　　8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。　　七．网站首页head区代码规范　　head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签　　1.公司版权注释　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.网页显示字符集　　简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.网页制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.网站简介　　<META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…">　　5.搜索关键字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.网页的css规范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(参见目录及命名规范)　　7.网页标题　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以选择加入的标签　　1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止浏览器从本地机的缓存中调阅页面内容。　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用来防止别人在框架里调用你的页面。　　<META HTTP-EQUIV="Window-target" CONTENT="_top">　　4.自动跳转。　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指时间停留5秒。　　5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。　　<META NAME="robots" CONTENT="none">　　CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。　　6.收藏夹图标　　<link rel = "Shortcut Icon" href="favicon.ico">　　所有的javascript的调用尽量采取外部调用.　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>　　附<body>标签：　　<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">　　八．网站建设尺寸规范　　1. 页面标准按800*600分辨率制作，实际尺寸为778*434px　　2. 页面长度原则上不超过3屏，宽度不超过1屏　　3. 每个标准页面为A4幅面大小，即8.5X11英寸　　4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px　　5. 另外120*90，120*60也是小图标的标准尺寸　　6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

风格一： 　　1、简洁，平淡，严谨（不使用艳丽，花销的色彩，局部可以有）。 　　2、讲究实用性和便利性。简单（够用的功能，包括页面导航）、易用（简单入手，交互和ui）、体贴（贴近用户心理）、专注（基于业务本身）。 　　3、倾向于将首页做成各类功能、板块的引导界面，首页不会放置太多的内容，即使有内容表现，也是比较简洁的，不超过2屏。 　　4、对安全性要求高，许多服务和功能都需要进行安全连接。 　　5、对个人信息和隐私也非常注意保护，除了隐私条款外，在细节上也需要加强隐私保护的说明和功能。 　　6、国外商业用户对网站的信誉很看重，如果你没有详细描述关于网站的介绍，提供足够充足的范例，和建立严谨而值得信赖的流程，那么你就很容易丢失用户。 　　7、广告；不提供花哨的广告位。 　　8、国外经常用的分享是:p、t、f 　　风格二： 　　·页面风格简洁紧凑，文字与图片显示相对集中； 　　·善于应用单独色块区域及重点内容进行划分； 　　·图片及文字的布局文字明显多于图片，文字标题重点突出； 　　·页面执行速度快，相对（当然这也与欧美现有的网络硬件设施支持有关）； 　　·广告宣传作用突出，善于用横幅的广告动画突出其产品或理念的宣传，整体搭配协调一致。 　　1、页面的风格 　　欧美风格的网站页面给人的第一印象就是简洁，突出重点，页面中的文字和图片都相对较少，文字和图片的混排也相对较少，而文字内容的描述和图片展示都比较紧凑集中，但关联紧密，使浏览者可以明确精准的找到自己想要搜索和寻找的信息。因为文字比图片所要表达的内容更集中准确。除一些娱乐或者产品宣传的页面或者栏目频道，会用大幅的动画广告加以宣传外，基本的文字描述都是很精致简单的，即使是长篇的文章，它们也会通过段落排版，把文章恰当的分成若干部分，从而不会让浏览者感觉到阅读的疲劳。 　　2、页面的布局 　　欧美风格的网站在图片的应用上喻意传达很有内涵，图片处理很精致细腻，与区域的划分区块大小搭配很合理恰当，而且一般都集中在页面的头部，或者中间位置，少有在页面中与区块错落混排的情况。同时欧美风格网站上的图片的广告作用十分突出，为了突出宣传效果，往往都会使用大幅的图片或者动画，因此这些内容一般也都会摆放在页头或者中间这些醒目的位置。使用文字的位置摆放也很有讲究，一般文字与图片都是在分布在两个区块里，较少使用图文混排的方式，即使使用图文混排的方式，图片与文字的间隔也会大一些。这样会使图片和文字说明的内容分开，使文字说明的作用更突出。 　　3、应用单独色块对区域及重点内容进行划分 　　网站在色彩的应用上，主色调一般都选用一些给人以稳重深沉的颜色，如：灰色、深蓝色、黑色等等。但除了这些基础底色的运用，欧美网站风格的设计师也会应用一些色彩鲜艳，表现强烈的颜色应用到网站的设计中来，比如一些传媒娱乐业或者电子产品的宣传网站则会应用这些色彩加深浏览者的印象，以达到加重浏览者感观刺激的作用，但大体都会使用同一颜色或者单独颜色。而设计师有时候为了突出表现一些内容的时候，也会通过应用与主色调反差明显或者较大的颜色来作为显示内容的底色，从而使内容在整个网站上显得更为突出。 　　4、页面执行速度快 　　由于欧美风格的网站在布局设计上基本采用图片与文字搭配简洁，紧凑的布局排版风格，且其文字介绍内容简单明了，图片在分辨率和大小的处理上也细致细腻，较少像韩国网站使用大量的动画效果，因此其页面执行速度比较快。 　　5、广告宣传作用突出 　　欧美国家的互联网建设和网站建设都要早于我国，同时其在网站应用目的上也更为明确。欧美网站在网站宣传上也是很重视的。因此，在欧美网站上经常会看到大幅的广告，且在广告设计和广告放置的位置上也是不惜余力的。常常会用一些与网站整体色系反差大的颜色作为广告图片或广告动画的底色，同时应用醒目的文字标题或者喻意明显强烈的图形用以表达其所在宣传广告内容 　　。广告一般包括制造企业的产品展示和服务性行业的服务项目及理念的宣传，制造企业的产品，如：汽车、电子产品、家居用品、服装、化妆品等等。服务性行业的广告内容都是宣传其的服务项目和公司理念，如：保险、金融、医疗、保健、教育等等。欧美国家的网站在广告宣传上相当重视，这也是我国企业类型网站在建站后，较为薄弱的环节。在这一点上，可以多借鉴欧美的经验，在设计和制作网站时重视网站广告的宣传。 　　6、艺术字体的设计及应用 　　在欧美网站上，我们经常会看到一些企业会使用其企业名称或者名称的缩写来做为其公司的标志（如：微软-Microsoft、惠普-HP、通用-GM等），或者在其广告中使用其产品或者宣传理念的标题性文字或者文字缩写。由于英文字母的构成基本上都是线条，英文的艺术字体较多，而且通过处理后所形成的文字和图形相对简单整齐，容易与其他颜色或者背景形成统一的效果，可以给人以很深刻的印象，同时也容易记忆，所以在网页的设计上会经常使用到，然后中文由于其笔划繁多，虽然也有较多的艺术字体形式支持，但是设计起来比较困难，同时也不适合网站宣传与国际化接轨的需求，所以在借鉴欧美风格的网站设计元素的同时，也应该照顾到这一点。应该以图片化的logo设计来适应欧美风格网站设计中的整体效果。 　　欧美风格的网站需注意： 　　1.网站设计中国化，不符合国外用户浏览习惯，导致外国人很难找到他想要的资讯和浏览习惯感觉别扭； 　　2.网站布局不人性化，没有互动，当用户找了很久没有找到他想要的信息后，想直接通过网络咨询却难找到最详细的联系方式和相关负责人； 　　3.网站设计不专业，做工粗糙，很多英文语法错误，导致让国外用户感觉该公司很小很不专业而且粗心，而得不到其合作机会； 　　4.网站在国外无法打开，要不国外用户打开其网站慢的难以忍受，导致用户没有耐心早已关闭网站，而连合作的机会都没有； 　　5.网站上的留言反馈、在线咨询、电邮咨询是摆设，用户问了半天，没有得到回复，而早已经找到别家供应商了； 　　6.网站基本优化没有做，在海外系列搜索引擎上排名到好几页开外，让采购商很难找到； 　　7.网站优化做弊，被搜索引擎封了，导致在搜索引擎上找不到该网站； 　　8.忽略了国外当地用户习惯，忽略了当地的知名的网站和黄页等采购商常用的工具。 　　欧美的外国人喜欢喜欢的风格： 　　1.网站设计全盘西方化，注意字体大小（西方人喜欢较小字体）、浏览器编码（海外很多用户没有安装中文语言支持，网站应该用utf-8编码）、细节处理（语言细节、网站设计精细等）。 　　2.网站设计参考国外知名大公司，做出大气、稳重的气势来，如apple.com等。国外用户很少来大陆来考察，很多信息都是通过网站来了解到的，公司如果小，应该在网站上做出大气来，显示自己公司的实力和专业，公司如果大，更应该展示自己的资质和实力。 　　3.网站必须放置在海外的服务器上去，保证海外用户访问网站的速度，如果是全球化的用户群体，建议使用美国或香港的主机服务器，毕竟美国互联网资源最丰富。如果是其他地区和国家，建议选购当地的网站空间。 　　4.企业邮局，太重要了，大量的Email产生业务，一封都不能丢失或出其它问题。保证全球收发正常，现在根据大陆的情况来看，采用的企业邮局服务器放置在大陆的话，基本上在海外有很多国家收不到你的企业邮局。不用企业邮局又不行，国外用户很注重公司的形象，企业邮局是最基本的。这样就要使用在海外的企业邮局了。企业邮局服务器在美国或欧洲或香港台湾，邮件服务器IP必须做反向解析，邮件系统尽量选择国外的邮件系统。同时最好选择有中继海外服务器转发功能，大陆的邮件发不过去，还可以通过境外的服务器来转发该电邮。 　　5.网站建设过程中要进行最基本的网站优化，如关键词优化、导航优化、标签优化、关键词密度等都必须注意到，这些也可以算是现在网站建设的基本配置了。 　　6.网站建设要注意人性化设计，看看Dell、Apple、Aol、iriver、IBM等网站，简洁明了，重要的信息总是出现在最醒目的位置，联系方式详细，找不到自己要的信息的时候，有很多方式可以让他来直接和公司相关负责人沟通，如及时电邮、即时通讯、网络电话等。让用户总是能够找到他想要的信息。国外的网站很多都是自助式的，就是因为网站上导购非常清晰，注释说明很明了，访问者按照一步步使用说明就可以完成他要了解的东西，如果有疑问，又能很方便的找到相关联系人，让问题得到及时的解决。 　　7.不要为了投机取巧，去做一些不诚信的营销方式，如发送垃圾邮件、搜索引擎做弊等，后果很严重。 8.多了解下目标客户群体的使用习惯。如在欧洲，很多专业的采购商使用黄页的次数比网络多。某些地方又是使用B2B商务平台比搜索引擎多，有些地方又是相反，还有展会等，要根据不同地区的习惯来制定不同的网络营销预算。 如有建站需求请咨询腾达创艺。