本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
新建站點并命名----->高級設置中設置圖像存儲的位置---->軟件右下方可見目錄---->“文件”存儲全部
向網頁里面導入圖片時,如果有文字,需要把文字替換掉,記?。菏窍劝衙搶?,然后再刪除文字。
當上面的部分有左浮動時,下面的部分也要跟著左浮動,使其按照上面的規則順序往下排,如果不寫左浮動的話,就會亂套了。
新建CSS規則,類型里面字體已經字號,方框里面設置margin。
分析:大型B2C商務網站,頁頭、頁腳。根據他的功能進行細致的劃分,ps制作出一個整體的布局規劃。網頁制作流程后臺處理:利用CSS美化頁面效果,用JS實現頁面特效,系統功能分析,數據庫設計實現頁面功能,發布站點。
網頁制作流程:網站分析------用PS實現頁面布局--------用PS、flash等軟件實現網站頁面效果------用PS來進行頁面切片處理------使用DW CSS+DIV布局網頁
注意:如何解決網頁做出來不居中對齊?兩種方法: 方法一,吧所有內容放在一個大的div中,然后設置它的magin : 0 auto。法二:頁面兩邊設置兩個div,以便讓所有內容擠到中間。
網站分析、用ps實現頁面布局、用psflash等軟件實現網站頁面效果
1 網站分析 2 ps網頁布局 3 用ps·flas實現網頁效果4 ps做切片效果 5 使用DW-CSS+DIV布局網頁
6.利用css美化頁面效果——7.用JS實現頁面特效——8.系統功能分析——9.數據庫設計實現頁面功能——10.發布站點
1.網站分析——2.用ps實現頁面布局——3.用ps、flash等軟件實現網站頁面效果——4.用ps來進行頁面切片處理——5.使用DW--CSS+DIV布局網頁
若要查看切塊的像素,則點擊標尺,選擇像素,然后再用切片工具框選切塊即可
把圖片切片之后 打開Dreamweaver 新建HTML格式文檔 新建一個站點給站點命名 在站點文件夾里的高級設置存儲圖像位置給圖像指定一個文件夾
一些浮動的廣告欄效果 滾動的新聞條 下拉菜單以及表單的認證 時間顯示問候語的驗證 根不同的用戶不同的時間段發出不同的問候語 5 文本框的提示信息
網頁制作流程--后臺處理 1·利用CSS 美化頁面效果 2·用JS實現頁面效果 3·系統功能分析 4·數據庫設計實現頁面功能 5·發布站點