網頁制作基礎教程 (Dreamweaver CC)(第3版)課件 第1章 網站的建立_第1頁
網頁制作基礎教程 (Dreamweaver CC)(第3版)課件 第1章 網站的建立_第2頁
網頁制作基礎教程 (Dreamweaver CC)(第3版)課件 第1章 網站的建立_第3頁
網頁制作基礎教程 (Dreamweaver CC)(第3版)課件 第1章 網站的建立_第4頁
網頁制作基礎教程 (Dreamweaver CC)(第3版)課件 第1章 網站的建立_第5頁
已閱讀5頁,還剩18頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

職業(yè)教育教學用書網頁制作基礎教程(DreamweaverCC)網站制作前的準備1網頁布局與規(guī)劃2網頁的編輯3網頁的多媒體效果4網站的管理與上傳5模塊目錄網頁制作前的準備:第1章網站的建立;網頁布局與規(guī)劃:第2章編輯網頁中的內容;第3章網頁布局;網頁的編輯:第4章使用超鏈接;第5章CSS樣式;網頁的多媒體效果:第6章作多媒體網頁;第7章使用表單;第8章使用行為;網站的管理與上傳:第9章網站的管理與上傳模塊簡介網站的建立網頁、超鏈接與網站HTML靜態(tài)網頁與動態(tài)網頁網頁制作工具項目一網頁、超鏈接與網站網頁、超鏈接與網站網頁網頁就是把文字、圖形、圖像、聲音、動畫、視頻等多種媒體形式的信息,以及分布在互聯(lián)網上的各種相關信息相互鏈接起來而構成的一種信息表達方式。主頁在瀏覽器中輸入網址后,看到的第1個網頁被稱為“主頁”網站網頁、制作網頁各種效果的程序文件和數據文件,以及說明文檔的集合,組成了網站。網頁、超鏈接與網站非線性閱讀方式網頁就是把文字、圖形、圖像、聲音、動畫、視頻等多種媒體形式的信息,以及分布在互聯(lián)網上的各種相關信息相互鏈接起來而構成的一種信息表達方式。超鏈接互聯(lián)網采用復雜的網狀結構,人們可以根據自己的喜好隨時改變閱讀順序,甚至可以從一篇文章跳轉到另一篇文章,幾乎可以無限制地跳轉。這種形式就是超文本表達信息的方式,能夠改變閱讀順序的就是超鏈接。超文本標記語言HTMLHTMLHTML(超文本標記語言)用于描述某個事物應該如何合理地顯示在計算機屏幕上。<center><b><fontface="黑體"><fontsize=18>歡迎參觀我的主頁</font></font></b></center>句首的<center>表示居中,句尾的</center>表示居中結束;<b>表示加粗,</b>表示加粗結束;<fontface="黑體">表示文字為黑體;<fontsize=18>表示字號為18;句尾的兩個</font>表示設置結束。HTML靜態(tài)網頁是在網站所在服務器上真實存在的。在瀏覽器中輸入網頁的網址時,網站服務器就會將該網頁下載到瀏覽器中并打開,供瀏覽者瀏覽。靜態(tài)網頁上可以有一些動態(tài)的效果。動態(tài)網頁可能并不是真實存在的,或者不是完整存在的,而僅僅是一個模板。網頁中的一些內容來自數據庫等信息源,由相關的網頁程序來控制信息顯示在模板的什么位置。VS靜態(tài)網頁動態(tài)網頁客戶端動態(tài)技術服務器動態(tài)技術12靜態(tài)網頁與動態(tài)網頁體積龐大、冗余代碼較多、網站管理繁瑣的網頁制作工具正逐漸被淘汰。Dreamweaver是一款專業(yè)的網頁制作軟件,擁有廣泛的網頁制作群體,是最受歡迎的網頁制作軟件之一。網頁制作軟件可以實現(xiàn)網頁設計者與HTML之間的分離,而設計者只需在編輯器中輸入文本或圖片,網頁制作軟件就將這些文本或圖片轉換為相應的HTML代碼,而且設計者在編輯器中見到的網頁效果,與在瀏覽器中見到的網頁效果基本相同。網頁制作工具了解Dreamweaver的操作環(huán)境建立網站前的準備工作建立站點新建網頁與文件夾項目二了解Dreamweaver的操作環(huán)境更改文件名與刪除文件了解Dreamweaver的操作環(huán)境標題菜單欄2.文檔工具欄3.文檔編輯區(qū)4.狀態(tài)欄5.屬性檢查器6.面板組01確定網站的主題02確定網站由多少個網頁組成,以及這些網頁之間的關聯(lián)關系03繪制網站結構圖04準備網站素材建立網站前的準備工作選擇“站點”→“新建站點”命令方法一在面板組中打開“文件”面板,單擊“管理站點”按鈕,在彈出的“管理站點”對話框中來新建站點方法二二建立站點在“文件”面板中,將鼠標指針移動到站點名稱上并右擊,在彈出的快捷菜單中選擇“新建文件”命令,同時站點文件夾被展開,自動建立“untitled.html”網頁。建立文件夾的方法與之相同。新建網頁與文件夾在面板組中單擊兩次該文件的文件名,文件名就會立刻變?yōu)榫庉嫚顟B(tài),此時刪除舊名稱,輸入新名稱即可。更改文件名與刪除文件以在面板組的“文件”面板中,選擇要更改名稱的文件并右擊,在彈出的快捷菜單中,選擇“編輯”→“重命名”命令,此時文件名就會立刻變?yōu)榫庉嫚顟B(tài),刪除舊名稱,輸入新名稱即可。刪除網頁文件,則只需選中該文件,按Delete鍵即可。打開網頁文件更改網頁標題保存網頁文件預覽網頁項目三打開與保存網頁退出Dreamweaver在彈出的開始頁面中單擊“打開”按鈕,找到要編輯的文件,將其打開。方法一打開面板組中的“文件”面板,然后在“本地文件”選項區(qū)中雙擊網頁文件,將其打開。方法二二打開網頁文件選擇菜單欄中的“文件”→“打開”命令,找到網頁文件將其打開。方法三網頁標題是指瀏覽該網頁時顯示在瀏覽器標題欄中的文字,是網頁內容的高度概括,一看到網頁標題人們就能知道這個網頁的主要內容是什么。更改網頁標題網站主頁的標題就是網站的名稱;網站中內容頁面的標題就是內容文章的題目。在屬性檢查器下方的“文檔標題”文本框中可以修改網頁標題。選擇菜單欄中的“文件”→“保存”命令,可以保存當前打開的網頁文件。保存網頁文件選擇菜單欄中的“文件”→“保存全部”命令,可以對所有更改過的網頁文件進行保存。選擇菜單欄中的“文件”→“實時預覽”→“MicrosoftEdge”命令,網頁的內容顯示在瀏覽器中。預覽網頁退出Dreamweaver選擇菜單欄中的“文件”→“關閉”命令?;蛘邌螕艟W頁編輯窗口右上角的按鈕,都可以關閉這些網頁的編輯窗口。方法一選擇菜單欄中的“文件”→“全部關閉”命令,可以關

溫馨提示

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

最新文檔

評論

0/150

提交評論