网页编写讲义

《网页编写讲义》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、19三田國小資訊研習研習時間：91.10.23研習地點：電腦教室研習主題：班級網頁製作講　　師：黃孟元19網頁編寫講義資料來源：網站建置百寶箱http:dbo.tnc.edu.tw【WWW基本概念】在正式動工以前，工友先說明一下：工友並非電腦科班出身的，對於電腦的知識完全是自己摸索而來的，所以，工友寫出來的東西沒有高深的理論（唉...想寫也寫不出來），也沒有深奧的學問，而是盡量以口語化來表達工友想要傳達的概念，希望能以最輕鬆的方式，讓各位網友們獲益。OK！廢話不多說，在製作首頁以前，一些入門的知識及準備還是要作好，這樣才能夠很順利的完成您的網頁喔！上ＷＷ

2、Ｗ你應該會吧！（也就是你現在正對著電腦看的這些東西啦！）嗯，這是重要的一步！不管你是用學校的網路，或是使用數據機連上ＩＳＰ，至少你要能（而且會）連上網路，這樣我們才能繼續下去喔！有些人會搞不清楚INTERNET和WWW或是BBS究竟有什麼分別，工友以最簡單的話來解釋：INTERNET是一個網路的大環境，而她擁有多項的服務項目，如：WWW、BBS、FTP、Gopher、Mail、News...等。就好像一家大的百貨公司一樣，有遊樂場、美食部、家電商、服飾精品店...等的道理是一樣的（嗯...很奇怪的比喻）。現在應該知道INTERNET和WWW的差別了吧！好

3、！工友稍稍來整理一下：·網頁：就是我們現在準備要做的東西。·首頁：就是當我們進站時，第一眼看到的網頁。·網站：由一堆網頁所構成的完整內容，稱為網站。·WWW：則是由一堆網站所連結而成的。【網頁製作流程】為了讓網友們對於網頁製作有初步的概念，先簡單的說一下平常工友製作網頁的流程：1.主題架構：就是網站內容主題以及操作介面，先要想好。2.取得工具：準備寫網頁的工具、圖片製作工具、網路工具。3.編寫網頁：開始動工，編寫網頁，最累最有成就感的時候。4.找個空間：寫好網頁就要放上網路，得找個免費空間來放。5.上傳網頁：有了網頁空間，就將寫好的網頁上傳到網路上。6.

4、維護網頁：後續的維護網頁工作，保持網頁的新鮮度。【編輯器的種類】首先，製作首頁不可或缺的東西，就是一個好的首頁製作軟體。說實在的，製作網頁的軟體實在是多如牛毛，工友將之分為兩大類：種類特色優點缺點例子19html輔助類設計者需知道html標籤的用法，此類軟體旨在使設計者能夠快速且方便的做出首頁，不用死記標籤，部份軟體甚至會有提示、偵錯、建議的功能設計師如虎添翼，免死記標籤，且具備諸多網頁其他輔助功能，設計師較能掌握整個網頁的架構，且在不同瀏覽器下較不易出問題初學者難以快速進入狀況。Homesite3.01、Hotdog4.X、Htmlabc1.75所見即

5、所得類給初學者入門用，用法簡單，如同在使用word般，不須知道html標籤的用法，螢幕上的樣子，就是上網後的樣子（這是個理想...）很簡單，只要十來分鐘，活生生的網頁就出爐了部份軟體在不同瀏覽器下，所見的樣子，可能會讓您吐血。FrontPage98、NetscapeComposer、NetObjectFusion3.0【文字上的分隔標籤】或許你已經發現這個問題了：天啊！我不是在記事本裡排版排得很漂亮，為何透過瀏覽器看起來一切都走了樣？對啊！別太訝異，在網頁的編排裡，並不像漢書或WORD一樣，只要拼命按Enter鍵或空白鍵，便能完成分段或分行，因為，HTM

6、L語言是不認識我們所謂的Enter鍵或空白鍵，所以不管您按了多少次的空白或Enter，瀏覽器都會當作沒看見啦！1.使用方法：強制斷行標籤
、強制分段標籤

2.標籤解說：我們在寫文章時，有時候在特定的地方會強迫斷行（
），或是在寫完某一段的時候便會分段（

），寫網頁也一樣，而且更需要斷行及分段的功能，以免整個網頁看起來亂糟糟的。3.使用範例：原始碼呈現結果這是一個斷行的範例
看出來了嗎？這是一個斷行的範例看出來了嗎？這是一個分段的範例

基本上他會比斷行還多空出一行這是一個分段的範例基本上分段會比斷行還多空出一行【分隔線標籤】1

7、.使用方法：上一段文字內容