網(wǎng)站站點(diǎn)文件的創(chuàng)建

電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作Design

and

Creation

of

E-commerce

WebPages網(wǎng)站站點(diǎn)文件創(chuàng)建主講人：傅俊THISIS導(dǎo)入：

Dreamweaver的使用創(chuàng)建靜態(tài)網(wǎng)站站點(diǎn)站點(diǎn)管理的使用ContentDreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的擁有可視化編輯界面的網(wǎng)頁(yè)代碼編輯器。利用對(duì)

HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)人員和開發(fā)人員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。該編輯器可支持靜態(tài)網(wǎng)頁(yè)也能支持動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)與制作。它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作、編寫和修改網(wǎng)頁(yè)。Dreamweaver的工作界面主要由菜單欄、文件工具欄、文件窗口、狀態(tài)區(qū)、“屬性”面板和面板組等組成。導(dǎo)入-Dreamweaver的使用自適應(yīng)網(wǎng)格版面建立復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)和版面，無(wú)需忙于編寫代碼。自適應(yīng)網(wǎng)格版面能夠及時(shí)響應(yīng)，以協(xié)助你設(shè)計(jì)能在臺(tái)式機(jī)和不同大小屏幕設(shè)備中顯示的項(xiàng)目。導(dǎo)入-Dreamweaver的使用新Dreamweaver的一些有用的相關(guān)新功能移動(dòng)支持借助jQuery代碼提示加入高級(jí)交互性功能。jQuery可輕松為網(wǎng)頁(yè)添加互動(dòng)內(nèi)容。借助針對(duì)手機(jī)的啟動(dòng)模板快速開始設(shè)計(jì)。導(dǎo)入-Dreamweaver的使用新Dreamweaver的一些有用的相關(guān)新功能實(shí)時(shí)視圖和多屏幕預(yù)覽面板可呈現(xiàn)HTML5代碼，能檢查自己的工作。借助“多屏幕預(yù)覽”面板，為智能手機(jī)、平板電腦和臺(tái)式機(jī)進(jìn)行設(shè)計(jì)。使用媒體查詢支持,為各種不同設(shè)備設(shè)計(jì)樣式并將呈現(xiàn)內(nèi)容可視化。導(dǎo)入-Dreamweaver的使用新Dreamweaver的一些有用的相關(guān)新功能通過(guò)Dreamweaver新建文檔可以看出，Dreamweaver對(duì)動(dòng)態(tài)網(wǎng)頁(yè)、腳本頁(yè)面、CSS以及XML等均可支持。導(dǎo)入-Dreamweaver的使用在菜單欄中主要包括“文件”、“編輯”、“查看”、“插入”、“修改”、“格式”、“命令”、“站點(diǎn)”、“窗口”和“幫助”10個(gè)菜單。單擊任意一個(gè)菜單，都會(huì)彈出下拉菜單，使用下拉菜單中的命令基本上能夠?qū)崿F(xiàn)Dreamweaver

的所有功能，當(dāng)然絕大多數(shù)功能也可以通過(guò)對(duì)應(yīng)的浮動(dòng)面板來(lái)實(shí)現(xiàn)。導(dǎo)入-Dreamweaver的使用站點(diǎn)是一個(gè)存儲(chǔ)區(qū)，它存儲(chǔ)了一個(gè)網(wǎng)站包含的所有文件。建立站點(diǎn)時(shí)，一般在計(jì)算機(jī)上建一個(gè)文件夾，然后把制作的所有網(wǎng)頁(yè)文件、圖像媒體文件、腳本文件等都存放在此文件夾中，最后把這個(gè)文件夾上傳到Web服務(wù)器，供用戶瀏覽。創(chuàng)建靜態(tài)網(wǎng)站站點(diǎn)制作一個(gè)網(wǎng)站，首先需要在本地計(jì)算機(jī)上制作這個(gè)網(wǎng)站，放置在本地磁盤上的網(wǎng)站被稱為本地站點(diǎn)，位于Web服務(wù)器的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。用來(lái)模擬真實(shí)的Web服務(wù)器進(jìn)行測(cè)試的叫做測(cè)試站點(diǎn)。Dreamweaver則提供了對(duì)各類站點(diǎn)的強(qiáng)大管理功能，便于站點(diǎn)在不同環(huán)境下的編輯，新的Dreamweaver可以有效地建立并管理多個(gè)站點(diǎn)?，F(xiàn)階段網(wǎng)店頁(yè)面裝修時(shí)，也是對(duì)網(wǎng)店P(guān)SD模板切片后，運(yùn)用Dreamweaver來(lái)進(jìn)行站點(diǎn)管理和生成，最后把生成頁(yè)面的代碼復(fù)制黏貼到網(wǎng)店編輯模塊中去。創(chuàng)建靜態(tài)網(wǎng)站站點(diǎn)“文件”面板是Dreamweaver最常用也是最主要的面板之一。它集成了站點(diǎn)管理的各種工具。在“文件”面板中可以完成所有對(duì)網(wǎng)站站點(diǎn)的管理操作，當(dāng)然這些操作也可以通過(guò)“站點(diǎn)”菜單來(lái)完成。站點(diǎn)管理的使用電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作Design