dreamweaver簡單教程

《dreamweaver簡單教程》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、網(wǎng)頁制作實例教程(第3版)——Dreamweaver基礎(chǔ)（第1章）1，網(wǎng)頁設(shè)計基礎(chǔ)知識2，DreamweaverCS4操作界面3，網(wǎng)頁的HTML代碼結(jié)構(gòu)4，用可視化方法制作一個網(wǎng)頁5，用HTML代碼制作一個網(wǎng)頁本章要點：1.1.1網(wǎng)頁網(wǎng)頁從字面意思上來說就是網(wǎng)絡(luò)上的頁面，是通過瀏覽器顯示信息的文檔。一般情況下，網(wǎng)頁由文本、表格、圖像、超鏈接、表單、Flash動畫等內(nèi)容組成。網(wǎng)頁分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁，它們之間的主要區(qū)別在于能否與服務(wù)器進(jìn)行交互。靜態(tài)網(wǎng)頁是一個用HTML編寫的文件，擴(kuò)展名是html或htm。動態(tài)網(wǎng)頁是能與服務(wù)器進(jìn)行交互的網(wǎng)頁，文件擴(kuò)展名主要有三種：asp、jsp、php

2、。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1，靜態(tài)網(wǎng)頁工作原理2，動態(tài)網(wǎng)頁工作原理1.1.2網(wǎng)站網(wǎng)站又被稱為站點，是由主頁和相關(guān)網(wǎng)頁構(gòu)成的超文本信息的集合，通常是一個文件夾，存放網(wǎng)站的所有資源和頁面文件。站點分為本地站點和遠(yuǎn)端站點，存貯在本地機(jī)上的站點文件夾稱為本地站點，存貯在因特網(wǎng)服務(wù)器上的站點文件夾稱為遠(yuǎn)端站點。網(wǎng)站中一般包含一個主頁和若干個子頁，訪問網(wǎng)站時默認(rèn)打開的第一個網(wǎng)頁稱為主頁，主頁是站點的出發(fā)點和匯總點。1.1.3因特網(wǎng)因特網(wǎng)（Internet）是全球最大的、開放的、由眾多網(wǎng)絡(luò)互聯(lián)而成的計算機(jī)網(wǎng)絡(luò)。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.1.5HTTP協(xié)議TCP/IP稱為“傳輸控

3、制/網(wǎng)絡(luò)協(xié)議”，是因特網(wǎng)所采用的標(biāo)準(zhǔn)協(xié)議。1.1.6WWWWWW稱為“萬維網(wǎng)”，由遍布全世界的Web服務(wù)器組成，是一個龐大的信息網(wǎng)，每一個存貯在服務(wù)器的網(wǎng)站都是WWW中的一個節(jié)點。1.1.4TCP/IP協(xié)議HTTP協(xié)議稱為“超文本傳輸協(xié)議”，是在因特網(wǎng)上傳輸超文本的協(xié)議。1.1.7URLURL稱為“統(tǒng)一資源定位器”，是網(wǎng)上資源的存放地址。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.1.8FTP協(xié)議FTP稱為“文件傳輸協(xié)議”，用來進(jìn)行文件的上傳和下載。1.1.10IP地址因特網(wǎng)中的每一臺計算機(jī)有惟一地址，稱為IP地址。IP地址由4組數(shù)字組成，數(shù)字之間用圓點隔開，每一組數(shù)字都在0到255之間。如：“202

4、．102．96．44”就是一個主機(jī)服務(wù)器的IP地址。1.1.9服務(wù)器服務(wù)器是提供網(wǎng)絡(luò)服務(wù)的計算機(jī)，Web服務(wù)器主要用于存貯Web站點和頁面。本地機(jī)與服務(wù)器之間通過各種通信線路連接，以實現(xiàn)相互通信。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.1.11域名域名是主機(jī)地址的文字名稱，域名是惟一的，一個域名對應(yīng)一個IP地址。域名由26個英文字母、10個阿拉伯?dāng)?shù)字、減號和下劃線組成，用圓點分隔成幾節(jié)，字母不區(qū)分大小寫。域名分級別，右邊為最高級（也稱為頂級），從右向左依次降低。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.1.12網(wǎng)站設(shè)計網(wǎng)站設(shè)計是指用HTML把多種媒體信息有效地組織起來，使瀏覽者高效、便捷地獲取這些信息。網(wǎng)站設(shè)計主

5、要包括兩個方面：（1）信息的處理和組織，內(nèi)容包括：文字排版、圖片制作、平面設(shè)計、動畫制作、影像制作等；（2）網(wǎng)站的延伸設(shè)計，內(nèi)容包括：網(wǎng)站主題定位、瀏覽群定位、智能交互、制作策劃、形象包裝、宣傳營銷等。1.1網(wǎng)頁設(shè)計基礎(chǔ)知識1.2.1DreamweaverCS4的特點（1）可視化編輯界面（4）跨平臺、跨瀏覽器（2）強(qiáng)大的站點管理（5）具有集成性（3）靈活編寫網(wǎng)頁（6）媒體支持能力1.2DreamweaverCS4簡介DreamweaverCS4由Adobe公司出品，是當(dāng)今最流行的、功能強(qiáng)大的專業(yè)網(wǎng)頁制作軟件。1.2DreamweaverCS4簡介1.2.2DreamweaverCS4

6、的起始頁1.2DreamweaverCS4簡介1.2.3DreamweaverCS4的工作窗口1.2DreamweaverCS4簡介1.2.4DreamweaverCS4的菜單欄1.2.5“文件”工具欄1.2DreamweaverCS4簡介1.2.7狀態(tài)欄1.2.6“插入”面板1.2DreamweaverCS4簡介1.2.8屬性面板不同的網(wǎng)頁元素，屬性面板的內(nèi)容也會不同。1.2DreamweaverCS4簡介1.2.9面板組1.3設(shè)置頁面屬性1.3.1頁面屬性對話框“頁面屬性”對話框左邊是“分類”列表，顯示6個分類項：外觀（CSS）、外觀（HTML）、鏈接（CSS）、標(biāo)題（CSS）、

7、標(biāo)題/編碼、跟蹤圖像。對話框右邊顯示與分類項對應(yīng)的設(shè)計內(nèi)容。頁面屬性作用于整個網(wǎng)頁，局部的特殊外觀需要專門設(shè)置。1.3設(shè)置頁面屬性1.3.2設(shè)置頁面的“外觀（CSS）”1.3設(shè)置頁面屬性1.3.3設(shè)置頁面的“外觀（HTML）”1.3設(shè)置頁面屬性1.3.4設(shè)置頁面的“鏈接（CSS）”1.3設(shè)置頁面屬性1.3.5設(shè)置頁面的“標(biāo)題（CSS）”1.3設(shè)置頁面屬性1.3.6設(shè)置頁面的“標(biāo)題/編碼”1.4DreamweaverCS4的文件操作1.4.1新建文件1.4D