企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)_第1頁
企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)_第2頁
企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)_第3頁
企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)_第4頁
企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)_第5頁
已閱讀5頁,還剩27頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

企業(yè)網(wǎng)站維護(hù)之網(wǎng)制作基礎(chǔ)企業(yè)網(wǎng)站維護(hù)第一學(xué)期課程目標(biāo)示意圖InternetVlantrunk單臂路由RIPv2路由接入互聯(lián)網(wǎng)VLANVLANVLANVLANDCFilesrvPrintsrvProxyVlantrunkVlantrunkInternet課程目標(biāo)了解Dreamweaver的工作環(huán)境和制作網(wǎng)頁的常識(shí)理解網(wǎng)站基礎(chǔ)維護(hù)的工作過程掌握網(wǎng)站頁面的制作維護(hù)技術(shù)課程結(jié)構(gòu)圖網(wǎng)頁制作基礎(chǔ)網(wǎng)頁綜合技術(shù)應(yīng)用網(wǎng)站優(yōu)化、維護(hù)利用Dreamweaver制作網(wǎng)頁的基本操作技術(shù):包括文本格式化,應(yīng)用表格,在頁面中插入圖片、動(dòng)畫。這部分還將講述構(gòu)成網(wǎng)頁的HTML基本標(biāo)記等。第一到第三章網(wǎng)頁制作各種技術(shù)的整合應(yīng)用。掌握使用CSS樣式表美化頁面等,用表格安排頁面的各個(gè)元素,用DW內(nèi)置的行為命令實(shí)現(xiàn)交互功能。利用模板實(shí)現(xiàn)頁面的外觀統(tǒng)一等。第四到第五章根據(jù)企業(yè)的實(shí)際需求,對(duì)企業(yè)的站點(diǎn)項(xiàng)目整體進(jìn)行優(yōu)化。第六章網(wǎng)頁制作基礎(chǔ)第1章本章目標(biāo)了解網(wǎng)頁文本格式化掌握使用表格進(jìn)行頁面布局的方法掌握創(chuàng)建站點(diǎn)的方法本章結(jié)構(gòu)網(wǎng)頁制作基礎(chǔ)

創(chuàng)建網(wǎng)站的常識(shí)格式化、樣式應(yīng)用表格布局普通表格的作用標(biāo)準(zhǔn)視圖下創(chuàng)建布局表格布局視圖下創(chuàng)建表格表格屬性、格式化表格嵌套網(wǎng)頁的文本處理網(wǎng)站和站點(diǎn)相關(guān)概念2-1網(wǎng)站是日常維護(hù)工作內(nèi)容網(wǎng)絡(luò)發(fā)展,企業(yè)有自己的網(wǎng)站網(wǎng)站的維護(hù)是網(wǎng)絡(luò)管理員日常網(wǎng)絡(luò)維護(hù)工作內(nèi)容之一掌握網(wǎng)站維護(hù)技術(shù)是網(wǎng)絡(luò)工程師職業(yè)發(fā)展的需要案例背景BENET公司站點(diǎn)是典型的靜態(tài)站點(diǎn)(BENET站點(diǎn))靜態(tài)和動(dòng)態(tài)站點(diǎn)的區(qū)別?例如:新華網(wǎng)的新聞網(wǎng)頁是隨數(shù)據(jù)源實(shí)時(shí)更新的靜態(tài)站點(diǎn)需要網(wǎng)管手工的維護(hù)更新網(wǎng)站和站點(diǎn)相關(guān)概念2-2Internet和萬維網(wǎng)Internet全球范圍內(nèi)網(wǎng)絡(luò)的網(wǎng)絡(luò)Internet的一部分由包含各種信息的文檔組成WorldWideWeb萬維網(wǎng)萬維網(wǎng)2-1Web服務(wù)器客戶端HTTP協(xié)議協(xié)議用于訪問Web上資源的一組規(guī)則HTTP是Web協(xié)議

站點(diǎn)地址或URL<HTML><HEAD>…………</HEAD><BODY…………</BODY></HTML>HTML語言用于制作網(wǎng)頁萬維網(wǎng)2-2Web服務(wù)器客戶端向服務(wù)器發(fā)送頁面請(qǐng)求Web服務(wù)器處理請(qǐng)求并返回請(qǐng)求的頁面HTTP負(fù)責(zé)請(qǐng)求和響應(yīng)Web相關(guān)術(shù)語網(wǎng)站萬維網(wǎng)上相關(guān)網(wǎng)頁的集合網(wǎng)頁文件后綴名通常為*.html或*.htm的頁面HTML用于制作網(wǎng)頁的超文本標(biāo)記語言(HyperTextMark-upLanguage)關(guān)于DreamweaverMX一款用于設(shè)計(jì)、開發(fā)網(wǎng)站和Web應(yīng)用程序的專業(yè)HTML編輯器

用戶可以選擇使用布局單元格或框架來設(shè)計(jì)頁面的布局可用于創(chuàng)建文本、插入動(dòng)態(tài)圖像、提供網(wǎng)頁超鏈接、創(chuàng)建Flash文本和Flash按鈕等可用于組合由某些軟件(如Photoshop、ImageReady和Flash

等)制作的圖形、動(dòng)畫和按鈕Dreamweaver中的概念靜態(tài)網(wǎng)頁只能瀏覽,不能實(shí)現(xiàn)客戶端和服務(wù)器端的交流互動(dòng)動(dòng)態(tài)網(wǎng)頁網(wǎng)站頁面隨用戶的輸入而變化,能與客戶端交流互動(dòng)

本地站點(diǎn)一個(gè)在我們自己的計(jì)算機(jī)上,存儲(chǔ)網(wǎng)站所有文件的臨時(shí)文件夾遠(yuǎn)程站點(diǎn)位于遠(yuǎn)程Web服務(wù)器上,與本地站點(diǎn)相對(duì)應(yīng)根文件夾用于存儲(chǔ)網(wǎng)站文件的本地根目錄DreamweaverMX入門認(rèn)識(shí)Dreamweaver的界面結(jié)構(gòu)文檔窗口、文檔工具欄、插入欄面板組根據(jù)自己的喜好,可以定制不同的工作區(qū)可以??恳部梢愿?dòng)屬性檢查器快速為對(duì)象應(yīng)用屬性創(chuàng)建網(wǎng)站和網(wǎng)頁新建站點(diǎn),應(yīng)該注意的規(guī)則

根目錄文件夾應(yīng)該是專門為遠(yuǎn)程站點(diǎn)設(shè)立的不可將一個(gè)硬盤分區(qū)或程序文件夾作為網(wǎng)站的根目錄最好將網(wǎng)站名作為根目錄文件夾名根文件夾內(nèi)分別再分配幾個(gè)存儲(chǔ)不同類型文件比如Image、CSS、JS等的子文件夾創(chuàng)建、打開、保存文檔頁面標(biāo)題、屬性的設(shè)置在DreamweaverMX中創(chuàng)建網(wǎng)站和網(wǎng)頁為網(wǎng)頁添加文本要在文檔中插入文本,可以使用以下方式:在網(wǎng)頁中鍵入文本從其他應(yīng)用程序(如MS-Word、記事本和MS-Excel等)復(fù)制并粘貼文本將Word文檔導(dǎo)入Dreamweaver在文檔中插入文本的步驟處理文本段落和標(biāo)題三種段落格式段落標(biāo)題預(yù)先格式化的處理段落、換行、添加連續(xù)空格段落對(duì)齊、縮進(jìn)使用屬性檢查器中的字體類型、字體大小、字體顏色等設(shè)置可以格式化文本文本格式化2-1在網(wǎng)頁中,段落用于組織內(nèi)容,一個(gè)段落就是一個(gè)文本塊。Dreamweaver提供了三種基本段落樣式:段落標(biāo)題預(yù)先格式化的使用屬性檢查器中的“格式”選項(xiàng)可應(yīng)用這些樣式段落標(biāo)題預(yù)格式化的文本格式化2-2字符字符面板文本格式化設(shè)置字體、設(shè)置字號(hào)、文本顏色、文本樣式通過屬性面板實(shí)現(xiàn)在DreamweaverMX中演示文本格式化列表列表項(xiàng)目列表編號(hào)列表項(xiàng)目列表編號(hào)列表在DreamweaverMX中演示創(chuàng)建列表階段總結(jié)背景及項(xiàng)目情況介紹創(chuàng)建站點(diǎn)處理網(wǎng)頁文本為頁面添加文本網(wǎng)頁文本的格式處理表格多表格總體布局思考:看到這些原文件,會(huì)想到什么?頁面的元素如何排列的呢?創(chuàng)建表格、格式化表格基礎(chǔ)標(biāo)準(zhǔn)模式下創(chuàng)建表格創(chuàng)建表格時(shí)應(yīng)該注意的參數(shù)項(xiàng)的設(shè)置表格格式化(例:多彩的表格)處理表格處理行和列處理單元格表格屬性邊框、背景色等在DreamweaverMX中演示創(chuàng)建表格以及進(jìn)行格式化處理表格布局使用表格布局網(wǎng)頁布局視圖下用表格布局表格嵌套

例:blueidea

BENET網(wǎng)站首頁注意外層表格的寬度和內(nèi)層表格寬度的單位設(shè)置在DreamweaverMX中演示創(chuàng)建布局表格階段總結(jié)了解表格的基本結(jié)構(gòu)如何使用表格表格的格式化表格屬性的修改表格布局的方法嵌套表格本章總結(jié)

DreamweaverMX是一個(gè)所見即所得的網(wǎng)頁編輯工具,在工作區(qū)內(nèi)提供了便于工作的各種面板和工具欄,可以快速創(chuàng)建網(wǎng)頁文檔,建立站點(diǎn)為Dreamweaver的網(wǎng)頁文本格式化,如粗體、斜體、下劃線三種段落格式:段落、標(biāo)題、和預(yù)先格式化的常用的列表樣式,如何為設(shè)置列表表格可以裝載數(shù)據(jù),但是更多的是用表格做頁面的布局在標(biāo)準(zhǔn)視圖下可以為網(wǎng)頁插入普通表格在布局視圖下插入表格,分層處理布局表格的嵌套關(guān)系HTML表格可以裝載頁面的各種元素,文字、圖片、動(dòng)畫、多媒體等等實(shí)驗(yàn)任務(wù)1:添加網(wǎng)頁文本并進(jìn)行格式化任務(wù)2:修改數(shù)據(jù)表格、完善布局表格任務(wù)1注意事項(xiàng)提示1:

溫馨提示

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

評(píng)論

0/150

提交評(píng)論