這里寫自定義目錄標(biāo)題

• 網(wǎng)站概述
• • 網(wǎng)頁基本術(shù)語
  • • 網(wǎng)頁概述
    • 網(wǎng)頁內(nèi)常用術(shù)語
  • 網(wǎng)站建設(shè)的基本流程
• 開發(fā)環(huán)境的認(rèn)識和本地站點的創(chuàng)建
• • 開發(fā)環(huán)境和開發(fā)工具介紹
  • 創(chuàng)建本地站點
  • 站點目錄結(jié)構(gòu)
• 使用Dreamweaver制作淘寶網(wǎng)新聞頁面
• • 使用Dreamweaver創(chuàng)建網(wǎng)頁
  • 插入表格
  • 插入圖像
  • 頁面屬性的設(shè)置
  • 文本格式化
  • 段落
  • • 換行方法：
    • 插入空格方法：

網(wǎng)站概述

網(wǎng)頁基本術(shù)語

網(wǎng)頁概述

網(wǎng)頁：一個純文本格式的文件，使用任何文本編輯器都可以打開編輯，編寫語言為HTML（超文本標(biāo)記語言），在瀏覽器中被翻譯成網(wǎng)頁形式顯示出來
網(wǎng)站：由一個一個網(wǎng)頁構(gòu)成的，是多個網(wǎng)頁的結(jié)合體
主頁：打開網(wǎng)站后出現(xiàn)的第一個網(wǎng)頁

網(wǎng)頁內(nèi)常用術(shù)語

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

網(wǎng)站建設(shè)的基本流程

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

開發(fā)環(huán)境的認(rèn)識和本地站點的創(chuàng)建

開發(fā)環(huán)境和開發(fā)工具介紹

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

創(chuàng)建本地站點

在本地磁盤中創(chuàng)建文件夾taobao。并在文件夾中創(chuàng)建image文件夾來存放制作網(wǎng)頁用到的圖片

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

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

站點目錄結(jié)構(gòu)

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

使用Dreamweaver制作淘寶網(wǎng)新聞頁面

使用Dreamweaver創(chuàng)建網(wǎng)頁

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

插入表格

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

插入圖像

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

頁面屬性的設(shè)置

修改——頁面屬性——設(shè)置頁面屬性——確定
編輯淘寶網(wǎng)購物頁面

文本格式化

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

段落

換行方法：

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

插入空格方法：

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

print ("hahaha")

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。