2017年1月29日 星期日

HTML筆記7:插入影片(Video)

樂之後,緊接著就是影片(Video)標示了,影片標示為<video></video>,屬於雙標示(Double Tag),網頁擺放影片有兩種方式,一種是用子頁(或子框架:iframe)來顯示引用的網路平台影片(ex:Youtube),另一種是將影片檔插入到網頁中顯示。


HTML筆記6:插入音樂(Music)

媒體的網頁上,除了文字(Text)和圖片(Image)之外,當然還有音樂(Music)影片(Video:HTML筆記7)的資訊,音樂的設置可以依據開發者來讓使用者調整音樂,HTML支援的音樂檔案格式有mp3、ogg、wav。


2017年1月28日 星期六

HTML小專案1:製作簡易的相簿(Album)頁面

筆記1~筆記5的紀錄,我在這裡做一個簡單的整理,並藉由小專案來將所學到的內容做個應用,而題目就訂為"簡易的相簿頁面"。首先我們主要是應用表格(Table)來擺放圖片,並製作兩個頁面來分別存放不同類型的圖片,而頁面切換就應用超聯結(Link)的方式,將相簿類別的文字(Text)作為超聯結,除了這些之外,我額外介紹一下運用CSS的背景色的調整。


2017年1月25日 星期三

HTML筆記5:背景圖(Background)與超連結(Link)

紹完插入圖片之後,接著就來介紹如何設置背景圖(Background)以及引導流量必備的超連結(Link)設置背景圖與插入圖片一樣簡單,是屬於<body>的屬性,只需在<body>標示內加上background並標明圖片路徑即可。再來就是超連結了,為什麼要特別講"引導流量"呢?當如果網站上的資訊越來越繁雜時,不可能一個頁面上講滿了許多主題內容,網站資訊優化的同時也可以應用超連結來引導瀏覽者到所要主題的網頁去瀏覽,甚至在商業營運下,如何運用超連結來讓瀏覽者去瀏覽這些廣告,這都是特別需要考量的應用。


2017年1月24日 星期二

HTML筆記4:插入圖片(Image)

入圖片這是網站最常見的工程之一,在多媒體的平台上,若只有純文字的贅述,可能會讓瀏覽者無法直接了解網站的主題,簡單來說,一張圖片很可能勝過千言萬語,只要在適當的地方和時機放上圖片,就可以減少大量的文字敘述,也更能讓瀏覽者理解網站主要提供的資訊,因此插入圖片不僅可以美化網站,更可以優化整個網站的資訊,這是網頁設計再重要不過的考量。


2017年1月21日 星期六

HTML筆記3:表格(Table)、列表(List)、選單(Select)

筆記2:文字型態與文字排版之後,本篇要記載網頁的表格(Table)列表(List)以及選單(Select),這些標示也都是一個網站必備的元素。


2017年1月20日 星期五

HTML筆記2:文字型態(Text Type)與文字排版(Text Layout)

筆記1:HTML簡介記載的,HTML是一個含有標示文字的文件,那麼HTML到底有包含怎樣子的標示文字可以讓開發者撰寫網頁使用呢?


2017年1月19日 星期四

HTML筆記1:HTML的簡介(Introduction)

HTML全名為HyperText Markup Language(超文本標示語言)。從全名來看,其檔案就是一個只包含標示文字(HyperText)的文件(Document),並藉由瀏覽器來讀取及顯示其文件的內容,HTML的任何元素(Element)都是網站最基本的要件,因此任何網站都必須用HTML的架構來建立。