CSS教程之基于CSS的网站导航菜单
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了poluoluo文章简介：基于CSS的网站导航菜单.
Loodo
Acolorfulmenuthataddstothefeelofthewebsite.
Acko.net
StevenWittenstakesalookatthenavigationmenufromaquiteunusualperspective.
WebDesignLedger
WebDesignLedgerhasanexcellentmenu;itslargesizeisconvenientbutdoesn’tintrudeonthecontent.
UXBooth
UXBoothusesaastylishtextboxunderthenavigationasasortofsubtextforeachmenuitem.
Nopokographics
Verticalnavigationmenusareusedveryrarely,forthesimplereason:theyarehardertouse.However,somedesignersriskunusualapproaches.NopokoGraphicsusesanarrowandahover-effectforitsverticalnavigationmenu.
IconDesigner
Thiswebsiteusesalargeimage-basedmenuonthehomepage.Theuser’sattentionisdrawndirectlytothislargemenu,makingitconvenientforusers.
Cosmicsoda
Thislargeandcolorfulmenuisverynoticeableandusesaslighthovereffecttofurtherdefinethemenuitems.
Designsensory
Anintuitivedrop-downnavigationthatuses2colorseffectivelytocommunicatetheactivenavigationitemandthepassiveones.
Smallstone
Smallstone,aU.S.recordlabel,presentsitsnavigationmenuintheformofatheso-calledSpaceEchoRolandSE-201.
TNVacation
It’sprettyhardtofindanice-lookingdrop-downmenu.Thisoneisabeautifulexception.
Clearleft
Clearleftusesacoupleofpaperpiecesforitsnavigation.
poluoluo文章简介：基于CSS的网站导航菜单.
45royale
Asimple,cleanandbeautifulnavigationwithanicehovereffect.
DesignIntellection
Anexcellentexampleofblocknavigationthatshowshoweffectively“speaking”hovereffectscanbeusedwithacleanandsimplenavigationmenu.
Ronnypries.de
Anavigationmenudoesn’thavetolooklikeatraditionalnavigationmenu.RonnyPriesusesafloorplantoleadsitevisitorsthroughthepagesofthesite.
JiriTvrdek
JiriTvrdekpresentsthenavigationoptionsofhissiteasleavesonatree.Creative,unusualandmemorable.
Water’sEdgeMedia
PatriciaAbbottusesclothespinsforthenavigationoptions.
MattDempsey
MattDempseyhighlightshisnavigationoptionswithabrushstroke.
Cognigen
Thecurrentnavigationoptionispressed—clearandintuitive.
DistrictSolutions
Verticaltabsareusedveryrarely.Buttheycanlookgood!
JaymeBlackmon
JaymeBlackmonseemstolikesetting“done”-marks…
JeffSarmiento
Whynottryaslopingnavigationoptionsonceinawhile?
poluoluo文章简介：基于CSS的网站导航菜单.
Studioracket
Areallyunusualnavigationmenuthatusessomekindofamindmaptoillustratethenavigation.And,apartfromthat,thenavigationmenuishand-drawn!
CulturedCode
Asubtleyetdistinctmenuthatisoutofthewayofcontent.Excellentcolorsandanicehovereffectalsoaddtothemenu.
NandoDesigner
ThisPortuguesedesignersuseshandwritingandapieceofpaperforitsmainnavigation.
Bonfiremedia
Sometimestypographyisjustenough…
Artgeex
Vividtypographyinuse.
Gloobs
Somedesignersintegrateastampinthecontactnavigationoption.
SouthCreative
Thiswebsiteuseslargenavigationbuttonsandhasagoodhovereffect.
MacRabbit
Onemoreexampleofalargeandcleanmenu.Thisoneusesiconstoaidthereaderinrecognizingeachitem’sfunction.
RapidWeaver
Thismenuhasacleanandsmoothlayout,andithasagreatsub-menuthatusestransparencytoseparateitfromthemainmenu.
DFWUPA
Iconsreinforcethemenuitemsonthiswebsiteandaddemphasistoeachoption.
RevolutionDrivingTuition
Thiswebsitehasagreatgrungestyle,andthemenufitsrightintothelayout.
DuartePires
Thismenuislocatedclosetothecontent,whereitiseasytouse.Ituseslargeicons,whichaddsavisualelementtothenavigation.Also,themenuonotherpagesusesthesameiconsinaverticallayout,bringingconsistencytothewebsite.Theiconsmaynotfitperfectly,butit’saniceidea.
ValetinAgachi
Thisnavigationhasaratheruniquestylethatemphasizesselecteditems.Also,themenulayoutstaysconsistentthroughoutthewholewebsite.
Tutorial9
Tutorial9recentlygotaniceredesign,whichcamewithaveryusableandwell-organizedmenu.
你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。 学Dreamweaver技术的过程其实是一个增加信心的过程。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 可以使用 CSS 检查工具进行设计。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页:
[1]