本節簡介:一個完整的網站制作流程通常會包括:設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟,課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網站簡述總結:認識因特網.網站.網頁.的各自功能. 制作完整的簡單網頁包括:HTML文件,DIY圈地,CSS定義樣式,Javascript和jQuery, 需要空間和域名。 最后就是學習了靜態網頁和動態網頁, 認識動態網頁的兩個需要。
網站簡述總結:認識因特網.網站.網頁.的各自功能. 制作完整的簡單網頁包括:HTML文件,DIY圈地,CSS定義樣式,Javascript和jQuery, 需要空間和域名。 最后就是學習了靜態網頁和動態網頁, 認識動態網頁的兩個需要。
網站構建的流程:1. 在ps中得到設計稿 2. 在ps中通過切圖得到素材 統一存儲在image文件夾中 3. 利用DIV構建布局 在其中插入圖片文字表單等 4. 通過CSS和JS得到動態效果 5. 測試網頁
為確保網頁正常運行,除了在ie中測試外,還需要在其他常用瀏覽器中測試。
在實時視圖中查看網頁沒有問題后,需要預覽網站的頁面效果,f12在ie瀏覽器中測試網頁效果。
ccs中的動態效果需要在 ‘實時視圖’ 中才能預覽到。
如何區分‘圖片’和‘背景’? 鼠標點擊后,圖片周圍會有編輯框,屬性欄里也有圖片屬性;而背景周圍不會出現編輯框。
banner作為背景載入到div框架中(節約網頁加載時間)
1.新建HTML 的文檔 2. 插入- Div 3. 在Div中添加文字圖片表格等