资管科网页制作教学

1、資管科網頁製作教學資管科蘇瑞榮 管科計概網頁製作教學1.1. WWWWWW簡介簡介2.2. Html Html 簡介與教學簡介與教學3.3. CSSCSS簡介簡介4.4. ASPASP簡介簡介WWW簡介wWWW: World Wide Web Internet上的應用之一，能在網路上傳送圖 形，文字，影像，聲音等多媒體資料wBrowser: 瀏覽器, WWW Client Lynx, Mosaic, Netscape, Internet ExplorerwHTTP(Hypertext Transfer Protocol): 用在全球資訊網伺服器(Server)與客戶端(Client) 間的通訊

2、協定Operation Of WWWHTML簡介wHTML (Hypertext Markup Language):是在World Wide Web上發表資訊的標準語言w是一種標籤語言 w製作網頁的基礎w編輯工具 普通文字編輯器即可(記事本，UltraEdit，FontPage98，Dreamweaver)HTML教學w基本架構 這是標題 這是本文區 HTML教學範例歡迎光臨 這是我的第一個home page，加油！HTML教學w文字段落的控制 - 標題標籤- 段落 - 換行&nbsp 空白 -原文字內容範例歡迎光臨 這是我的第一個home page，加油！段落一段落二段落三學習網頁製

3、作很有趣喔，我一定要好好學習，不辜負徐老師的期望換個&nbsp行吧!這是下一行HTML教學w文字的變化： 屬性：size(大小，17)，face(字體)，color：粗體字 ：斜體字：打字機體字：文字打底線：文字加橫線：閃爍字 (nescape)：橫線 第三個範例 現在的文字正常 這是size為5大小的字 在大一點吧！ 換一下字型及大小吧! 這是粗體字 這是斜體字 這是打字機字 這是底線字 這是橫線字 閃爍字，酷吧！HTML教學w文字標籤color屬性 color=“RRGGBB” R:紅 G:綠 B:藍 為16進位 0,1,2,9,A,B,C,D,E,F 256*256*256色 c

4、olor(R=255,G=0,B=0)color=“FF0000” color(R=0,G=255,B=0)color=“00FF00” color(R=0,G=0,B=255)color=“0000FF” color(R=0,G=0,B=255)color=“000000”HTML教學w 插入圖片以及連結 屬性：border (邊界框的大小) width (寬) height (高) Align (圖片位置：LEFT(左)，RIGHT(右)，BOTTOM(底) TOP(頂端)，MIDDLE(置中) ALT (為影像加註解) VSPACE，HSPACE (邊界寬) 圖片的應用這是原圖原圖加框原

5、圖靠上原圖加上註解原圖置中原圖縮減一半HTML教學w建立超連結 要顯示的文字 who Hot Spot 超連結範例 我要看阿尼 看看第一個範例 寫信給徐老師 HTML教學w背景標籤鏈結與內文色彩設定 HTML教學wFRAMESET 範例 HTML教學wFRAMESET 範例 HTML教學wFRAMESET 範例 HTML教學wTable-表格標籤 表格標籤的開始與結束 屬性 BORDER 表格框線粗細 BGCOLOR 表格背景顏色 設定一橫列的開始。 設定一個欄位 屬性 BGCOLOR ROWSPAN COLSPANHTML教學 範例123452CSSwCascading Style Shee

6、t (樣式表)w排版的效果 w瀏覽器的支援程度 CSS1.定義在html標籤內 2.定義在之間 font CSS語法 語法font-family:華康少女文字W6,雅坊美工02,標楷體,新細明體 font-size :20px (xx-small、x-small、small、medium、large、x-large、xx-large )CSSfont-style:italic (normal )font-weight:700 (normal , bold, bolder )letter-spacing:30px line-height:40px text-indent:40px margin-left:70px text-decoration:underline ASP簡介w動態網頁的應用w常用到的應用 訪客留言版 Email自動傳送，電子賀卡 投票系統 線上問卷 線上購物ASP簡介w在server端執行的程式wASP環境 win98：直接安裝PWS4.0 win95： IE 4.0-Winsock2.0- PWS4.0 win2000：直接安裝IIS 5.0(Server/Professional內 建) ASP簡介w簡單範例 參考網頁及書籍w參考