網路城邦
上一篇 回創作列表 下一篇   字體:
網頁製作1-part04 CSS美化區塊 A
2013/09/30 20:54:11瀏覽3093|回應1|推薦14
學習的過程中, 以分割畫面來觀察程式碼的變化,
畢竟 Dreamweaver 只是一個工具, 最後的成果還是以網頁呈現,
配合程式碼修改, 會降低製作的困難度, 
學習的過程, 著重一個網頁從頭到尾的完成度, 
而不是初學就鑽研著花式變化,
網頁的重點還是在內容, 網頁的技巧,可以隨著自己的成長, 而慢慢美化,
這是我學習的心得, 
曾經花好多時間在細節上, 但完成到6,70% 後就不敢重頭做, 
因為從頭總是卡東卡西的,
後來做喜悅鮮菓屋的網頁時, 完成六七成時, 
要求自己不斷歸零, 從頭製作, 同樣內容作了4,5 次後 
第一次覺得自己進步了, 
體驗到網頁製作需要的是完成度, 
不要害怕重新做起, 
多做幾個簡單網頁後, 
然後會發現自己變聰明了, 不懂的地方, 突然通了...
現在我們就開始學習套用 CSS 來美化網頁囉!!
前置作業
集檔 - 用得到的檔案都放到設定的本機網站資料夾內
文稿 - 最終以記事本做卸妝動作, 除去所有文字格式, 只留下光溜溜的文字內容,
          貼到DW時, 就不會出現用不到的標籤碼了。

 
Dreamweaver編寫網頁文字(2013.11.27增加)
文字編寫同於一般用法, 由左至右, 遇到文字邊界自動折行。
文字中輸入 "enter" - 另起一段落(程式碼為p段落), 段落間距離大。
 "shift + enter" - 僅是換行(程式碼為br), 維持行高,僅換新行。

 

    

延伸閱讀

網頁製作1-part06 導覽列製作  

網頁製作1-part05 CSS美化區塊 B  

網頁製作1-part04 CSS美化區塊 A    

網頁製作1-part03 建立區塊排版     

網頁製作1-part02 網頁設計前置作業    

網站實作1-part01 建立網站    

( 知識學習其他 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=runa2012&aid=8769175

 回應文章

周仔
等級:8
留言加入好友
2013/10/01 22:16
辛苦走過的,都不將白費,因為用心.令人佩服您的耐心,其實興趣是非常重要的,它有時讓人廢寢忘食.
靶心放在快樂的地方(runa2012) 於 2013-10-05 08:36 回覆:

為了要讓自己的努力有代價, 就是把它學會,

不然努力的過程都是遺憾的回憶,

看了之前的部落格, 有看自己的成長,

這就是個美麗的記憶了