創作內容

1 GP

【20170803~04學習記事Day.2~3】HTML、CSS、切版

作者:只是顆米荳│2017-08-05 03:49:02│巴幣:2│人氣:197




這兩天都是做一樣的事情所以就打在一起囉…!

第二天的時候進行的是網頁切版,拿到圖之後照著圖上面的樣子去寫HTML跟CSS…
比我們早兩個禮拜來的Kyle老早就切到第三個版了…
Clover本身會這些東西也切的很快… jim也是能至少弄出個樣子來…
我的話就完全不行了_(:3 」∠ )_

雖然howard一直說學習要從模仿開始,可是我打開別人的東西來看… 不管怎麼看還是看不懂…

我開了兩個人的檔案出來參考在加上範本自己的,總共有三個人做出來的東西可以看
可是我還是不懂為什麼這邊要這樣寫、這樣要做什麼才能讓版面變成這副德性

除了挫敗還是挫敗,才第二天而已就受打擊QQ



第三天howard沒有來
今天工作室裡有UI Camp的大型會議始我和我的小伙伴們四散在各地,我還是開了第一個版上來練習…

算有些進展吧?拼拼湊湊總算能擠出像範本那樣的版面樣式,可是還是醜到爆炸。
所以我試著整理這兩天切版下來遇到的問題…

1. 不知道該用 id 還是 class
看了許多人還有跟自己同梯的夥伴們的檔案,大家都是使用class居多…
可是我完全不知道什麼時候要用id、什麼時候要用class所以就一路用id用到底
導致編寫畫面非常凌亂,寫到後來都不知道自己到底在寫什麼了…

2.不知道要用什麼屬性、不知道什麼屬性會有什麼效果跟功能
A是用1的寫法、B是用2的寫法
可是為什麼要這樣寫?
為什麼兩個用不同的東西都能達到這樣的效果?
為什麼混在一起寫的話就什麼都沒變?
不知道這個屬性和那個屬性碰在一起會發生什麼事情
不懂、沒概念。

3.不知道層級關係
不知道CSS會不會跟圖層一樣哪個疊在哪個上面效果會被蓋過去之類的⋯
不懂、沒概念。

大概就是知識量跟經驗還有判斷的問題吧…(嘆


回去的時候剛好跟jim搭同一班車小聊了一下
jim說他一開始也沒有切的很好,也切的很茫然反正有個畫面就好了,先求有在求好!
聽完後我想這應該也是我的問題之一…

後來他聽到我參考了三個人的東西在寫,他建議我看一個人的就好用一個人的方式做到底
因為這些東西都有連動關係"因為我的A區是這樣寫才能讓B區變成這樣"
如果每個區域都參考不同人的東西,這樣拼拼湊湊出來的東西會讓後面要接手的人很困擾吧…

而且他應該有感受到我的慌張吧…?
他一直跟我說Kyle比我們早兩個禮拜就開始再切了進度超前
我還有兩個禮拜的時間可以練習不用太緊張,howard也說每個人會有每個人自己的進度
今天也才第三天而已,慢慢來

嗯!現在想想也是呢今天才第三天而已才驚覺好像給自己太多壓力了…!

接下來是兩天的假日可以做運用,加油!


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3670866
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:kiss55133|mido|米荳荳|米荳|學習筆記

留言共 2 篇留言

Q我
通常會用class喔
因為如果有後端要套程式
那他就會用id
所以盡量留給他們用這樣
...我之前工作是這樣啦

不過才學3天真的是給自己太多壓力啦
多切幾個後面就會切得很自然了(?

08-05 07:45

只是顆米荳
原來如此...!
他們也沒有特別說什麼時候要用id
什麼時候要用class ... (抱頭

感謝Q我//08-05 08:23
Q我
我跟開始做的時候也被這個困擾過(艸

大概你問的問題
大家都苦惱過的(拍

08-05 09:15

我要留言提醒:您尚未登入,請先登入再留言

1喜歡★kiss55133 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【20170802學習記... 後一篇:【20170807~08...

追蹤私訊切換新版閱覽

作品資料夾

s9051035404大家
日本實話怪談翻譯-業務K系列更新了~歡迎來我的小屋坐坐~看更多我要大聲說28分前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】