如何快速把PSD轉(zhuǎn)成DIV+CSS_html/css_WEB-ITnose
Jun 24, 2016 pm 12:15 PM 拿到PSD文件后,如何較快地完成DIV+CSS的網(wǎng)頁(yè)設(shè)計(jì)呢?
別說(shuō)用photoshop的生成功能,那個(gè)最不靠譜
我目前的做法是手動(dòng)地敲代碼,但效率很慢,一個(gè)頁(yè)面往往需要四五天時(shí)間,感覺(jué)很浪費(fèi)時(shí)間,有沒(méi)有更好的辦法呢?
回復(fù)討論(解決方案)
.....?我也是手動(dòng)敲的,不過(guò)?一個(gè)頁(yè)面?不需要?4-5天。應(yīng)該是?整個(gè)?網(wǎng)站?如果頁(yè)面?不超過(guò)40個(gè)的話?最多?4天能敲完。要說(shuō)好的辦法?其實(shí)?是基于工具的。比如?我們公司?有一個(gè)自己研發(fā)的?工具?頁(yè)面不是敲出來(lái)的?是?直接畫出來(lái)的。不過(guò)我還是?偏向于?用?DW?工具來(lái)自己敲。
我也是手動(dòng)敲的。。生成的重用性很低,而且自動(dòng)命名樣式。多做的話應(yīng)該就會(huì)快點(diǎn)。有自己的一套模板樣式,我一個(gè)站也得切2天左右,頁(yè)面不超過(guò)10個(gè)
要想快的話,大塊切圖+熱點(diǎn)。只是尺寸相對(duì)來(lái)說(shuō),比較固定,缺乏彈性。
這種事,做多點(diǎn),經(jīng)驗(yàn)多+手法快,速度總能快些的。
顧得了這頭,顧不了那頭啊,
想要拓展性就手動(dòng),想快就切圖
切圖,切完導(dǎo)成html格式,不過(guò)倒出來(lái)的挺惡心,不嫌麻煩就用吧
我也是手動(dòng)敲的。。生成的重用性很低,而且自動(dòng)命名樣式。多做的話應(yīng)該就會(huì)快點(diǎn)。有自己的一套模板樣式,我一個(gè)站也得切2天左右,頁(yè)面不超過(guò)10個(gè)
有自己的一套模板,這個(gè)有道理
有自己的一套模板,這個(gè)有道理
呵呵,模板是對(duì)已搭建好的結(jié)構(gòu)進(jìn)行不同風(fēng)格化時(shí)有用的。
象你現(xiàn)在這樣,可能是對(duì)這個(gè)網(wǎng)站的零起步或完全重建,是需要你根據(jù)情況寫模板,而不是有現(xiàn)成模板可用,因?yàn)槟愕腜SD是你自己設(shè)計(jì)的結(jié)構(gòu),別人的模板都不適用,除非你一開(kāi)始就是遵循別人的模板結(jié)構(gòu)進(jìn)行視覺(jué)設(shè)計(jì)。
這種情況下,你要按照模板的要求去寫,花的時(shí)間那就更長(zhǎng)了。
苦練?學(xué)習(xí)?有套路的工作?來(lái)加快速度
不要指望自動(dòng)化?自動(dòng)化的東西?怎么知道你確確的需求呢
這東西能敲得人很頹廢

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

HTMLHEAD? ?? ???? SEO, ?? ?? ? ???? ??? ?????. 1. ??? ??? ??? ????, ???? ???? ???? ??????. 2. OpenGraph ? Twitter ?? ??? ???? ?? ?? ??? ????? ??? ?????? ???? ??? ??? ???? ???????. 3. ?? ?? ? ??? ??? ???? ??? ??? ??? ???? ????????. 4. ?? ???, ?? ?? ? ?? ?? ?? ???? ?? ??? ??? ????? ???????.

Tolearnhtmlin2025, chooSeatUtoriorialThatthatthath and-practicewithmoderndardAndardsandegratescssandjavaScriptBasics.1.

???? ??? HTML ?? ???? ??? ??? ?????? ?? Div Flex ?? ??? ????? ???? ??? ?????? ??? ???????. ??, ?? ???? ?????? ?? CSS? ?? ? ?? ????. ?? ?? ??? ALT ??? ?? ???? ?? URL? ?????? ??? ???? ??? ?? TD? ??????????. ????? ?? ?????? ?? ??? ????? ???????.

???, ID, ???, ??? ? ??? HTML?? ?? ????? ???? ??? ?????. ???? ??? ?? ? JavaScript ??? ?????? ?? ?? ??? ??? ??? ???? ? ?????. ID? ?? ?? ? JavaScript ???? ??? ??? ?? ?? ???? ?????. ???? ???? ??? ???? ?? ? ? ??? ?? ???? ????? ??? ???? ???? ????. ??? ??? ??? ?? ???? ???? ? ????, ?? ??? ?? ? ??? ?? ??? ?????. ??? ??? ?? ????? ???? ? ????? ???? ??? ????? ?? ?????. ??? ??? ????? ???? ?? ???? ??? ??? ???? ? ????.

??? ??? ??? HTML ?? ??? ??? ????? ?? ?? ?? ?? ???? ?? ?? ? ? ????. ?? ???? ??? ?????. 1. JavaScript? ???? ?? ?? ? ??? ???? ???? ?? ?? ??? ?? ?? ? ???? ???? ????. 2. Formspree? ?? ?? ???? ? ???? ???? ???? ???? ??? ?? ? ???? ??? ?????. 3. LocalStorage? ???? ??? ?? ??? ????? ?? ??? ?? ???? ??? ???? ? ????? ??? ??? ?? ???? ???? ????.

Native Lazy Loading? ?? ???? ????,?? = "???"??? ??? ???? ??? ????? ? ? ????. 1. JavaScript ?? ?? ?????? ???? ??? HTML?? ?? ?????. 2. ??? ??? ? ?? ??? ???? ?? ??, ?? ??? ??? ??? ? ? ?? ???? ?????. 3. ? ?? ?? ?? ???????? ???? ???? ????. 4. ??? ??? ?, ??? ?? ???? ???? ??? ??? ?? ???????. 5. SRCSET ? ?? ??? ?? ?? ? ??? ??? ????????. 6. ??? ??? ???????. ?? ??? ??????? ???? ????. ?? ??? ?? ??? ? ??? JavaScript ???? ?? ? ? ????.

? ???? ??? ??? ????? ?? HTML ??? ???? ???? ?? ??? ????? ????. 1. ??? ???? ???? CSS ????? ???? ??? ?? ?? ??? ?????. 2. ??? ??? ????? .mp4 ? Webm? ???? ???? ?????. 3. ??? ???? ?? ??? ???? ?? Muted ? PlaySinline ??? ??????. 4. ?? ??? ????? ?? ??? ??? ???? ?? MB? ???? ?? ????. 5. ??? ?? ??? ???? ?? ??? ??????. 6. ?? ?? ?? ?? ??? ???? ??? ? ??? ???? ?? ? ?? ?? ??? ???? ?? ??? ?????. ?? ??? ????? ???? ??? ??? ?? ? ? ????.

IFRAMES? ?????? ?? ??? CSS? ???? ???? ???? ?? ????? ???? ??? ???? ????. 1. ?? ??? ???? ?? ??? ???? ??? ????. 16 : 9? ?? ???? ??? ?? -TOP56.25%, 4 : 3? ????, 4 : 3? 75%? ???? 1 : 1? 100%? ????; 2. iframe ??? 100%? ???? ?? ??? ???? ????? ???? ??-?? ??? ???? ??? ??????. 3. ?? ???? ???? ?? ? ?? ???? ??? ?? ??? ???? ?? ? ?? ??? ???? ??? ????? ?? ?? ??? ????? ??????. Iframe? ?? ?? ???? ?? ???? ? ?? ??? ???????.
