iT邦幫忙

0

關於前端工程師的切版技能

  • 分享至 

  • xImage

各位前輩你們好

小第一直以來的工作都比較偏維護跟再既有架構下開發功能

使用jquery,使用Angular都算是看的懂怎麼改,當然不能說我懂這些東西

api怎麼接,程式碼怎麼追

但是對於要怎麼從零打造自己的作品,第一關遇到的就是切版的事情,很多人說這就是經驗

想請問過來人們有沒有比較建議的方向可以走?或是推薦的教材之類的

比較想要了解一個網站的布局如何打造 header nav menu content footer等等...

現在改css也是需要什麼查什麼,覺得自己知識是零碎的

像是如果要刻一個橫向menu,我直覺會知道要用 ul、要用float...總覺得自己卡卡的

謝謝

看更多先前的討論...收起先前的討論...
baida0630 iT邦新手 4 級 ‧ 2018-09-21 09:54:26 檢舉
Bootstrap 和uikit可以了解一下
baida0630 iT邦新手 4 級 ‧ 2018-09-21 09:54:27 檢舉
Bootstrap 和uikit可以了解一下
gameboxer iT邦新手 4 級 ‧ 2018-09-21 10:22:30 檢舉
切版就切版布局阿..不是都美術給psd 再切一切就好,頂多效果在溝通一下,有些做得到有些很難做(懶得想怎做XD),從0開始就是連美術UI設計那一塊都要會,好的前端其實到最後都變全端= =
gameboxer iT邦新手 4 級 ‧ 2018-09-21 10:27:28 檢舉
css需要什麼查什麼本來一開始就是這樣,等你做了20個網頁就都背起來了,然後多看看一些網頁看別人特效怎麼做,有時候按F12看看人家怎用的收起來,寫久了用js都可以隨心所欲做出自己想要的功能或效果
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
tacodrem
iT邦新手 5 級 ‧ 2018-09-21 10:16:28

推薦Bootstrap
建議一個自修方法
可以先找一個自己覺得"就是想做出這樣子"的網站
然後就開始試著把它"抄"下來
因為重點是切版, DOM不重要, 可以全部複製
(但還是別一次複製一整頁, 分區塊會好一點)
想辦法用CSS或是bootstrap把那些複製下來的DOM變成原來的樣子~

我想多抄多練習是一定的
請問大大有推薦常逛的網站嗎?

tacodrem iT邦新手 5 級 ‧ 2018-09-25 09:21:18 檢舉

其實個人沒有特定常逛的參考網站
都是隨著工作需求才會去看當下所需類型的網站做參考@@"

0
clps935419
iT邦新手 5 級 ‧ 2018-09-21 10:57:51

去上六角的html跟CSS>RWD網頁設計,會少走很多冤枉路,以前大學專題寫網頁,id都亂用,現在回去看以前寫的根本是一坨屎,不過上完課後,穩定練習,切版會越切越快,剩下的就練習的問題了,痾時間就是金錢拉,用少少的錢買別人整理過的知識,有好處沒壞處。
我上完大概一個月就上手了,我也切了好幾個作品,從以前只會用Float到現在Flex跟Grid都會了

最近很認真的拜讀完六角的前端工程師手冊
youtube影片也看了幾支
評估過後ok我會直接學的!

0
cruis88
iT邦見習生 ‧ 2018-12-18 16:58:20

我從事前端工作已幾年,我不推薦css framework去深入學習.
前端本身就是要為客戶做客製化設計,客戶根本不懂技術上的限制有什麼.
建議手寫css深入研究,比如line-height高度到底是什麼,是字面高度嗎?還是字體全高度嗎?還是頂部到基線嗎?不同字體的line-height是一樣嗎?(答案是不一樣),當文章裡有中文英文混合,那line-height會壞掉了.
別小看css好學.如果不想走冤枉路,建議滾熟w3C官方,這教學很標準,比較不誇張唬爛.
https://www.w3schools.com/howto/default.asp

還有不錯教學不囉嗦:http://zh-tw.learnlayout.com/

我要發表回答

立即登入回答