計算機(jī)實用技術(shù)課件第2章 網(wǎng)頁制作基礎(chǔ)_第1頁
計算機(jī)實用技術(shù)課件第2章 網(wǎng)頁制作基礎(chǔ)_第2頁
計算機(jī)實用技術(shù)課件第2章 網(wǎng)頁制作基礎(chǔ)_第3頁
計算機(jī)實用技術(shù)課件第2章 網(wǎng)頁制作基礎(chǔ)_第4頁
計算機(jī)實用技術(shù)課件第2章 網(wǎng)頁制作基礎(chǔ)_第5頁
已閱讀5頁，還剩16頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

2.1Dreamweaver8基礎(chǔ)知識2.1.1Dreamweaver8簡介2.1.2Dreamweaver8工作界面2.1.3

Dreamweaver8常用工具欄2.1.4Dreamweaver8常用面板2.1.1Dreamweaver8簡介

Dreamweaver8是美國Macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。2.1.2Dreamweaver8工作界面

Dreamweaver8的標(biāo)準(zhǔn)工作界面包括：標(biāo)題欄、菜單欄、插入面板組、文檔工具欄、標(biāo)準(zhǔn)工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動面板組。如下圖所示文檔工具欄工具欄標(biāo)尺面板組屬性面板文檔窗口狀態(tài)欄標(biāo)題欄菜單欄文件面板標(biāo)簽選擇2.1.3Dreamweaver8常用工具欄1、插入工具欄 “插入”工具欄位于菜單欄下方，集成了所有可以在網(wǎng)頁應(yīng)用的對象，包括了“插入”菜單中的選項。如下圖所示：

顯示或隱藏插入工具欄的方式：選擇菜單【查看】|【工具欄】|【插入】選項選擇菜單【窗口】|【插入】選項2、文檔工具欄“文檔”工具欄包含一些對文檔進(jìn)行操作的常用按鈕。3、標(biāo)準(zhǔn)工具欄“標(biāo)準(zhǔn)”工具欄包含來自“文件”和“編輯”菜單中的一般操作的按鈕，可以通過【查看】|【工具欄】|【標(biāo)準(zhǔn)】命令來顯示或隱藏。

面板集合了網(wǎng)頁設(shè)計過程需要用到的各類功能，并根據(jù)功能被分為了若干組。在工作區(qū)窗口底部有個“屬性”面板，而窗口右邊為“應(yīng)用程序”、“CSS”、“標(biāo)簽檢查器”和“文件”等面板。1、面板的基本操作打開和關(guān)閉面板：面板可以通過“窗口”菜單對應(yīng)的選項來打開。如果需要關(guān)閉面板則可右鍵點擊面板選擇彈出菜單的“關(guān)閉面板組”選項。顯示和隱藏面板：

【查看】|【隱藏面板】命令來隱藏所有已打開的面板。2.1.4Dreamweaver8常用面板

說明：顯示面板操作和隱藏面板方式相同。2、屬性面板默認(rèn)情況下，“屬性”面板位于工作區(qū)的底部，屬性”面板顯示的內(nèi)容是隨當(dāng)前在文檔中選擇的對象來確定的。

顯示或隱藏“屬性”面板，可以通過選擇【窗口】|【屬性】命令來實現(xiàn)。2.2.1定義和管理本地站點2.2.2站點目錄結(jié)構(gòu)的建立和管理2.2

Dreamweaver8本地站點的建立與管理2.2.1定義和管理本地站點

1、創(chuàng)建站點步驟：（1）選擇菜單欄中的【站點】|【管理站點】命令。（2）在“站點定義”對話框中選擇默認(rèn)的“基本”選項卡。（3）設(shè)置是否要使用服務(wù)器技術(shù)。選擇“否，我不想使用服務(wù)器技術(shù)”表示建立一個靜態(tài)站點。（4）設(shè)置文件存儲位置，文件的使用方式和網(wǎng)頁文件存儲的文件夾。（5）設(shè)置瀏覽站點的根目錄對話框。在文本框中輸入站點的URL。（6）設(shè)置是否使用遠(yuǎn)程服務(wù)器。（7）站點定義總結(jié)，單擊“完成”按鈕就定義好一個站點了。定義好后文件面板中會顯示剛才定義的站點。2、管理站點（1）編輯站點編輯站點即修改已建好站點的屬性和參數(shù)，可菜單欄中選擇【站點】|【管理站點】命令，（2）刪除站點在“管理站點”對話框中選擇要刪除的站點，然后單擊“刪除”按鈕即可。（3）復(fù)制站點在“管理站點”對話框中選擇要復(fù)制的源站點，再單擊“復(fù)制”按鈕，就可生成一個和源站點相同的新站點。（4）導(dǎo)入和導(dǎo)出站點①導(dǎo)出站點：“管理站點”對話框中選擇要導(dǎo)出的一個或多個站點，然后單擊“導(dǎo)出”按鈕。②導(dǎo)入站點：若要導(dǎo)入站點在“管理站點”對話框中單擊“導(dǎo)入”按鈕，出現(xiàn)“導(dǎo)入站點”對話框。找到要導(dǎo)入的站點文件單擊“打開”按鈕即可。

2.2.2站點目錄結(jié)構(gòu)的建立和管理

1、文件命名規(guī)則最好用英文或者漢語拼音命名。文件多的時候可以和數(shù)字、符號組合使用。不能使用中文命名。最好使用小寫字母，因為有些操作系統(tǒng)（如UNIX）對大小寫敏感。文件和文件夾的名稱可以使用下劃線“_”，但是不能使用空格、特殊符號以及“~”、“！”、“@”、“#”、“$”、“%”、“^”、“&”、“*”等符號。名字不要過長。2、目錄結(jié)構(gòu)根據(jù)站點規(guī)劃的內(nèi)容確定所需要的的文件夾。可以給每個板塊建立一個文件夾，這樣可以讓制作者保持清晰的設(shè)計思路。建立站點目錄結(jié)構(gòu)層次越少越容易管理和訪問。3、創(chuàng)建文件夾“文件”面板中右鍵單擊根文件夾，在彈出的快捷菜單中選擇“新建文件夾”命令。4、創(chuàng)建文件“文件”面板中右鍵單擊根文件夾，在彈出的快捷菜單中選擇“新建文件”命令。5、文件與文件夾的管理對建立好的文件和文件夾，可以進(jìn)行移動、復(fù)制、重命名和刪除等基本的管理操作。在“文件”面板中右鍵單擊需要操作的文件或文件夾，從彈出的快捷菜單中選“編輯”選項，即可進(jìn)行相關(guān)操作。2.3.1什么是HTML2.3.2HTML中的常用標(biāo)記2.3HTML設(shè)計基礎(chǔ)

2.3.1什么是HTMLHTML（HyperTextMarkupLanguage）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是構(gòu)成網(wǎng)頁文檔的主要語言。

HTML用于描述功能的符號稱為“標(biāo)記”，如“HTML”、“BODY”、“TABLE”等。HTML標(biāo)記可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML標(biāo)記通常是英文詞匯的全稱（如頭部:head）或縮略語（如“p”代表Paragraph），均用尖括號括起來。如Paragragh標(biāo)記是<p>，頭部標(biāo)記是<head>。

HTML標(biāo)記用于描述、設(shè)置網(wǎng)頁文件的內(nèi)容及格式。用戶只需要輸入文件內(nèi)容和必要的標(biāo)記，文件內(nèi)容就能在瀏覽器中按照標(biāo)記定義的格式顯示出來。HTML的結(jié)構(gòu)包括3個部分：起始標(biāo)記、網(wǎng)頁標(biāo)題（Head）和文件主體（Body）。標(biāo)題夾在<head>和</head>標(biāo)記之間，用于描述網(wǎng)頁標(biāo)題及屬性。正文即文件主體在<body>和</body>之間是HTML的主要部分，它包括了文件所有的實際內(nèi)容和絕大多數(shù)標(biāo)記符號。1、標(biāo)記的基本格式

HTML標(biāo)記用“<>”括起來，通常成對出現(xiàn)，無斜杠的標(biāo)記表示該標(biāo)記的作用開始，有斜杠的標(biāo)記表示該標(biāo)記的作用結(jié)束。2.3.2HTML中的常用標(biāo)記

單標(biāo)記表示一種功能，沒有范圍之分。 語法格式為：<標(biāo)記>雙標(biāo)記包括開始標(biāo)記和結(jié)束標(biāo)記符，定義了標(biāo)記符影響的范圍。 語法格式為：<標(biāo)記>內(nèi)容<標(biāo)記>。包含屬性的標(biāo)記，作用是對標(biāo)記影響的內(nèi)容進(jìn)行更詳細(xì)的控制。標(biāo)記屬性可以由用戶設(shè)置，否則采用默認(rèn)值。屬性出現(xiàn)在標(biāo)記的后面，并且以空格進(jìn)行分隔。如果標(biāo)記有多個屬性，不同屬性名稱之間也以空格隔開。 格式：<標(biāo)記名字屬性1屬性2屬性3……>

2、常用標(biāo)記（1）<HTML>……</HTML>：整份文件處于標(biāo)記<HTML>與</HTML>之間

（2）<HEAD>：由<HEAD>至</HEAD>稱為開頭

（3）<TITLE>：只可出現(xiàn)開頭部分，所標(biāo)示的是文件的標(biāo)題（4）<BODY>：<BODY>至</BODY>稱文本（5）<P>常用數(shù)，如：<palign=“center”>（6）<HR>水平線（7）<FONT>字體

Face：設(shè)定文字的字形，建議不要使用“Windows"內(nèi)建字體以外的字形

Size：設(shè)定文字大小，其值可以是絕對或相對。不受<BASEFONT>影響。內(nèi)定為3Color：字體顏色

（8）<OL>稱為順序清單標(biāo)記所謂順序清單就是在每一項前面加上1,2,3,…等數(shù)，又稱為編引清

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論