HTML網頁設計教學

產品詳細說明:
 共13章節,從架構Dreamweaver編寫環境,接著介紹網頁標籤的用法,進而以實際範例介紹如何與其它程式的結合,
不但可以學會網頁設計基礎,更可以接觸VB Script,Java Script,JAVA,PERL等程式語言之安裝及使用範例說明,真正讓您學會網頁設計的技巧.
000_HTML網頁設計教學
001_建立網頁編輯環境
   1.建立網頁編輯環境示意圖說明
   2.用什麼軟體來編寫網頁程式?
   3.如何建立本機測試環境?
002_HTML基本說明
   1.認識HTML
   2.基本架構說明
   3.標籤說明
   4.常用標籤介紹
003_顯示內容位置的設定
   1.<BR>
   2.<NOBR>…</NOBR>
   3.<P>
   4.<P Align=”left”、”center”、”right”>
   5.<CENTER> …… </CENTER>
   6.<HR>
   7.<HR Size=”?”>
   8.<HR Width=”?”>
   9.<HR Align=”?”>
  10.<HR NoShade>
  11.<PRE> …… </PRE>
  12.<DIV Align=”?”>內容</DIV>
      ?= left , center , right
  13.<BLOCKQUOTE> …… </BLOCKQUOTE >
  14.<ADDRESS> …… </ADDRESS >
004_字型與符號的設定
   1.<H?> …… </H?> => ?=1~6
   2.<H? Align=left、center、right>……</H?>
   3.<FONT Size=”?” Color=”顏色”>……</FONT>
   4.<BASEFONT Size=”?”>   ?=1~7
   5.<EM>…</EM>         斜體字
     <VAR>…</VAR>       斜體字
     <CITE>…</CITE>     斜體字
     <STRONG>…</STRONG> 粗體字
     <CODE>…</CODE>     細體字
     <DFN>…</DFN>       標準字
     <SMALL>…</SMALL>   小字體
     <BIG>…</BIG>       大字體
   6.<B>…</B>         粗體字
     <I>…</I>         斜體字
     <U>…</U>         加底線
     <S>…</S>         加刪除線
     <TT>…</TT>       細小字
     <SUP>…</SUP>     上標字
     <SUB>…</SUB>     下標字
   7.<FONT Face=”金梅毛行書” Size=”?” Color=”顏色”>…</FONT>
   8.符號說明:
        &lt;    說明:瀏覽器解讀為  <
 &#60;   說明:瀏覽器解讀為 <
 &gt;    說明:瀏覽器解讀為  >
 &#62;    說明:瀏覽器解讀為 >
 &amp;    說明:瀏覽器解讀為 &
 &#38;    說明:瀏覽器解讀為 &
 &nbsp;   說明:瀏覽器解讀為空格,可連續
 &#10;         只能空1格無法連續
 &#32;         只能空1格無法連續
 &#33;    說明:瀏覽器解讀為 !
 &quot;   說明:瀏覽器解讀為 “
 &#34;    說明:瀏覽器解讀為 “
 &#35;    說明:瀏覽器解讀為 #
 &#36;    說明:瀏覽器解讀為 $
 &#37;    說明:瀏覽器解讀為 %
 &#39;    說明:瀏覽器解讀為 ‘
 &#40;    說明:瀏覽器解讀為 (
 &#41;    說明:瀏覽器解讀為 )
 &#42;    說明:瀏覽器解讀為 *
 &#43;    說明:瀏覽器解讀為 +
 &#44;    說明:瀏覽器解讀為 ,
 &#45;    說明:瀏覽器解讀為 -
 &#46;    說明:瀏覽器解讀為 .
 &#47;    說明:瀏覽器解讀為 /
 &#48;~ &#57;   說明:瀏覽器解讀為 0~9
 &#58;    說明:瀏覽器解讀為 :
 &#59;    說明:瀏覽器解讀為 ;
 &#61;    說明:瀏覽器解讀為 =
 &#63;    說明:瀏覽器解讀為 ?
 &#64;    說明:瀏覽器解讀為 @
 &#65; ~ &#90;    說明:瀏覽器解讀為 A~ Z
 &#91;    說明:瀏覽器解讀為 [
 &#92;    說明:瀏覽器解讀為 \
 &#93;    說明:瀏覽器解讀為 ]
 &#94;    說明:瀏覽器解讀為 ^
 &#95;    說明:瀏覽器解讀為 _
 &#96;    說明:瀏覽器解讀為 `
 &#97; ~ &#122;    說明:瀏覽器解讀為 a~ z
 &#123;    說明:瀏覽器解讀為 {
 &#124;    說明:瀏覽器解讀為 |
 &#125;    說明:瀏覽器解讀為 }
 &#126;    說明:瀏覽器解讀為 ~
   9.字型組合應用
005_項目清單
 一. 無序號的條列式清單.
 二. 有序號的條列式清單.
 三. 敘述式清單.
006_表格
 一. 表格的基本架構:
 二.     水平標題列與垂直標題列:
 三. 欄位合併:
 四. 表格屬性:
 五. 表格標題:
 六. 表格區塊結構:
 七. 表格欄位屬性設定:
 八. 巢狀表格:
007_超連結
 一. 文字超連結:
 二. 圖形超連結:
 三. 關鍵字索引:
 四. 超連結之顏色設定:
 五. 超連結之資料傳遞:
008_圖片
 一.設定圖片預設的文字:
 二.設定圖片的高度及寬度:
 三.設定圖片外框的寬度:
 四.設定背景圖片:
 五.文字與圖片的排列:
 六.地圖索引:
009_框架
 一.框架的基本概念:
 二.框架的程式寫法:
 三.框架之屬性設定說明:
 四.框架之應用:
 五.另一種框架表示法:(單框架)
 六.超連結之Target設定值說明:
010表單
 一.文字表單:
 二.按鈕表單:
 三.密碼表單:
 四.隱藏式欄位表單:
 五.單一選項表單:
 六.多重選項表單:
 七.圖片表單:
 八.下拉式表單:
 九.本文區塊表單:
 十.圖像按鈕表單:
 十一.標題與外框式表單:
 十二.表單與程式結合:
 十三.表單特殊情況:
011_其它標籤說明
 一.META標籤的用法:
 二.設定背景音樂:
 三.播放音樂或影片:
 四.電子看板:
012_與程式結合
 一.表單Action=mailto…用法:
 二.表單Action=直接登入的用法:
 三.Vb Script與HTML結合範例:
 四.Javascript與HTML結合範例: 五.JAVA與HTML結合範例:
 六.PERL與HTML結合範例:
013_排版樣本
   1.排版樣本:
 1.行內(Inline Style)排版樣本.
 2.內嵌式(Embedding Style Sheet)
 3.連結式(Linking Style Sheet)
   2.串接式排版樣本:CSS
   3.優先順序說明