在這節課中, 您將學習如何向頁面添加文本 在 Adobe Dreamweaver 中。 為了讓我們利用 Dreamweaver 的網站功能, 我們需要創建一個新站點。 所以我們要去網站菜單, 我們要去新的網站。 如果您不知道如何創建新網站, 你可以回到模塊二觀看視頻, 在 Dreamweaver 中創建站點。 我們將把這個模塊命名為五, 我們要點擊這個文件夾圖標 我們將導航到您所在的位置 模塊五課文件。 在你的模塊五中, 我們要點擊選擇文件夾 將其指定為我們的主要站點文件夾。 我們將進入高級設置。 我們要點擊本地信息, 並在頂部顯示默認圖像文件夾的位置, 我們要瀏覽文件, 我們將選擇圖像文件夾, 並單擊選擇文件夾, 我們要點擊保存。 一旦我們這樣做了,我們的網站就在右邊, 在我們的文件面板中。 現在我們將向頁面添加文本 幾種不同的方式。 首先,我們要做的是創建一個新文檔 我們將向該新的非樣式化文檔添加文本。 所以我們要去文件菜單新建, 確保從第一列我們有新文件, 從第二列, 我們將選擇 HTML, 從框架中,我們將選擇無, 但是將文檔類型設置為 HTML5, 我們要點擊創建按鈕。 現在,當我們的頁面出現時, 取決於您使用代碼的位置 或在頂部實時查看, 我會讓你進入代碼視圖一分鐘。 我們將轉到文件面板。 我們要打開雜項文件夾, 我們要雙擊遠足文本文件夾。 現在這是一個在記事本中創建的文本文檔, 但你可以創建相同類型的文件 在 Mac 上進行文本編輯(如果有), 這是一個非常簡單的文件, 我們只是在頂部有遠足每月通訊, 幾段,我們有一些遠足, 一些服裝和裝備副標題。 現在你會注意到, 當您在 Dreamweaver 中打開一個文本文件時, 它確實像識別文件一樣打開它, 但你永遠不想保存這個文件, 即使它在代碼視圖中, 您永遠不會希望將此文檔另存為 HTML 文件, 因為這個文件中缺少一件非常重要的東西。 那就是標籤。 我們的文本周圍沒有標籤。 現在為了把它放到我們新的無標題文檔中, 這是一個 HTML 文件, 我們將選擇所有這些文本, 我只是單擊並向下拖動, 您可以執行命令或控制 A 來全選, 或在編輯菜單下選擇全部, 那也會奏效的。 我們要復制這個, 再一次,幾種不同的方法來做到這一點。 控制C,可以右鍵複製, 或者您可以轉到編輯菜單進行複制。 如果我們回到我們無題的兩個, 現在,這是你必須非常小心的地方, 因為如果您在代碼視圖中, 然後將該文本直接粘貼到代碼視圖中, 你可以看到它有效。 但是如果我們點擊中間的實時標籤, 你可以看到它沒有段落格式。 一切都在一個大段落中。 所以我們要進入編輯菜單並撤消, 因為 Dreamweaver 中有多個撤消。 這一次,我們要回到那個實時取景, 我們要把它改成設計視圖, 因為設計視圖更適合編輯我們的內容。 如果我們將光標放在此頁面的頂部並粘貼, 你會注意到我們的文字進來了 有所有的休息時間。 因此,如果我們轉到我們的代碼視圖, 這是有關 Dreamweaver 的最佳部分 是當我們看這段文字時, 我們所有的標籤都圍繞著我們的文本內容, 並允許我們在這裡看到的格式。 我們將進入文件菜單, 我們會在這件事上做一個保存, 進入第五模塊,我們就叫這個 複製下劃線文本。 不要忘記命名約定, 沒有空格,沒有特殊字符, 下劃線和連字符都可以。 我們要保存它。 現在我們剛剛將此內容添加到一個全新的頁面, 並且頁面沒有樣式和區域 為我們操心。 我們有一個乾淨的石板, 但是如果我們需要將文本放到頁面上怎麼辦 已經有佈局了嗎? 所以在這種情況下,我們將轉到我們的文件面板, 我們要雙擊about.html。 你可以看到我們有插入符號和斜線 在這個旁邊, 這個文件面板的好處是, 它告訴我們一些關於文件類型的信息, 所以它讓我們知道這是一個 HTML 文件, 因為它有插入符號和斜線。 所以我們要雙擊它來打開它。 現在,我們有一個佈局頁面, 你可以看到它有很多內容。 在左上角,有一個區域, 如果我們把光標放在那個區域, 你可以看到我們得到一個閃爍的光標。 現在,在我們頁面的底部, 這是 Dreamweaver 中的這些區域之一 這將幫助您了解代碼。 我們在模塊 3 中討論了 HTML, 以及我們如何正確嵌套標籤, 在底部, 它告訴我們所有的標籤 嵌套在這個 H3 標籤周圍。 有一篇文章有一個左文章類, 有一個部分標籤, 有一個帶有容器的 div 標籤, 它們都屬於我們的身體。 所以我們現在要做的是轉到我們的文件面板, 我們要雙擊這個關於txt 在雜項文件夾中, 我們有一些關於這個小組的信息 創建這個遠足月度通訊, 所以我們要選擇所有這些文本。 現在我們在 Dreamweaver 中打開文本文件, 但您可以從電子郵件中復制和粘貼, 從word文檔,從PDF, 這就是為什麼我們有那個雜項文件夾 可以包含所有具有文本的文件 我們要放在我們的頁面上。 如果你有一個 Microsoft Word 文檔, 並雙擊它,它會為你打開單詞。 Dreamweaver 無法在此處打開 Word 文件, 但它可以讓你打開Word。 所以我們要選擇這個文本。 我們要復制它,我們要去我們的關於, 我們要把光標放在最上面的地方, 我們要粘貼。 所以再次,右鍵單擊粘貼, 控制V,編輯粘貼, 任何一個都可以。 現在當我們在這裡粘貼我們的內容時, 你可以看到我們確實得到了 我們所有的段落格式, 但你也會注意到這裡的文字 看起來有點不同 比這個複製文本的實時版本。 那是因為這個複制的文本文檔沒有樣式。 所以它使用默認字體, 這是Times New Roman, 但在那about.html中, 因為這個文檔有一個外部樣式表 應用於它,我們可以看出,因為在頂部, 我們有一個相關的文件, 所以因為它應用了一個樣式表, 我們的文本已經格式化。 因此,當您在 Dreamweaver 中向文檔添加文本時, 這真的取決於該文件中的其他內容, 特別是如果您的文檔中使用了樣式, 那麼您的文本將格式化。 但如果你不這樣做, 您的文字將以 Times New Roman 字體出現, 但是你所有的段落格式, 你的段落的中斷,那些會進來, 只要您複製並粘貼到設計視圖中。 所以在本課中, 您學習瞭如何在 Adobe Dreamweaver 中向頁面添加文本。