創作內容

3 GP

【重新開始】kompozer簡易網頁設計 part1

作者:Jacket│2014-07-17 13:28:23│巴幣:6│人氣:1546
之前發過幾篇簡單網頁設機的文章
因為後來覺得太麻煩就停手了  好像有刪掉
因應同學想學  所以接下來會打一些有關簡單html網頁設計的教學

首先介紹軟體kompozer(免費軟體)
網頁是由各種程式符號 單字製造出的檔案(就是所謂的程式碼)
所以其實如果你技術夠高超  可以直接打開記事本打上程式碼  然後網頁就做好了
當然我們沒這麼厲害  所以要軟體幫忙

kompozer是一款真的很簡單運用的軟體(點擊進官網)
這好像是我小五電腦課在教的軟體   可想而知不難

ok~進入官網後點擊download~~


選擇繁體中文那欄的下載點  (普通的windows電腦點第一個就好   點下去就會開始下載了)



下載很快不太需要擔心

再來下載完打開kompozer


此介紹一下裡面的工具


好吧....他是中文的我也沒甚麼好介紹(遭打
主要上圖中  下方紅框框起的原始碼
裡面點進去後會是這樣


沒錯  這就是網頁背後的真面目(?)
由大堆的符號字母組成
後面會講到這些單字


正式進入網頁的編排

首先當然是先存檔
在檔案>點擊另存新檔


之後樣幫網頁命名
在這裡因為要方便管理  取名index


解釋一下index
通常命名index的網頁再上傳到網址的時候會自動被當成打開第一個頁面
再之後管理也比較方便


再來開一個名叫web的資料夾
把檔案存進去
(此資料夾叫web沒有特別意義   只是好管理   其他名子也可以  但最好是英文的  怕到時出問題)


之後就可以在資料夾看到你的網頁了


點兩下就可以打開

迷:裡面怎麼空空的
當然阿  我們沒放東西進去

這裡講一下   現在儲存的網頁是放在你電腦的檔案
可以看到上面的網址是資料夾的路徑
也就代表  別台電腦沒辦法打網址看你的網頁(因為你的網頁沒放上網路)
製作完成後會用軟體上傳到網路  這時才有網址

此外  如果你把網頁改用記事本打開
會出現下面這樣


沒錯!是不是和在kompozer看到的程式碼一樣呢
這也代表如果學會程式碼  就算不用軟體也可以製造網頁
(不過通常寫到最後都會有幾百行........還是請軟體幫我們用好了



第一片簡單的介紹到這邊喔
第二片會講-如何編排你的網頁
(想看請點此)<<第2篇製作中
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2515679
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 4 篇留言

番茄醬口味鹹糖漿
超感恩 QWQ 抱歉我今天早上再忙,沒開網路

08-14 15:00

Jacket
沒關係=~=我還不確定這篇會不會繼續寫下去呢08-14 15:03
古語 遊香
(想看請點此)←點了很多下才注意到製作中的字樣...
期待第二篇的誕生。

09-21 11:15

Jacket
其實這篇是我高中初寫的...現在高二了OTZ因為課業和比賽活動太多了........第二篇很可能會生不出來 所以可以去找其他的網路資源會比較快呦 如果有些比較基本的問題留言我可以回答你ヾ(*´∀`*)ノ真的非常感謝支持我在這裡磕頭道謝

09-21 19:58

Jacket
也很抱歉我太不中用了(´・_・`)

09-21 19:58

我要留言提醒:您尚未登入,請先登入再留言

3喜歡★as7540536 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【彰化縣南佃社區活動】-... 後一篇:【臺中】韓國濟州泰迪展一...

追蹤私訊切換新版閱覽

作品資料夾

dd3330123各位老司機
單人開發的小黃遊製作中!歡迎來小屋看看~看更多我要大聲說昨天19:20


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】