開始研究CSS也有1個月了,每天都改一點,版面也換了2~3個,總覺得還是不太滿意_(:з」∠)_

雖然要學的地方還有很多,不過已經能稍微看懂CCS和html在幹嘛0fe44f2a01e1930d9338dda6a89eaa22_w48_h48.gif(如果英文單字都能進入我的腦袋就好更好QQ

只要理解每個指令在做甚麼的話,網頁架構要從0開始寫起也不困難,只是寫出來的網頁是醜還是美的問題而已,跟畫圖一樣有沒有興趣鑽研和深入了解很重要fb1475de65c6c5968a5455321d1ef404_w48_h48.jpeg(廢話(揍

反正我希望在自己能力所及範圍之內,都能任由自己擺佈22a408b3300f1ed8cbd626273125217a_w48_h48.gif(先學會控制自己吧!

 

加油!

 


 

先放原本的版型

之前.jpg

 

這是現在的

bandicam 2019-11-24 12-52-03-001.jpg


 

你一定會想問哪有差?

 

 

有啦!像是滑鼠經過的時候,連結顏色會變色的部分49915015d3cd84f890ff65c3da6347ac_w48_h47.png

還有主畫面圖片文章瀏覽加寬到800px,因為考慮到文章每行字數和圖片大小問題,我覺得800是個很剛好的數字615d60758266a62d3cf96aeb98eb67b7_w48_h48.png

這版型原本設定的部分是變黑+底線,我一個一個改改到手痠,覺得要好好來搞懂網頁父與子,上對下層的關係,才能一鍵輕鬆改~4204992_fa472d4777094b242286275156b7fb4c.jpg(並沒有這種東西!

 


 

覺得底部有點無聊,所以又嘗試研究上個表格或是LOGO圖這樣9f9c69a0c4b69246db08ce9fb090294a_w48_h48.gif(跳甚麼跳!

1574603441000.jpg

 

因為不會寫box的語法,table看起來比較簡單,但是研究不出來線要如何分段45df6ff7d5d6a168c112f2960182eccc_w32_h21.gif(沒有老師真可憐

最後用土法煉鋼的方式直接在表格與表格中間插上一個空白表格,像上圖那樣2a5763d6383d32d9aac1114d3f7c1225_w48_h48.jpeg就做到了,只是有點醜QQ

 


 

LOGO的部分也很猶豫,因為原色很繽紛,最後決定還是一樣灰階吧~07ba103d2503aa8a7d4e0529853fe07e_w48_h40.gif←(沒有設計美感的人QQ

1574610959113.jpg


 

 

之後優化目標,文章預覽模式想改成小塊一點的方式4133371_75ea1f513fe9759a576c1543ccefcadf.jpg有得研究搂~

然後想將右欄資訊隱藏起來,讓版面看起來乾淨一點~

以上是進度紀錄。

 

 


 

之後來做一個里程碑,給自己做紀念吧!:D

歷史版型:2019/11月02日 點我

歷史版型:2019/11月25日 點我-更新-

 

 

2019/11/25

創作者介紹
創作者 雲深不知處 的頭像
路路雲

雲深不知處

路路雲 發表在 痞客邦 留言(4) 人氣( 40 )