網頁設計筆記 | 社區大學終身學習網
![網頁設計筆記](https://i.imgur.com/1IaoGs0.jpg)
在本範例,接下來的單元分類將以article作區塊分類,每一個區塊皆以id命名,第一個區...由於全世界的人都在使用HTML來設計網頁(WebPage)構建網站,所以HTML的語法 ...
![網頁設計筆記](https://i.imgur.com/1IaoGs0.jpg)
本單元為作業03,為期末作業首頁設計,首頁內容通常包含整個網站的概述與精華內容統整。
設定header中的LOGO設計與導覽列設定,以及main區塊內table表格的基本設定,加入區塊,呈現不同分類主題,設定繞圖排文,並加入圖片,增加網頁的豐富性。綜合期中作業所學,可依期末作業內容,自行設定版面。
步驟一:建立hw03-學號資料夾本次練習共有一個html檔案,一個css檔案,一個放置圖檔的資料夾,分別命名為: index.html、style.css以及命名為img的資料夾,皆放置於hw03-學號的資料夾內。 網頁作品相關檔案,皆需放置於同一資料夾內
步驟二:head表頭資訊設定用來作為網頁的描述,不會出現在網頁內容頁。與之前的作業一樣,直接複製,修改title標題及description描述即可。
步驟三:於header置入LOGO圖檔網頁內容body最開始,放置自己設計的logo圖檔,請自行設計LOGO圖檔,存成png格式,記得儲存英文檔名,寬度設定約300-400px間,可適當調整大小。
✏html語法
步驟四:導覽列設定/檔案連結透過CSS,以清單 ul 及 li 製作網頁導覽列
延續步驟三,完成header設定,包含logo及導覽列設定。
步驟五:視覺主圖設定加入main標籤,設定主要內容,並在開頭,放置一視覺主圖,尺寸設定為width="2000",可大於但不要小於2000px,高度可自行設定。並以class類別命名為mainvisual的div包覆起來,以方便設定CSS...
HTML 網頁設計 | 社區大學終身學習網
撰寫第一個HTML 網頁範例 | 社區大學終身學習網
網頁設計筆記 | 社區大學終身學習網
21 個單頁網頁設計範例 | 社區大學終身學習網
網頁設計作品範例 | 社區大學終身學習網
網頁製作教學 | 社區大學終身學習網
網頁設計範例Archives | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆架網站-網站達人養成班哪裡學?臺南市台南社區大學開課資訊
想要學習輕鬆架網站-網站達人養成班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識...
![](https://i.imgur.com/1IaoGs0.jpg)
網路拍賣開店並不難與網路行銷應用哪裡學?高雄市第一社區大學開課資訊
想要學習網路拍賣開店並不難與網路行銷應用可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能...
![](https://i.imgur.com/1IaoGs0.jpg)
DreamWeaver網頁設計入門哪裡學?臺北市中山社區大學開課資訊
想要學習DreamWeaver網頁設計入門可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
手機網路行銷也Easy哪裡學?臺北市萬華社區大學開課資訊
想要學習手機網路行銷也Easy可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
社區電腦網頁設計實務班哪裡學?雲林縣山線社區大學開課資訊
想要學習社區電腦網頁設計實務班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
癖客邦部落格好好玩哪裡學?臺北市松山社區大學開課資訊
想要學習癖客邦部落格好好玩可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
Google小型網站製作哪裡學?屏東縣屏北區社區大學開課資訊
想要學習Google小型網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
網站建置與虛擬主機實務管理初階哪裡學?臺北市萬華社區大學開課資訊
想要學習網站建置與虛擬主機實務管理初階可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、...