網(wǎng)頁設計上機操作練習題_第1頁
網(wǎng)頁設計上機操作練習題_第2頁
網(wǎng)頁設計上機操作練習題_第3頁
網(wǎng)頁設計上機操作練習題_第4頁
網(wǎng)頁設計上機操作練習題_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、網(wǎng)頁設計第一次上機操作練習題練習一：網(wǎng)頁站點的創(chuàng)建與修改一、創(chuàng)建本地站點首先在硬盤的D盤上創(chuàng)建文件夾mywebsite，本書涉及的網(wǎng)站將創(chuàng)建在該文件夾中，如圖2.6所示。新建站點可以通過“文件”面板來完成。(1)展開“文件”面板組，單擊“文件”面板中的“管理站點”超鏈接，如圖2.7所示。(2)此時將打開“管理站點”對話框，在其中單擊“新建”按鈕，并從下拉菜單中選擇“站點”命令，如圖2.8所示。在打開的對話框中包括兩個選項卡：“基本”和“高級”，如圖2.9所示。(3)這里我們保持默認的“基本”選項卡，并在文本框中輸入新建站點的名稱mywebsite。(4)單擊“下一步”按鈕，在打開的對話框中選擇

2、將要采用的服務器技術，如圖2.10所示。(5)繼續(xù)單擊“下一步”按鈕，在打開的對話框的頂部包括兩個選項。這里選擇第2項，如圖2.11所示。(6)在該對話框中最重要的是選擇存放站點文件的位置。這里在文本框中輸入站點文件夾的路徑。用戶也可以單擊文本框旁邊的瀏覽按鈕 ，在打開的“選擇站點mywebsite的本地根文件夾”對話框中，找到將要存放站點文件的文件夾，如圖2.12所示。 單擊“選擇”按鈕后，就會將選中文件夾的路徑加入到文本框中，如圖2.13所示。(7)單擊對話框中的“下一步”按鈕進入結束對話框，其中列出了設置中的關鍵信息。如果確信沒有問題，單擊“完成”按鈕關閉對話框，如圖2.14所示。(8)

3、此時將返回“管理站點”對話框，其中列出了剛剛創(chuàng)建好的站點名稱mywebsite，如圖2.15所示。(9)單擊“管理站點”對話框中的“完成”按鈕，結束站點的定義。此時“文件”面板將會顯示出本地站點的名稱和存儲路徑，如圖2.16所示。二、修改站點信息打開站點定義對話框的具體操作步驟如下。 (1)選擇菜單命令“站點”|“管理站點”，在打開的“管理站點”對話框中單擊“編輯”按鈕，此時將重新打開“mywebsite的站點定義為”對話框。 (2)單擊其中的“高級”標簽，切換到“高級”選項卡，如圖2.17所示。默認情況下，“高級”選項卡顯示的是“本地信息”的參數(shù)設置設定默認的圖像文件夾路徑為D:mywebs

4、iteimages，設定HTTP地址為http:/localhost，如圖2.18所示。三、多站點管理在“管理站點”對話框中單擊“新建”按鈕，就可以打開站點定義對話框創(chuàng)建一個新站點。這里單擊“新建”按鈕創(chuàng)建另外一個站點mywebsite2，如圖2.19所示。如果要在“文件”面板中顯示其他站點的名稱，可以先在“管理站點”對話框中選中要顯示的站點，然后單擊“完成”按鈕。另外，在“文件”面板頂部的下拉列表框中，選擇要切換到的站點，也可以在站點之間進行切換，如圖2.20所示。選中要編輯站點的名稱，然后單擊“編輯”按鈕，就可以重新打開站點定義對話框，修改選中站點的屬性。l 復制站點首先選中要復制的源站點

5、的名稱，然后單擊對話框中的“復制”按鈕，就可以產生一個新的站點，如圖2.21所示。l 刪除站點先選中要刪除的站點名稱，然后單擊“管理站點”對話框中的“刪除”按鈕。四、創(chuàng)建站點目錄結構創(chuàng)建目錄結構可以在“文件”面板中的站點窗口進行。單擊“文件”面板中的“展開以顯示本地和遠端站點”按鈕，這樣將打開站點管理器，如圖2.22所示。l 創(chuàng)建一級目錄 (1)在站點管理器的根目錄上單擊鼠標右鍵，在打開的快捷菜單中選擇“新建文件夾”命令，如圖2.23所示。 (2)此時將在站點管理器中創(chuàng)建一個空的文件夾，將其修改為images，以后將用它來存放站點中公用的圖片文件，如圖2.24所示。(3)使用同樣的方法，在站點

6、根目錄中創(chuàng)建出另外一些文件夾，構成一級目錄如圖2.25所示。l 創(chuàng)建二級目錄由于images文件夾中保存的是整個網(wǎng)站中都可以使用的圖片文件，具體的目錄名稱和用途如表2.1所示。最終建好的子目錄如圖2.26所示。在站點管理器中的根目錄上單擊鼠標右鍵，然后選擇菜單命令“文件”|“新建文件”，此時將在站點的根目錄下生成文件名為untitled.htm的網(wǎng)頁文件，如圖2.27所示。修改文件名的具體操作步驟如下。(1)選中該文件，然后按下鍵盤上的F2快捷鍵，或者在右鍵菜單中選擇“編輯”|“重命名”，此時文件名變?yōu)榭尚薷臓顟B(tài)，如圖2.28所示。(2)修改文件的文件名為index.htm，注意文件名結尾的.

7、htm不能省略，最后按下Enter鍵確認文件的名稱。(3)如果有其他文件鏈接到該文件，就會打開“更新文件”對話框，如圖2.29所示。(4)單擊其中的“更新”按鈕，系統(tǒng)將會自動更改與該文件相關的所有鏈接。l 移動文件將文件index.htm移動到errors目錄下。 (1)可以在選中文件index.htm后，按住鼠標左鍵拖動文件到errors文件夾上，如圖2.30所示。(2)松開鼠標后，如果文件index.htm沒有在任何頁面中被鏈接過，文件就會被直接移動到errors文件夾中。如果文件曾被鏈接，此時將打開“更新文件”對話框。 (3)單擊“更新”按鈕，Dreamweaver就會自動更新文件中的鏈

8、接。如果選擇“不更新”，就會出現(xiàn)斷鏈。練習二：認識HTML在DreamweaverCS中使用HTML標記。標記類型名稱或意義作用備注文件標記<HTML>文件宣告讓瀏覽器知道這是 HTML 文件 <HEAD>開頭提供文件整體信息 <TITLE>標題定義文件標題，將顯示于瀏覽器頂端 <BODY>主體設計文件格式及內容所在 排版標記<!-注解->說明標記為文件加上說明，但不被顯示 <P>段落標記為字、圖、表格等之間留下一空白行 <BR>換行標記令字、圖、表格

9、顯示于下一行 <HR>水平線插入一水平線 <CENTER>居中令字、圖、表格等顯示于中間反對<PRE>預設格式令文件按原代碼的排列方式顯示 <DIV>定位標記設定字、圖、表格等的擺放位置 <NOBR>不換行令文字不因太長而換行 <WBR>建議換行預設換行部位 字體標記<STRONG>加重語氣產生字體加粗 Bold 的效果 <B>粗體標記產生字體加粗的效果 <EM>強調標記字體出現(xiàn)斜體效果 <I

10、>斜體標記字體出現(xiàn)斜體效果 <TT>等寬字體Courier字體，字母寬度相同 <U>加下劃線加下劃線反對<H1>一級標題標記將字體變大，級數(shù)越高越小 <H2>二級標題標記 將字體變大 <H3>三級標題標記 將字體變大 <H4>四級標題標記 將字體變大 <H5>五級標題標記 將字體變大 <H6>六級標題標記 將字體變大 <FONT>字體標記設定字體、大小、顏色反對<BASEFONT>基準字體標

11、記設定所有字體、大小、顏色反對<BIG>字體加大令字體稍微變大 <SMALL>字體縮小令字體稍微縮小 <STRIKE>加刪除線為文字加刪除線反對<CODE>程式碼字體稍微加寬如<TT> <KBD>鍵盤字字體稍微加寬，單一空白 <SAMP>范例字體稍為加寬如<TT> <VAR>變量斜體效果 <CITE>斜體標記斜體效果 <BLOCKQUOTE>向右縮排文字向右縮排 <DFN>

12、述語定義斜體效果 <ADDRESS>地址標記斜體效果 <SUB>下標字文字下標 <SUP>上標字 文字上標 清單標記<OL>順序清單清單項目將以數(shù)字、字母順序排列 <UL>無序清單清單項目將以實心圓點作為符號排列 <LI>清單項目清單中的項目，一個標記一行 <MENU>選項清單可用type參數(shù)指定項目符號。反對<DIR>目錄清單與<menu>相同反對<DL>定義清單清單分兩層出現(xiàn) <DT&g

13、t;定義條目清單項標題 <DD>定義內容清單項內容 表格標記<TABLE>表格標記設定該表格的各項參數(shù) <CAPTION>表格標題做成一打通列以填入表格標題 <TR>表格列設定該表格的列 <TD>表格欄設定該表格的欄 <TH>表格標頭相等于<TD>，但其內文字字體會變粗 表單標記<FORM>表單標記決定該表單的運作模式 <TEXTAREA>文字框提供文字輸入欄 <INPUT>輸入標記決定

14、輸入形式 <SELECT>選擇標記建立彈出卷動清單 <OPTION>選項每一個清單選項 圖形標記<IMG>圖形標記用來插入圖形及設定圖形屬性 鏈接標記<A>鏈接標記加入鏈接 <BASE>基準標記可將相對 URL 轉絕對及指定鏈接 框架標記<FRAMESET>框架設定設定框架 <FRAME>窗口設定設定框架中的窗口 <IFRAME>頁內框架于網(wǎng)頁中插入框架IE<NOFRAMES>不支持框架設定瀏覽器不支持框架時

15、的提示 影像地圖<MAP>影像地圖名稱設定影像地圖名稱 <AREA>鏈接區(qū)域設定各鏈接區(qū)域 多媒體<BGSOUND>背景聲音令背景播放音樂或聲音IE<EMBED>多媒體加入聲音、音樂或影像 其他標記<MARQUEE>走馬燈令文字走動IE<BLINK>閃爍文字令文字閃爍NC<ISINDEX>頁內尋找器可輸入關鍵字尋找該頁反對<META>開頭說明提供關于此頁的信息給瀏覽器 <LINK>關系定義定義該文件與其他 URL 的關系 StyleSheet<STYLE>式樣表控制網(wǎng)頁版面 <span>自訂標記獨立使用或與樣式表一起用 注： · 表示該標記屬于圍堵標記，即需要結束標記 </標記>。 · 表示該標記屬空標記，即不需要結束

溫馨提示

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

評論

0/150

提交評論