之前發過幾篇簡單網頁設機的文章
因為後來覺得太麻煩就停手了 好像有刪掉
因應同學想學 所以接下來會打一些有關簡單html網頁設計的教學
首先介紹軟體kompozer(免費軟體)
網頁是由各種程式符號 單字製造出的檔案(就是所謂的程式碼)
所以其實如果你技術夠高超 可以直接打開記事本打上程式碼 然後網頁就做好了
當然我們沒這麼厲害 所以要軟體幫忙
kompozer是一款真的很簡單運用的軟體(
點擊進官網)
這好像是我小五電腦課在教的軟體 可想而知不難
ok~進入官網後點擊download~~
選擇繁體中文那欄的下載點 (普通的windows電腦點第一個就好 點下去就會開始下載了)
下載很快不太需要擔心
再來下載完打開kompozer
此介紹一下裡面的工具
好吧....他是中文的我也沒甚麼好介紹(遭打
主要上圖中 下方紅框框起的原始碼
裡面點進去後會是這樣
沒錯 這就是網頁背後的真面目(?)
由大堆的符號字母組成
後面會講到這些單字
正式進入網頁的編排
首先當然是先存檔
在檔案>點擊另存新檔
之後樣幫網頁命名
在這裡因為要方便管理 取名index
解釋一下index
通常命名index的網頁再上傳到網址的時候會自動被當成打開第一個頁面
再之後管理也比較方便
再來開一個名叫web的資料夾
把檔案存進去
(此資料夾叫web沒有特別意義 只是好管理 其他名子也可以 但最好是英文的 怕到時出問題)
之後就可以在資料夾看到你的網頁了
點兩下就可以打開
迷:裡面怎麼空空的
當然阿 我們沒放東西進去
這裡講一下 現在儲存的網頁是放在你電腦的檔案
可以看到上面的網址是資料夾的路徑
也就代表 別台電腦沒辦法打網址看你的網頁(因為你的網頁沒放上網路)
製作完成後會用軟體上傳到網路 這時才有網址
此外 如果你把網頁改用記事本打開
會出現下面這樣
沒錯!是不是和在kompozer看到的程式碼一樣呢
這也代表如果學會程式碼 就算不用軟體也可以製造網頁
(不過通常寫到最後都會有幾百行........還是請軟體幫我們用好了
第一片簡單的介紹到這邊喔
第二片會講-如何編排你的網頁
(想看請點此)<<第2篇製作中