网页设计－入门篇.DOC

網頁設計－入門篇 　　相信大家多多少少都已經有網頁製作的經驗了，對於網頁也都有一定的基礎和了解，所以一些基本的網頁概念，就假設大家都會了，下面就不再贅述，如果有問題可以私下來找學姊喔！ 認識HTML： 製作網頁的時候，有許多的軟體可以做為輔助，例如：FrontPage、Dreamweaver等，而這些軟體的功能也越來越強大，舉凡各種炫麗特效，皆可以透過簡單的設定達成。然而，在操作這些功能的時候，你真的了解你編寫了那些內容嗎？ 這時候，我們就需要html了，它可以算是編寫網頁專用的一種程式碼，十分的簡單易懂。了解html，不僅在使用軟體的時候可以更清楚的掌握，並且是未來結合其他的網頁技術時（如PHP、CGI、JAVA…）的重要基礎，看不懂html等於處處受限於軟體功能，而了解html即使只有記事本也能編寫出超棒的網頁，你心動了嗎？趕快來看看html的基本模樣吧！ HTML HEAD TITLE /TITLE /HEAD BODY /BODY /HTML 基本上，html是由一個個標籤組成，只要明白了各標籤的意義，學會運用，便可以大展身手去囉！ 標籤名稱表示這個標籤使用的開始；/標籤名稱表示這個標籤使用的結束。 HTML．．．/HTML：將整份文件包括在其中，等於告訴瀏覽器「我是一份HTML文件」。 HEAD．．．/HEAD：放置網頁資訊的地方。 TITLE．．．/TITLE：此頁的標題。 BODY．．．/BODY：網頁的主要內容都放在此。 以上就是一個最最最基礎的網頁架構囉！ 各式各樣的標籤各司其職，各有其不同的意義，比較常用的幾個下面還會再一一介紹，其他更多的就要靠大家慢慢探索理解囉！ 框架（Frame） 做網頁的時候，最直接呈現的，就是整體網站的架構。通常框架有兩種，一種是直接分割視窗（不論是上下分割或左右分割），一種則是內嵌的框架（即在原來的視窗中再包含另一個視窗的內容）。 前者需要另寫一頁「框架頁」，而後再將其他網頁讀入，所以與BODY標籤是衝突的，在框架頁不會出現BODY標籤；後者則是將框架嵌入網頁內容中，所以等於是放在BODY/BODY內。 1.直接分割法： 簡易範例一 HTML HEAD TITLE圖資社網/TITLE /HEAD frameset rows=42,*,30 frame name=top src=title.htm frame name=main src=main.htm frame name=down src=menu.htm /frameset /HTML 此範例表分為三個頁面的框架，（上42像素，中間為調整值，下為30像素） 簡易範例二 HTML HEAD TITLE圖資社網/TITLE /HEAD frameset cols=42,*,30 frame name=left src=menu.htm frame name=main src=main.htm frame name=right src=other.htm /frameset /HTML 此範例表分為三個頁面的框架，（左42像素，中間為調整值，右為30像素） 簡易範例三 HTML HEAD TITLE圖資社網/TITLE /HEAD frameset rows=42,* frame name=top src=title.htm frameset cols=20%,*,30 frame name=menu src=menu.htm frame name=main src=main.htm frame name=right src=right.htm /frameset/frameset /HTML 此範例表分為四個頁面的框架，（先切為上下兩個，下再切為三個） 也就是長成這樣啦： title.htm top menu.htm menu main.htm main right.htm right 2.內嵌框架： HTML HEAD TITLETeacher/TITLE /HEAD BODY IFRAME name=tea src=teacher.htm width=500 height=300 /IFRAME /BODY /HTML 此範例表網頁內嵌入一個寬500高300的框架 3.框架的相關語法： frameset/frameset中 frameset frameborder=”0”/frameset設定框架框線為0 frameset framespacing=”0”/frameset設定框架間空隙為0 frame中（同樣適用於IFRAMEIFRAME） frame name=”name”sr