字體:小 中 大 | |
|
|
2022/08/27 00:28:43瀏覽30|回應0|推薦0 | |
大奧資訊是在地台南網頁設計公司,我們提供客製網頁設計與自開發公版電商購物、一頁式購物、形象網站。快速、輕鬆建置網站,友善的後端管理介面與SEO優化管理。 《HTML&CSS:網站設計建置優化之道》 HTML是什麼?簡單講,它是一種網頁設計的標記語言。如果你要製作網站的話,學習HTML是不可避免的。 即便你只是在pixnet寫個部落格有需要學習HTML嗎?說真的,不學也沒關係,但如果你想要自訂一些簡單的功能,你還是要有一點點HTML的基礎。 例如:後台的編輯器可以讓你在文章中設定「超連結」,但如果你想要在側邊欄位自訂一個超連結呢?這時就沒有編輯器幫你了,你只能自己寫一下超連結的語法。這個語法就是HTML (HyperText Markup Language)。 相較於一般的程式「語言」,HTML「語法」相對的簡單。你只要有一些HTML語法的基本概念,需要用時在google一下語法,套一套就可以了。 真的有那麼簡單嗎?理論上是這樣沒錯,實際上則不一定,畢竟不是每個人都喜歡在google大海撈針。 可不可以簡單一點,可以讓你少走冤枉路,而且快樂輕鬆學習的方法呢? 有,我現在直接報明牌給你,最好的HTML教學書就是這一本《HTML&CSS:網站設計建置優化之道》。 這本書不光是內容好,它的編排(排版)更是棒,你幾乎不需要上機,你直接看書就可以了。 (如下圖)原始碼、輸出結果、說明都在同一頁,哪些是語法,哪些是內容還會用顏色區分,非常賞心悅目,而且一目了然。 這些年來我看過不少HTML的書籍,老是看一本,忘一本,直到看完這一本《HTML&CSS:網站設計建置優化之道》之後,我就在也不看其他HTML的書了,沒有必要了。 關鍵是什麼? 好,以上是針對一般使用者,HTML輕鬆學習很EASY。
課程前半部是HTML。老師說:「要用純文字的『記事本』編輯HTML碼,再用瀏覽器測試。」當時我們都覺得老師在裝肖唯,用Frontpage編輯多容易啊,用記事本慢慢敲是要寫到什麼時候啊。 老師也不管我們聽不聽,他就自顧自的坐在第一排操作電腦及投影機講課,可想而知上課的效果肯定很差。不過這位老師算有良心的,至少他真的實作了一遍給我們看了。 期中考就是考實作,製作三頁簡單的個人網站,不限軟體,這太簡單了吧,全班都用Frontpage輕鬆搞定。 課程後半部是ASP程計設計,這下完蛋了,ASP一定要用文字編輯器寫,沒有辦在讓你用Frontpage了,怎麼辦?涼拌。 當你習慣了「網頁編輯器」編輯網頁之後,在叫你用「文字編輯器」編寫網頁,那真的是要命,這叫由奢入儉難。 問題就是出在這裡,幾乎每一位學習網站製作的人,一開始都會依頼網頁編輯程式,以前是Frontpage,現在是Dreamweaver,沒錯,一開始用這個很快,但如果你是真的需要寫網頁程式,任何網頁編輯器都救不了你,你還是只能回頭土法鍊剛從HTML開始學起。 HTML就是網頁程式設計的最基礎,連CSS也是架構在HTML之上,先學會HTML再學CSS。
延伸閱讀:【筆記】活用XHTML/HTML+CSS並不難:164個零組件的設計類型與解析,幫你搞定所有的網頁
文章出自: https://ofeyhong.pixnet.net/blog/post/124788430 |
|
( 不分類|不分類 ) |