网页设计规范可以设置为与网页的 title 一样,不过可以通过 display:none; 隐藏,这样做可以方便搜索引擎的提取;󰀀

写范文发表于:2019-05-21 03:39:14

中国移动手机支付网页设计规范

本规范的目的是为了方便在中国移动手机支付网站建设中,制作出通用的、易于维护、高效率的制作web页面。󰀀

󰀀一.目录建立、文件夹命名规则:󰀀

01.目录:󰀀

除非有特殊情况外,目录应使用小写字母,并且以字母开头其中不得包含汉字、空格与特殊字符。󰀀

目录命名请尽量英文为指导,不要以拼音作为目录名称。󰀀

以下为一些常用目录的推荐英文名称:󰀀

image放网站不同栏目的页面都要用到的公共图片󰀀

media放flash、avi、quicktime等多媒体文件󰀀

public放公共文件󰀀

style放css样式文件󰀀

js放js文件󰀀

temp放一些策划与设计中使用的原始资料与备份文件󰀀

在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images和medias的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。temps目录中的文件与网上无关,请杜绝非内容的上传。󰀀󰀀

02.文件:󰀀

除非有特殊情况外,目录应使用小写字母,并且以字母开头其中不得包含汉字、空格与特殊字符,否则在网页读取过程中可能会出现错误;请尽量英文为指导,不要以拼音作为目录名称。󰀀

以下为一些常用文件命名的格式推荐:󰀀

首页类文件index(_xxxxxx).后缀名[index_wealth.html]󰀀

列表类文件list(_xxxxxx).后缀名[list.html]󰀀

内容类文件detail(_xxxxxx).后缀名[detail.html]󰀀

表单类文件post(_xxxxxx).后缀名[post.html]󰀀

表单反馈类文件result(_xxxxxx).后缀名[result.html]󰀀

图片类文件文件类型_xxxxx(图片序号)(背景).后缀名(详见以下)󰀀

广告图片动画类文件xxxxxx_widthxheight.后缀名(详见以下)󰀀󰀀

03图片文件:󰀀

透明的1x1像素图片名称为:c.gif󰀀

图片的分类及命名规则:󰀀

广告类bannerbanner_vnvbiz_500x400.swf|banner_vnvbiz_680x100.swf󰀀

标志类logologo.gif|logo_newyear2007.gif󰀀

按钮类buttonbutton_01.gif|button_01bg.gif󰀀

菜单类menumenu_aboutus.gif|menu_job.gif󰀀

装饰类picpic_01.gif|pic_02.gif󰀀

栏目类titletitle_top01.gif|title_top02bg.gif󰀀󰀀

04命名规则󰀀

两种方式:下划线连接法、驼峰法。选择其中一种方式即可󰀀

如:index_menu.html󰀀indexmenu.html󰀀󰀀

二设计规范:󰀀󰀀

01.整体规范:󰀀

中国移动手机支付网站统一采用950像素的宽󰀀

网站页面长度建议1屏半到2屏。原则上长度不超过3屏,宽度不超过1屏。根据用户

习惯和网站需要,站点首页、分栏首页可设计超过3屏。󰀀󰀀

02.图片标准尺寸:󰀀

除了布局类文件没有限制外,其它的广告、产品等图片,基本满足以下三种规格:󰀀󰀀

1x1=>正方比例;󰀀

4x3=>黄金比例;󰀀

另外还有一种的特定图片尺寸。󰀀

以下为一些常见图片的推荐尺寸:󰀀

全尺寸banner=>468×60px;󰀀

半尺寸banner=>234×60px;󰀀

产品缩略图片=>100×75px;󰀀

内容图片=>50×50px120×90px󰀀

图片文件大小一般保持在5k以内;大尺寸的banner文件大小保持在15k以内。󰀀

󰀀

03.文字规范:󰀀

网页中总体上使用:󰀀

字体font-family:宋体󰀀

字号font-size:12px󰀀

字色普通:color:#333浅色:color:#666

大字体设置上请多使用双尾数值,比如12px14px16px22px:󰀀

一般标题宋体粗体12px󰀀

模块标题宋体粗体14px󰀀

内容标题宋体粗体16px󰀀

文字的行间距也请多使用双尾数值:󰀀

12号字体常用行间中距18px│20px│22px󰀀

14号宋体常用行间中距24px│26px│28px󰀀

文字的颜色请使用216安全色,方便定义和规范颜色,即类似于"#000000|#6666|

#66ff"󰀀󰀀

04.链接规范:󰀀

新闻、信息类通常用新开窗口方式打开。󰀀

顶部导航、底部导航通常采取在本页打开,特殊栏目和功能可新开窗口。󰀀

链接带下划线为链接通常的默认风格,顶部导航或特殊位置为了观赏性可用样式表取消下划

线。󰀀

链接的颜色可配合主题颜色风格改变,通常为蓝色、暗蓝色、黑色,但激活后的链接颜

色、鼠标移动其上时的链接颜色要同本身颜色进行区分。󰀀󰀀

三xhtml制作规范:󰀀󰀀

01.制作规范总论:󰀀

每个网页都应注明dtd版本信息,并且放在网页的最上面。󰀀

所有xhtml标签都必须使用小写,并且必须有属性值,且加双引号。󰀀

所有xhtml标签都必须闭合。󰀀

"网页大小"定义为网页的所有文件大小的总和,包括html文件和所有的嵌入的对象。

用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在70k以下为合适,40k

以下更好。󰀀

为了更好的控制代码长度与代码的可读性,尽量使用手写代码来完成书写,并且使用tab

来控制代码缩进(严禁使用空格键)。󰀀

所有的文件联接与链接都使用绝对路径的形式,如:/news/detail.aspx?id=1111󰀀

在制作页面时,请先全局性的了解一下页面的结构,然后按粗放到细致的顺序去完成页面。

最后是同一栏目使用同时制作,从而减少CSS的代码量。󰀀󰀀

02.网页文件通用模板:󰀀󰀀

/p>

"w3/tr/xhtml1/dtd/xhtml1-transitional.dtd">󰀀

󰀀

󰀀

/title>󰀀

󰀀

 

第2篇:ì?é?ó¢??μ?ó?′ê

????fellowfriends:

????hello!sincerelyweleyoutoetotaishan,todayiandeverybodywillmountthesummittogetherfromthetaishaneastroad.

????thisbig,ancienttaishanhascontainedtherichnatureandculturalaccumulating,hasbeenincludedbytheunitednationseducational,scientificandculturalorganizationtheworldnatureandtheculturalheritagenamelist.now,westillhadsuchtoask"likeancient;daizonghusbandhow"then,marchesintotogetherwithmethemountain,understandstaishan'scharm.

????hereisdaimiao.fromdaimiaothestart,afterthedaizongworkplace,afontanel,theredgate,centerthefontanel,risestheimmortalworkplacetothesouthfontanel,istheroadwhichancienttimesemperorancientriteofmakingsacrificestaishanpassedthrough,nowiscalledbythewell-knownperson"ascendstoheavenscenicarea"alsocallstheeastroad,isinthepresenttaishanmountaineering6roadsmostancient.wewillmountfromthisroadgoesagainstextremely.

????everybodynotedhasbeenpalatialdaimiaofront,butalsosomesmallertemple,thiswas"remotesenatepavilion"wassameyearemperortheancientriteofmakingsacrificestaishan'sinitialstation.sameyearthekingcamewhentaishanheldtheancientriteofmakingsacrificesstandardoffersasacrificeto,allfirstmustinhereholdsimplypaysrespecttotheceremony,thereforebeforemingdynasty,calledthiswas"grasssenatepavilion".whentheming??dynastyperformstheextension,changesnameis"remotesenatepavilion".althoughisacharacteriseasy,thebasewasreverentactuallycontains.

????thefriends,china'sancientarchitecturehastheuniquestatusintheworldconstructionhistory,thisremotesenatepavilionconstructionideaalreadywillstemfromtheancientriteofmakingsacrificesgrandceremonyfromthisbutstepbysteptoenterthehightideforthepreludetheneed,afteralsowillbeestheticsthoughtmanifestingwhichchinaancienttimesfirstdampedraises.

????intherightnoontimegatewasdaimiao,wasevenisamysteriousside.daimiaohasthelikethischarm,decidestoitowncharacteristic.first,itsfencethenisdifferentwiththegeneraltemple,thefenceweek1,300meters,5cornerstones,onbuildbluebigthebrick,assumesthetrapezoid,getsdownthewidth17.6meters,onthewidth11meters,thehighapproximately10meters,altogetherhave8gates:centeristherightnoontimegate,isdaimiaomainentrance.entersbytherightnoontimegatedaimiaoes,thefrontsurfacematchesthefontanel,takes"whichkongzisaid;germanymatchesworld"meaning.matchesthefontaneltwosides,eastforworksthreethemarquispalace,westfortoo,betweenthreepalacestothewallisconnected,theconstitutiondaimiaoamongassoonasentersthecourtyard.

????crossedthekernelpeacefulgate,thenisgrandbigsongtiankuang,itcallsthetoweringextremelypalace,isthistemplemainbody.daypalacesurfaceextravagant9,643.67meters,depthofahouse5,17.18meters,passtheheight23.3meters.everybodylookedthat,thedaypalaceissituatedabovethespaciouswhitestationbase,peripherythestonecarvingfencesurrounds,thecloudshapelooksthecolumnunevenrow,causedthedaypalacetohavethemarvelouseffectwithallaroundenvironment.

????aroundthedaypalaceserveswiththewindingcorridor,hasformedabigcourtyard,inchina'sconstruction,theporchplaysenablethespacetohavethoroughly,collectswasmad,close,isrigorousandalsoisrichinthechangetherole,thisisintheworldconstructionhistoryallperformstopraise.daimiaothewindingcorridorcloselyissurroundingadouble-eavedroofpalacebigbuilding,straightandtheloftycontrasthasarousedthepeopletodaypalacerevering.??ourcountrytheancientarchitecturefullyrealizedinworldnotabsolutelygreatlyabsolutelysmall,thesizeisproducesfromthecontrast,besidesallaroundevenlowthewindingcorridor,infrontofthedaypalaceintheplatformhasalsorepairedtwoexquisiteimperialtabletspavilions,bothhashighlightedthedaypalace,andtothegrandcenterhouseholdstranquillyisfortable,thereforethedaypalacecertainlywasnotthegrandtwocharactersmaysummarize.

????slandersthebackdoorfromthedaytoleave,hasthebricksandstonesroadandthelatterimperialpalaceisconnected.whensongzhenzongsealstaishan,becausetaishanwillsealwillbe"emperor"theemperormusthave"latter"thereuponthenhasmatchedmadame"forit;shunexttwo".lookedlikefromthispoint,daimiaoifsaidisthetaoismgodgovernmentoffice,butalsowasinferiortosaidlikestheimperialpalace,thiskindoflayouthadfurtherdisclosedthefeudalrulerusesdaimiaocarriesonthepoliticalactivitytheutilitygoal.

????amomentago,wewerealongdaimiaomainspoolthreadtour,butadvocatesthespoolthreadtwosides,originallyinadditionhas4individualcourtyards,aroundtheeastsidetwocourtyards,firstis"chinesecypresscourtyard"handsdown6copalswhichmartialemperorofhandynastyplantsoninthiscourtyard;latteris"eastimperialplace"isemperoroffersasacrificetotheplacewhichtaishanstays.

????herewastaishanfamous18.theabout2.5billionyearsago,intimearecalledasbythegeologist"taishanmovement"intheorogenesis,ancienttaishanfirsttimeisvastfromapiecerises,laterseveralvicissitudes,taishanraisessubmerges,thesubmersionraises,finallyin30millionyearago"himalayamountainsorogenesis"center,taishanfinallyhasformedtodayappearance.theancientorogenesishasacplishedsouthtaishanthefoothillstepsandladderstyperisethreefaultzones,onmostfromthecloudfoot-bridgefaultzonetogoesagainstextremely,theelevationsuddenlyrisesmorethan400rice,causesthisregiontohavethestrikingcontrastwithallaroundthegrouppeak,justlikecheckingofthepagoda,hasformed"eastdaycolumn"imposingmanner.

????hereistight18,alsowastheentiremountaineeringroadplatecentermostdifficultlandsector.everybodylookedthat,thecliffantiquityperson'stopicengraves:"diligentlyclimbup""wanshan""altogetherclimbsbluescalingladder"......thatisencouragingus.everybodylookedagainthat,thatshouldershundredcattiesselectsshangong,againthoughtthesameyeardidnothaveanon-surnamechiselstonetobuildroadstheperson......themountaindoesnothavetheword,buttheycandrivethepeopleareupward.thefriend,themountaineeringjustlikedoesanyenterprise,onlyhasisdutifullyupward,candefeatdifficult,canarrivethehighestboundary!

????souththefontanelarrived,wehavenowplacedoneself"day"althoughwehavenotcertainlybeeanimmortal,butweunderstood"inhere;ascendstianshanbutsmallworld"heroics.

????hasenteredsouththefontanel,relativeisthemainhallnameswithitis"notporch"porchtwosideseachhasnotbeenallowednorth.leavesthegatetohaveamountainpeaktowardthewesttocall"monthviewpeak"onthemountainhasthepavilion,famousmonthviewpavilion.itissaid,theclearskyandfreshairlateautumnseason,alsomaytoassoonaslookat"inhere;yellowrivergoldbrings"strangelandscape:shinesuponinthesettingsununderthebackdrop,thebigdiastrophismhasbeendark,onlysometuneyellowriverwater,reflectedsun'sglory,likedflashthegoldenbelt,dayinplacecontinuallyinsameplace.atnightfall,underthebrightmoonlight,looksobviouslyjinan'slamplightsoftenthousandfamiliesfromthisthenorth,thereforethemonthviewpeakcalls"looksgovernmentofficemountain".

????southleaveseastthefontanelcourtyardtofoldnamelyforthedaystreet.daystreet,spacedowntown,richpoeticsentimentplace.travelstotheeastalongthedaystreet,centernorthhasaworkplace,ontheinscribedhorizontaltabletthetopichas"lookswushengji"thisishandsdownkongziandyanyuanseeswuguochangoutsidethegateawhitehorse'splace.norththeworkplacehasthekongzitemple.

????thedaystreetmosteastendwasthebluerosycloudancestralhall,igaveeverybodytotellthebluerosycloudfemaleimmortal'sstory.thebluerosycloudfemaleimmortal'spredecessoristhetaishangoddess,iscalledasinthefolk"angelbeautifulwomanbluerosycloudfemaleimmortal"isinmonpeoplemindtaishanlord,andiscalledas"taishangrandma""taishanoldmother".thepopulacetothetaishanoldmother'speriodoffivedaysbeliefandtheaffection,areburyingwhichonekindofhistoryaccumulatesdowninthepeoplemindin-depthtothemotherthelove.howmanyyear,thebluerosycloudfemaleimmortalhaswonmonpeople'slove,untilnowstilllordedoversummitofthetaishan,wasacceptingbuddhismbelievers'incenseandcandle,summonedisgoingtothedecoywhichthetownshipleftcountry's.

????good,letsusentertothebluerosycloudtemple.2,500squaremetersplaces,havebuiltuptheentrance,themainhall,matchespalace,3godsgates,thebelltower,thedrumtower,fragrantpavilion,longlivethebuilding,theextremelyheavytripodwithtwohandles,thefirepond,butalsohasaccordingtowall,thedancebuilding,theimperialtabletpavilion......moreoveristheimperialmountaingustofwind,thepalaceiscoppertile,thetabletisabrasscasting,glittering,solemnspacepalace.thetaishanbluerosycloudancestralhallhighconstructionskillwasconsideredwasourcountryancienttimesthemountain??????constructionmodel,thepersondancestoheregoesonapilgrimagecertainlydoesnotfeelitsslightlybutsenseitsisbig,thesacredfeelingarosespontaneously.??now,intaishanbluerosycloudancestralhallarchitecturalplexanalonestandard.

????leaveseastthebluerosycloudancestralhallnorththegodgatetofoldalongthewindingmountainroadonagain,obviouslyacliffstandsrock-firm,onthecliffthecarvedstoneproliferates,spectacular,personal"bigviewpeak".westthebigviewpeakleans,onseveralyearsallstonesalsoallhasancient's??writingskill,areathisitmaybesaidistheopen-aircalligraphyartmuseum.

????alongthebigviewpeakwestthesidewindingmountainroadon,tothemosthighplace,ontheseroadlookedresemblesthestonestepsfinallyarrivedterminus,herewastaishangoesagainstextremely--jadeemperorgoesagainst.

????templeofthejadeemperorconstructsingoesagainstextremelyon,theredocherwallgreenglazedtilepicturewashasputonalaurelcrowntotaishan.entersthetemplebytheentrance,firstsawiscourtyardcentral"extremelycapstone".extremelythecapstoneliesincenter,highnotfullrice,surfaceroughness,ifinelsewhere,willbetogethertheordinariestnotplacestone.butinhere,itssidehasthetabletiswriting:"taishangoesagainstextremely??1,545meter".accordingtothegeologyanalysis,isit,fromseatroughcentertakestheleadin30millionyearsagotohaunchup,itisrootedinto1myriameterearth'scrustdeepplace;isit,hasseveralhundredsquarekilometersbases,theentireplacemountainisliftingitintherequest,causesittostandtallanderectthecloudday,downtointempleofthejadeemperor'sjadeemperorbigemperorhassimplybeeitspatrongod.

????thefriends,aday-longtravellingschedulealreadyended.hopedyoucanarrivetaishantoeonceagain.thankseverybody!

 

第3篇:SEO网站title标题优化技巧

现阶段由于网站关键词逐渐的落寞以及网站描述的不作为,网站标题成为了目前SEO三大元素当中最牛的一个存在,好的标题不仅可以获得比较理想的排名,而且还可以起到标新立异吸引流量的作用标题党文章的厉害程度相信大家都能有所体会,下面是YJBYS小编整理的SEO网站title标题优化总结,希望对你有帮助!

抄录式网站标题

如果你是一个SEO的新人,如果你真心对于这个行业陌生到无以复加并且没有其他的方法可以求助,那么选择这种抄录式网站标题设计吧,去网络中寻找同行业网站,然后看看他们的标题是怎么写的,然后根据多家这样的同行业网站,拼凑出一个属于你自己的网站标题,这个难度不大,风险还很低,如果这个你都做不到,那还是改行吧,去发传单比较适合你。

完全吻合式标题

有这样一类网站,他们主推的关键词很少,重要的关键词只有1、2个,那么对于这一类的网站标题来说就非常简单了,直接使用这个住关键词即可。因为搜索引擎存在一种叫做完全吻合的查询机制,当你得网站标题与用户查询的关键词完全吻合时,那么排名靠前是必然的,这样对于优化的好处是不言而喻的。

完全空白式标题

相信在做SEO优化的过程中,大家都有看到过,有一些网站他们并没有设置网站标题,甚至关键词跟描述也没有设置,但是有很多一些这样的网站排名又都不错,是不是感觉到奇怪了呢?其实大多数这样的网站都是使用大量长尾关键词来进行优化的,正因为没有主关键词的干涉,所以长尾词被分得权重更多,排名更好。

词语堆积式标题

这种标题的设计理念其实很简单,围绕着公司的主要产品与服务形成的关键词进行编写标题,因为目前网站关键词的作用越来越小,所以尽量的将关键词放在标题中是比较划算的,后期优化起来也会事半功倍一些,但是这里要注意一点,搜索引擎出现的搜索结果是有字数限制的,大家可以自己敲击一下自己想要查询的关键词,看看搜索出来的标题结果是不是有位数限制,就因为有位数限制,所以设置标题关键词的时候,越重要的越要放在最左边,这点毋庸置疑,网站描述与关键词设置也与此规则相同无名小站。

新颖另类式标题

这一类是所谓的标题党最喜欢的,标题中很少会涉及到关键词的设置,一般这类网站的标题都用相关行业比较吸睛的话题作为网站标题,其往往是某些长尾词,这样做的好处在于那些竞争比较激烈的网站可以通过这类方式规避开激烈的竞争。效果也是很不错的。