這里寫自定義目錄標題

• 網站概述
• • 網頁基本術語
  • • 網頁概述
    • 網頁內常用術語
  • 網站建設的基本流程
• 開發環境的認識和本地站點的創建
• • 開發環境和開發工具介紹
  • 創建本地站點
  • 站點目錄結構
• 使用Dreamweaver制作淘寶網新聞頁面
• • 使用Dreamweaver創建網頁
  • 插入表格
  • 插入圖像
  • 頁面屬性的設置
  • 文本格式化
  • 段落
  • • 換行方法：
    • 插入空格方法：

網站概述

網頁基本術語

網頁概述

網頁：一個純文本格式的文件，使用任何文本編輯器都可以打開編輯，編寫語言為HTML（超文本標記語言），在瀏覽器中被翻譯成網頁形式顯示出來
網站：由一個一個網頁構成的，是多個網頁的結合體
主頁：打開網站后出現的第一個網頁

網頁內常用術語

域名：瀏覽網頁時輸入的網址
IP地址：輸入域名后，通過DNS解析獲得網站所在計算機的IP地址。
HTTP：超文本傳輸協議，傳輸網頁的通信協議，規定瀏覽器如何通過網絡想網站服務器發送請求，以及把網站服務器的相應請求傳回網頁。
FTP：文件傳輸協議，通過FTP可上傳、下載、查詢、修改、刪除等
URL：統一資源定位符，萬維網尋址系統，是網絡中的所有資源使用統一格式來指定所在路徑與服務器，表示網頁的internet位置的URL形式為“http://”
HTML：超文本標記語言，可用來編寫網頁，設定網頁中文字。
超鏈接：將網站中不同網頁鏈接起來，實現網頁間的跳轉。
發布：將做好的網頁上傳到服務器供用戶訪問。

網站建設的基本流程

需求分析：網站的定位
確定主題：主題獨特，吸引用戶
設計功能：網站具有哪些功能
規劃結構：如何將各個頁面有機的組合在一起
設計布局：頁面的整體布局
測試站點：1、測試頁面效果2、網站連接速度3、網站中的鏈接是否正確4、文檔位置是否正確，圖片、動畫、音樂效果是否正常5、瀏覽器的兼容性。
發布網頁：將做好的網頁通過FTP等方式上傳到網站服務器。

開發環境的認識和本地站點的創建

開發環境和開發工具介紹

菜單欄
文檔工具欄：不同視圖間快速切換
文檔窗口：顯示當前文檔的形式
屬性檢查器：可以檢查和編輯當前選定頁面元素的常用屬性
面板組：

創建本地站點

在本地磁盤中創建文件夾taobao。并在文件夾中創建image文件夾來存放制作網頁用到的圖片

站點——新建站點——修改名稱和指定站點存放路徑（上一步創建的taobao文件夾）——保存

在面板組右下角“文件”面板中可以看到創建的taobao站點——右鍵可以新建文件、新建文件夾。

站點目錄結構

為了使素材能夠分門別類地存儲到相應的文件夾下，方便統一管理
Images、Image：存放圖片的文件夾
Common：存放后臺文件的文件夾
Style：CSS文件夾
Script：js腳本文件
Include：開發人員自己開發的功能函數文件夾
Temp：臨時文件夾，用于存放客戶提供的各種原始的資料，
Media：存放網頁中加載的多媒體文件，
News、Product、Blog：根據主頁上的內容劃分相應的欄目板塊，新聞、產品、博客

使用Dreamweaver制作淘寶網新聞頁面

使用Dreamweaver創建網頁

方法一：文件——新建——空白頁——HTML（頁面類型）——無（布局）——創建
方法二：選擇“文件”面板——右擊“站點”——新建文件

插入表格

方法一：插入——表格——設置參數——確定
方法二：點擊“插入”面板——“常用”類別——表格——設置參數——確定

插入圖像

方法一：插入——圖像——選擇圖像——確定
方法二：“插入”面板——“常用”——圖像——選擇圖像——確定

頁面屬性的設置

修改——頁面屬性——設置頁面屬性——確定
編輯淘寶網購物頁面

文本格式化

=選中文本——屬性檢查器——CSS——新CSS規則——設置屬性——回車——設置選擇器名稱——確定

段落

換行方法：

• 插入——HTML——特殊字符——換行符
• 快捷鍵：Shift + Enter
• 插入面板——換行按鈕
• 光標放在需要換行的位置，按Enter鍵

插入空格方法：

• 插入——HTML——特殊字符——不換行空格
• 快捷鍵：Ctrl + Shift +空格鍵
• 插入面板——空格按鈕
• 切換全角輸入法（Shift + 空格鍵）——空格鍵

print ("hahaha")

總結

以上是生活随笔為你收集整理的1、Dreamweaver工具的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。