dreamweaver第2講(已修改)
2025-06-08 20:44 本頁面
【正文】 2020/6/28 網(wǎng)頁制作教程 1 第二講 制作簡單的網(wǎng)頁 河南大學(xué)計(jì)算中心 2020/6/28 網(wǎng)頁制作教程 2 簡要復(fù)習(xí) ? 上節(jié)課主要講了站點(diǎn)的建設(shè)和站點(diǎn)文件的管理。 ? 首先回憶一下建立本地站點(diǎn)的方法，注意保存的位置（可以保存到 D盤上）。 ? 無論站點(diǎn)名稱、文件名稱、文件夾名稱以及圖片名稱，一律不能使用中文命名，必須使用英文或漢語拼音。 ? 網(wǎng)站首頁默認(rèn)的文件名，取決于你申請的主頁空間，一般是 ， ， 。 ? 同類型的文件，最好放在一個(gè)文件夾中，（例如把圖片文件，都放在 images文件夾中）。不要把所有文件都放在根目錄下。 2020/6/28 網(wǎng)頁制作教程 3 上機(jī)注意事項(xiàng) ? 網(wǎng)頁文件、圖片、 Flash的保存方法。 ? 每次上機(jī)都要先建立本地站點(diǎn)。 ? 第一次建立站點(diǎn)要先建立自己的站點(diǎn)文件夾，然后再建立網(wǎng)頁文件、保存圖片。以后再建立站點(diǎn)就不需要新建文件夾了，直接把個(gè)人空間里面的文件夾復(fù)制出來即可。 ? 注意保存好自己的文件，可以發(fā)到郵箱里，也可以保存到機(jī)房服務(wù)器的個(gè)人空間中。 ? 網(wǎng)頁助手的使用。 ? 先在網(wǎng)上看別人的網(wǎng)頁，借鑒學(xué)習(xí)制作方法。 ? 作業(yè)展示。 2020/6/28 網(wǎng)頁制作教程 4 作業(yè)要求 1. 必須是一個(gè)具有專門用途和功能的網(wǎng)站，可以是自薦書網(wǎng)站、圖片音樂網(wǎng)站等； 2. 至少要有五個(gè)頁面，網(wǎng)頁內(nèi)容需要用到學(xué)過的東西； 3. 網(wǎng)頁中必須包含：文字、圖片、超級鏈接、簡單的動態(tài)效果。特別是首頁要包含有到其它網(wǎng)頁的鏈接； 4. 必須有一個(gè)網(wǎng)頁帶有自己的個(gè)人簡介，包括：姓名、學(xué)號、專業(yè)、院系等信息； 5. 作業(yè)上交到機(jī)房的服務(wù)器上，要交整個(gè)站點(diǎn)文件夾，注意整理文件； 6. 在期末理論考試之前上交，過期不候。 2020/6/28 網(wǎng)頁制作教程 5 網(wǎng)頁制作的基本技術(shù)（一） ? 新建、打開、關(guān)閉、保存、預(yù)覽網(wǎng)頁 ? 編輯網(wǎng)頁內(nèi)容，插入網(wǎng)頁對象 ? 格式化網(wǎng)頁文檔 ? 使用圖像 ? 頁面設(shè)置 2020/6/28 網(wǎng)頁制作教程 6 創(chuàng)建一個(gè)空白網(wǎng)頁 1. 啟動 Dreamweaver MX時(shí)，自動創(chuàng)建空白文檔。 2. 執(zhí)行 “ 文件 —新建 ” —“ 基本頁 ” —“ HTML” 。 3. 在 “ 站點(diǎn) ” 面板中執(zhí)行 “ 新建文件 ” 。 4. 執(zhí)行 “ 文件 —新建 ” —“ 類別 ” 列表框中的“ 頁面設(shè)計(jì) ” 或 “ 頁面設(shè)計(jì) ” （有輔助功能）。 5. 基于模板創(chuàng)建網(wǎng)頁。 2020/6/28 網(wǎng)頁制作教程 7 打開已有的網(wǎng)頁 1. 在磁盤上打開 HTML文件：在網(wǎng)頁文件圖標(biāo)上右擊 —“ 使用 Dreamweaver MX編輯 ” 。 2. 在 DW MX中，執(zhí)行 “ 文件 —打開 ” 。 3. 從 “ 站點(diǎn) ” 面板中雙擊文檔圖標(biāo)。 ? 在打開的多個(gè)文檔頁面之間切換的方法： – 單擊左下角的標(biāo)簽。 – 從 “ 窗口 ” 菜單中選擇網(wǎng)頁名稱。 2020/6/28 網(wǎng)頁制作教程 8 保存新建的網(wǎng)頁 ? 在制作網(wǎng)頁的過程中，和編輯其它文檔是一樣的，一定要養(yǎng)成經(jīng)常存盤的習(xí)慣，以免斷電或計(jì)算機(jī)死機(jī)而造成不必要的損失。 ? 保存網(wǎng)頁的方法和保存其它文檔的方法基本相同，需要注意保存的位置，必須保存到自己事先建好的站點(diǎn)文件夾中，并且網(wǎng)頁文件名稱不能是中文。 ? 可以一次保存一個(gè)網(wǎng)頁，也可以同時(shí)保存該站點(diǎn)中的全部網(wǎng)頁。 2020/6/28 網(wǎng)頁制作教程 9 輸入文本 ? 網(wǎng)頁上的信息大多是通過文字表達(dá)的，在制作網(wǎng)頁時(shí)，文本的創(chuàng)建和編輯占了很大的比重。 ? Dreamweaver MX中添加文本的方法有： ? 方法一：定位插入點(diǎn)，并在文檔窗口中輸入文本。 ? 方法二：從其它的應(yīng)用程序中（如 Word、網(wǎng)頁）復(fù)制文本。 2020/6/28 網(wǎng)頁制作教程 10 輸入文本時(shí)要注意以下幾點(diǎn)： 1. 在輸入文本的過程中， Dreamweaver MX根據(jù)當(dāng)前頁面設(shè)置的邊距或?yàn)g覽器窗口的大小自動換行，使文本一直保持在頁邊距內(nèi)。 2. 如果按 Enter鍵，則另起一個(gè)段落，屏幕上將看到插入點(diǎn)移動到隔了一個(gè)空白行的位置上。如果只想使文本換行而不分段，按 Shift+Enter，行間距就會小一些。 3. 要使段落第一行縮進(jìn) 2個(gè)字符，需要輸入兩個(gè)空格。而在 HTML文檔中只能輸入一個(gè)空格，其它的都被忽略，所以必須輸入 全角空格 ，或者插入特殊字符中的空格，或在代碼窗口中輸入 （表示空格）。 2020/6/28 網(wǎng)頁制作教程 11 設(shè)置文本格式 ? 格式化文本的三種方法： 1. 直接設(shè)置字符和段落格式：使用菜單或 “ 屬性 ” 面板。 2. 使用 HTML樣式設(shè)置。 3. 使用 CSS樣式設(shè)置。 ? 注意：前兩種設(shè)置方法創(chuàng)作出來的頁面可以被所有的瀏覽器支持。 CSS樣式創(chuàng)作出來的頁面只有較新版本的瀏覽器（ IE ）才能正確顯示網(wǎng)頁內(nèi)容。 2020/6/28 網(wǎng)頁制作教程 12 理解字符和段落的含義 ? 字符：是段落的基本組成單位。 – 可以在 “ 屬性 ” 面板中設(shè)置字符格式：如字體、字號、顏色，及特殊格式。 ? 段落：是一段格式上統(tǒng)一的文本。也就是帶有硬回車的文字組合。 – 按回車鍵（硬回車），產(chǎn)生一個(gè)段落。段落的格式設(shè)置包括縮進(jìn)方式、對齊方式、列表方式等
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1