網站規劃與設計
設計一個網站最重要的其實是最早之前的規劃,如果規劃的不夠好,如果網站真的可以發展起來,那你肯定會花費很多時間來重新改寫你的網站~
以鳥哥過去十多年來的經驗,總共經過三次重大網站風格改版的情況來看,真的是會死人!操勞的要命!因此,從 102 學年度之後,這門課的教法與以前不同,
前面數堂課就會將未來應該要整理的網站風格先建置妥當,透過 PHP 來進行網頁的呼叫,以及直接帶入 CSS 到 HTML 的標籤中,此外,還有目錄的規劃、
網站地圖以及網頁規格功能表的設計等等,都需要先行處理!好了,那就讓我們來用功吧!
最新消息:
- 每週幾乎都有作業,請務必要聽從老師的說明,這樣才能夠順利的處理你的作業喔!
- 重新處理新教法的教材編輯,重點在口述的內容,課本在第五堂以後才會從頭教起~
- (主要) Jon Duckett:『HTML&CSS網站設計建置優化之道(碁峰)』、ISBN: 978-986-276-501-2
- (參考) Eric Freeman:『深入淺出 HTML5 程式設計(O'Reilly)』、ISBN: 978-986-276-489-3
- (參考)數位新知著:『HTML、CSS網頁程式實例教學範本』,ISBN: 978-986-201-166-9
- (參考)陳錦輝著:『HTML初學指引 (上奇)』,ISBN:9789866884696
- (參考)鳥哥自製教材;
- 下載簡易的網頁編輯器:notepad++, 官網在: http://notepad-plus-plus.org/
- 請注意語法撰寫,其中需要留意成對與非成對標籤,並且注意排版要整齊,有程式撰寫概念較佳
- 請注意目錄的設計,我需要一個名為 homework 的目錄,你的所有作業應該要放在裡面才對
- 注意超連結的語法,它是 Web 會火紅的主要原因之一!
- 做完資料務必要上傳,上傳的網址就是 class.vbird.tw
102 學年度教材:
- 第 01 堂、瞭解 WWW、Browser、HTML、CSS、多媒體、資料庫、網頁程式語言、java scripts 相關性
- 第 02 堂、HTML 5 的版面設計 (doctype, html, body, header, nav, aside, footer),CSS 初探
- 第 03 堂、使用 ul, li 搭配 CSS 風格設定下拉式選單的功能 (純粹的 CSS 功能)
- 第 04 堂、利用 PHP 將固定的與變動的資料分割成不同的檔案,在將檔案組合成為一個獨立的網頁
- 第 05 堂、文字、清單、超連結等功能,重點是如何透過 CSS 去處理,而不是單純的使用 HTML 而已!
- 第 06 堂、影像、多媒體的應用等功能。必須要能夠透過 CSS 去處理與修改才好!
- 第 07 堂、表格的應用以及 iframe 內置框架的應用
- 第 08 堂、影音多媒體嵌入網站的應用
- 第 09 堂、期中考的小型網站建置演練
- 第 10 堂、多媒體網站規劃與建置注意事項與流程
- 第 11 堂、表單的應用與 PHP 資料擷取與應用
- 第 12 堂、簡易 PHP 的應用與 session 簡易認證功能
- 第 13 堂、到期末前所需要進行的期末報告流程進度 (可分工實作!)
- 第 14 堂、CSS 的背景圖示、與一般圖示搭配 html 之應用
- 第 15 堂、HTML5、Java script 與 DOM 基礎
- 第 16 堂課: 使用 Javascript 的套裝模組
- 第 17 堂課: 使用 Bootstrap 與 3D Gallery 的套裝模組