PSD ў XHTML/CSS пераўтварэнні

Калі ў мяне ёсць СДП і спрабую высветліць, што з'яўляецца лепшым diminsions выкарыстоўваць для пераўтварэння HTML, што было б лепш. Проста зрабіце PSD памер малюнка?

У мяне ёсць сайт і старонка на тое, што маё малюнак павінна выглядаць, як паказана ніжэй.

Website: http://kansasoutlawwrestling.com

Mockup jpg: http://kansasoutlawwrestling.com/assets/images/wrestling.jpg

Я пайшоў psd2htmlconverter.com заплаціў 3 даляраў і атрымаў штосьці, акрамя HTML і CSS правільна паказвае, але яго не падзеленыя, як гэта павінна быць.

http://kansasoutlawwrestling.com/crap/admintemp/testing/index.html

Але я сапраўды спрабаваў адкараскацца ад асноўнага сайта CSS.

2
Ну гэта быў праект, які я заплаціў камусьці, каб стварыць. Я проста спрабаваў атрымаць больш вопыту пераўтварэнні.
дададзена аўтар Jeff Davidson, крыніца
Яго не танны дызайн. У мяне была добрая кампанія дызайн мне нешта вельмі добры, я думаю. Толькі з дызайн не ўпэўнены, што лепшы спосаб ісці аб кадаванні XHTML/CSS.
дададзена аўтар Jeff Davidson, крыніца
Калі PSD з'яўляецца 1x1 пікселяў, ваш падыход можа апынуцца праблемай ....
дададзена аўтар RedFilter, крыніца
Як мы павінны ведаць, што лепш для ваш мэтавай аўдыторыі?
дададзена аўтар Sparky, крыніца
Я не ведаю, калі я добра вас зразумеў, але, як правіла, PSD вырабляецца з пэўнай сеткай на ўвазе. Такім чынам, вы павінны ўжо мець некаторыя памеры прадвызначаныя. Калі ў вас ёсць цалкам выпадковы памер у PSD, чым гэта можа быць жорсткім, каб правільна разлічыць усе памеры.
дададзена аўтар Ivan Ivanić, крыніца
Гэта занадта шырокая пытання. Якая ваша мэта? Які тып карыстальніка вы хочаце падтрымаць? Ёсць 1024x768, верагодна, будзе самым нізкім дазволам вам трэба падтрымліваць? Мабільныя карыстальнікі? Наколькі вялікая гэтая СДП? Я паняцця не маю, што вам можа спатрэбіцца для стварэння, на самай справе. Вы пытаецеся, гэта таму, што вы наймаеце танны СДП ў вёрстку службы? Калі гэта так, то не пытайцеся нас - Спытаеце людзей, вы наймаеце.
дададзена аўтар Steve Adams, крыніца

1 адказы

Не зусім упэўнены, што вы пытаецеся, але калі вы кажаце пра тое, як нарэзаць PSD, я б не парэзаць усё ў зададзеных памерах. Хай раскладка дыктаваць, дзе рэзаць, і паспрабаваць нарэзаць яго лагічна секцыі, такім чынам, што паўторная зборка яго з HTML/CSS лёгка.

Пачніце думках вадалазны размяшчэнне на секцыю, напрыклад, верхні банэр, левая калонка, правая калонка, вобласць змесціва, зноска і г.д. Пасля рассякання макета, проста пачаць нарэзку лагічна ў малыя і сярэдніх памерах малюнкаў.

Гэта можа дапамагчы стварыць шкілет у HTML/CSS, так што вы маеце ўяўленне пра тое, што вам трэба разрэзаць шаблон. Гэта, як правіла, працуюць добра, таму што вы не проста нарэзка яго ў выпадковым парадку, а вы нарэзка яго пад шкілет, які вы стварылі. Відавочна, што вам, магчыма, давядзецца разрэзаць вялікае выява як верхні банэр у некалькіх частак, але гэта не мяняе нічога - вы па-ранейшаму падганянне секцыі шаблону да раздзелаў вашага шкілета.

Вось тое, што я злучаў сапраўды хутка, проста, каб паказаць, як ісці аб нарэзцы малюнка. Я б не выкарыстоўваць мой дакладны прыклад, але ён павінен накіраваць вас у правільным кірунку:

Гэта, верагодна, лепшы савет, які я магу даць з прадстаўленай інфармацыяй. Я буду пашырыць мой адказ, калі вы даць больш падрабязную інфармацыю.

<�Моцны> Змяніць

Гледзячы на ​​крыніцу на старонцы, гэта выглядае, як вам проста трэба плаваць DIV # сярэдні так што правая бакавая панэль не апускаецца ніжэй яго.

макеты CSS табліцы сапраўды добрыя для такога роду рэчы. Дайце нешта накшталт гэтага стрэлу:

  

<div id="container">   
    <div id="layout">   
        <div id="left-sidebar">   
            <!-- left sidebar-->
        </div>   
        <div id="content">
            <!-- content -->
        </div>
        <div id="right-sidebar">   
            <!-- right sidebar -->   
        </div>   
    </div>  
</div>

Вось некаторыя артыкулы абмяркоўваюць табліцы на аснове макетаў ў CSS2:

2
дададзена
Напрыклад, права бакавой панэль крамная якой не павінна быць. Можа быць, мы глядзім на два розныя памерах экрана.
дададзена аўтар Jeff Davidson, крыніца
хмм нармальна зараз частка, якая будзе турбаваць мяне. атрымліваць мае дзівы правільна выраўнаваны.
дададзена аўтар Jeff Davidson, крыніца
Мінус CSS робіць мой HTML выглядае добра да гэтага часу?
дададзена аўтар Jeff Davidson, крыніца
Я ўсё блытаюць пра гэта.
дададзена аўтар Jeff Davidson, крыніца
Не вялікае на што-небудзь табліцах не злучаныя, калі яго для фактычных дадзеных, якія адлюстроўваюць.
дададзена аўтар Jeff Davidson, крыніца
Нешта тут не так. Ня гледзячы прама на мяне.
дададзена аўтар Jeff Davidson, крыніца
дададзена аўтар Jeff Davidson, крыніца
Я зрабіў паплавок налева і, падобна, не вырашыць гэтую праблему.
дададзена аўтар Jeff Davidson, крыніца
Я з усіх сіл з тым, як гэта выглядае так далёка. З майго экрана яго не вельмі добра.
дададзена аўтар Jeff Davidson, крыніца
У мяне ёсць выява нарэзанага ўжо і спрабую прыдумаць код XHTML/CSS, як апісана ў маім пасце. У мяне гэта пачалося, але не ўпэўнены, што мне трэба, каб пашырыць сваю шырыню або што. kansasoutlawwrestling.com
дададзена аўтар Jeff Davidson, крыніца
Выгляд затрымаўся тут. Ідэі пасля гледзячы на ​​маё малюнак, якое я адправіў вышэй.
дададзена аўтар Jeff Davidson, крыніца
дададзена аўтар Jeff Davidson, крыніца
У мяне ёсць СДП. Я не добры Слайсер. Каб быць сумленным з макетам, я люблю яго, але яго трохі цяжка зразумець, што тое, што было б лепш зрабіць.
дададзена аўтар Jeff Davidson, крыніца
Я сапраўды думаю, што вы павінны выкарыстоўваць маю прапанову вышэй. Яна працуе вельмі добра.
дададзена аўтар James Johnson, крыніца
Так, гэта выглядае, як вы да добрага пачатку. Проста працягвайце выкарыстоўваць перадавы вопыт, і захаваць табліцы стыляў абнаўляюцца для забеспячэння ўзгодненасці паміж старонкамі.
дададзена аўтар James Johnson, крыніца
Што там варта блытаць аб? Вы не павінны выкарыстоўваць гэта ... гэта проста добрая альтэрнатыва плаваюць і які з'яўляецца метад кампаноўкі. У рэшце рэшт, ён па-ранейшаму 100% CSS, так што вы ў добрай форме. Самы вялікі недахоп традыцыйных табліц з'яўляецца тое, што яны павольна, каб зрабіць, але гэта спрэчнае пытанне тут.
дададзена аўтар James Johnson, крыніца
Табліцы! = CSS табліцы. Вы б добра памятаць.
дададзена аўтар James Johnson, крыніца
Гэта не з дапамогай табліц. Яна выкарыстоўвае ўласцівасць адлюстравання CSS2, і ён прызначаны, каб замяніць патрэба ў плывучых дзіваў.
дададзена аўтар James Johnson, крыніца
Я адправіў прыклад, каб вы збіраецеся. Спадзяюся, што гэта дапамагае.
дададзена аўтар James Johnson, крыніца
На жаль, забыўся згадаць, што права ўрэзка таксама павінна быць размешчана злева.
дададзена аўтар James Johnson, крыніца
Што здарылася з тым, што вы атрымалі да гэтага часу?
дададзена аўтар James Johnson, крыніца