第2講HTML與DW,蘭晶,Dreamweaver基礎,啟動和退出Dreamweaver8單擊“開始”按鈕，在開始菜單中依次選擇“程序”“Macromedia”“MacromediaDreamweaver8”，啟動Dreamweaver8程序。啟動Dreamweaver8后出現開始界面。,Dreamweaver8操作界面,網頁文件的基本操作,新建網頁菜單欄中“文件”|“新建”命令|標準工具欄上的按鈕“新建文檔”對話框中選擇“基本頁”選項中的“HTML”保存網頁菜單欄中“文件”|“保存”|標準工具欄上的按鈕關閉網頁菜單欄中“文件”|“關閉”|單擊文檔的窗口右上角的“”打開網頁菜單欄中的“文件”|“打開”|選中文件拖拽到DW中的標簽欄預覽網頁菜單欄中“文件”|“在瀏覽器中預覽”|“Iexplore6.0”使用快捷鍵為F12在文檔工具欄中單擊，選擇在瀏覽器中預覽,插入文本,空格ctrl+shift+space硬回車enter軟回車shift+enter,練習,P28圖2.6請使用DW編輯出這個故事新建一個頁面保存這個頁面設置頁面的標題段落要分隔首行要空兩個漢字的距離,HTML語言基礎,HTML（HyperTextMarkupLanguage）又稱超文本標識語言，是一種標識性的語言，是網頁設計的最初語言。文件的擴展名:“html”或“htm”。簡單的HTML文檔你好！Hi,大家好！,HTML簡介,1圍堵標記格式：2單標記格式：只有起始標記，沒有結束標記。3標記屬性格式：各屬性間無前后順序，屬性也可省略，當省略屬性時取標記的默認值。,完整的HTML標記放在“”內頁面內容要放入頁面內的文本、圖像、多媒體文件等,HTML文檔的基本結構：文件開始標頭區開始.標題區標頭區結束文件主體內容開始文件主體內容文件主體內容結束文件結束其中之間表示這是個網頁文件，是必有的標記。,HTML語法結構,人,頭,頭軀干,姓名,標簽的嵌套,一個標簽必須是嵌套在另一個標簽內使用的。大小括號原則P18,練習,請試著寫出一個標準的html文件，其文件的標頭為自己的名字，內容為自己的愛好。,TomMynameisTom.Ilike,空格,空格的HTML碼為,段落標記,段落標記有兩種：和相當于是軟回車，相當于是硬回車，一個相當于是兩個標記的屬性中須掌握的是align屬性,有三個left/right/center例如：文字,練習,P28圖2.6請使用記事本編輯出這個故事的html頁面設置頁面的標題段落要分隔首行要空兩個漢字的距離,字體的設置,練習,要求在DW中制作游子吟的頁面：設置標題文字大小及顏色詩文題目為“標題一”作者信息為“標題三”作者姓名為斜體文本居中換行,游子吟作者：孟郊慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。,文本標記,粗體.請試著寫出斜體我是粗體的HTML源碼，若下劃線的標記是u,則請試著寫出我是下劃線的HTML源碼我是粗體我是粗體我是下劃線,文本標記,斜體.請試著寫出斜體我是斜體的HTML源碼我是斜體我是斜體,標題顯示等級語法格式為：n：表示不同級別的標題，n值可以是1-6中的任意數字，其中1表示的標題字體最大。可以用align屬性設置對齊方式，常用的有左對齊，居中，右對齊三種對齊方式。,文本標記,練習,要求在記事本中制作出頁面：設置標題文字大小及顏色詩文題目為“標題一”作者信息為“標題三”作者姓名為斜體文本居中換行,游子吟作者：孟郊慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。,文本標記,字體標記Size：設置字體的顯示字號，范圍是從“17”，其中“3”是默認值。Color：設置文本的顏色，值可以是顏色名（英文如red代表紅色）或顏色的十六進制代碼（#000000代表黑色，#FFFFFF代表白色）。Face：設置文本顯示的字體，值為字體的名稱。例：紅色PS:HTML5中不支持。,設置整個頁面的字體,文本標記,特殊字符(P42表3-2)HTML中除了我們上面學的的一些標記外，還有一些我們常用的特殊字符比如“”，這些特殊字符在HTML語言中都有對的轉義符，常用的轉義符與特殊字符參見下表：,文本標記,上標與下標上標.下標請試著寫出(1)我是最新消息new其中new要求為紅色且為粗斜體(2)a1+a2=b1的HTML源碼我是最新消息newa1+a2=b1,練習,請在上一個練習的基礎上寫出作者朝代的HTML源碼：朝代為藍色上標,游子吟作者：孟郊(唐)慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。,水平線標記水平線是在網頁上劃出一條水平的分割線，用來標記水平線。語法格式為：Size：設置水平線的高度，以像素為單位。Color：設置水平線的顏色。Width：設置水平線的寬度，單位是像素或百分比，像素是絕對大小，不會隨著程序窗口的大小而改，百分比是相對于程序窗口水平線所占的比例，會隨著程序窗口的大小而改變。Align：設置水平線的對齊方式。對齊方式有左對齊，居中，右對齊三種。,文本標記,列表,在HTML中，列表常用的有“有序列表”和“無序列表”。,列表,1有序列表基本語法結構為：項目1項目2項目n,type=“1”type=“a”type=“A”type=“i”type=“I”Start表示起始的數值,2無序列表基本語法結構為：項目1項目2項目nType:設置符號形狀，有實心圓、小正方形、空心圓三種，具體如下：type=“disk”符號為實心圓。（默認為disk）type=“square”符號為正方形。type=“circle”符號為空心圓。,上機,P49制作一則通知會議標題為2號標題項目使用無序列表落款為右對齊頁