HTML網頁設計教學
產品網址
內容簡介
HTML網頁設計教學
輕輕鬆鬆學會網頁設計的技巧
產品詳細說明:
共13章節，從架構Dreamweaver編寫環境，接著介紹網頁標籤的用法，進而以實際範例介紹如何與其它程式的結合，
不但可以學會網頁設計基礎，更可以接觸VB Script，Java Script，JAVA，PERL等程式語言之安裝及使用範例說明，真正讓您學會網頁設計的技巧.
000_HTML網頁設計教學
001_建立網頁編輯環境
1.建立網頁編輯環境示意圖說明
2.用什麼軟體來編寫網頁程式?
3.如何建立本機測試環境?
002_HTML基本說明
1.認識HTML
2,鞋墊貼.基本架構說明
3.標籤說明
4.常用標籤介紹
003_顯示內容位置的設定
8.符號說明:
< 說明:瀏覽器解讀為 <
< 說明:瀏覽器解讀為 <
> 說明:瀏覽器解讀為 >
> 說明:瀏覽器解讀為 >
& 說明:瀏覽器解讀為 &
& 說明:瀏覽器解讀為 &
? 說明:瀏覽器解讀為空格，可連續
只能空1格無法連續
只能空1格無法連續
! 說明:瀏覽器解讀為 !
" 說明:瀏覽器解讀為 “
" 說明:瀏覽器解讀為 “
# 說明:瀏覽器解讀為 #
$ 說明:瀏覽器解讀為 $
% 說明:瀏覽器解讀為 %
’ 說明:瀏覽器解讀為 ‘
( 說明:瀏覽器解讀為 (
) 說明:瀏覽器解讀為 )
* 說明:瀏覽器解讀為 *
+ 說明:瀏覽器解讀為 +
， 說明:瀏覽器解讀為 ，
- 說明:瀏覽器解讀為 -
. 說明:瀏覽器解讀為 .
/ 說明:瀏覽器解讀為 /
0~ 9 說明:瀏覽器解讀為 0~9
: 說明:瀏覽器解讀為 :
; 說明:瀏覽器解讀為 ;
= 說明:瀏覽器解讀為 =
? 說明:瀏覽器解讀為 ?
@ 說明:瀏覽器解讀為 @
A ~ Z 說明:瀏覽器解讀為 A~ Z
[ 說明:瀏覽器解讀為 [
\ 說明:瀏覽器解讀為 \
] 說明:瀏覽器解讀為 ]
^ 說明:瀏覽器解讀為 ^
_ 說明:瀏覽器解讀為 _
` 說明:瀏覽器解讀為 `
a ~ z 說明:瀏覽器解讀為 a~ z
{ 說明:瀏覽器解讀為 {
│ 說明:瀏覽器解讀為 │
} 說明:瀏覽器解讀為 }
~ 說明:瀏覽器解讀為 ~
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.優先順序說明
沒有留言:
張貼留言