網(wǎng)頁制作

項目1 應(yīng)聘入職 1
任務(wù)1-1 面試 1
任務(wù)1-2 入職 4
項目2 “藍德科技”網(wǎng)站的完善 7
任務(wù)2-1 制作員工活動頁面 7
任務(wù)2-2 制作優(yōu)秀員工頁面 15
任務(wù)2-3 美化優(yōu)秀員工頁面 20
任務(wù)2-4 制作招賢納士頁面 27
任務(wù)2-5 制作藍德員工導航頁面 31
項目3 “愛上路旅游公司”網(wǎng)站制作 37
項目3-1 網(wǎng)頁規(guī)劃 37
任務(wù)3-1-1 網(wǎng)站規(guī)劃 38
項目3-2 網(wǎng)站效果圖設(shè)計 42
任務(wù)3-2-1 設(shè)計網(wǎng)站Logo 43
任務(wù)3-2-2 設(shè)計網(wǎng)頁效果圖 45
項目3-3 網(wǎng)站主頁制作 49
任務(wù)3-3-1 規(guī)劃與建立站點目錄結(jié)構(gòu) 50
任務(wù)3-3-2 制作主頁整體布局 55
任務(wù)3-3-3 布局主頁header區(qū)域 62
任務(wù)3-3-4 制作主頁header區(qū)域 67
任務(wù)3-3-5 布局主頁main區(qū)域 72
任務(wù)3-3-6 制作主頁main區(qū)域 79
任務(wù)3-3-7 制作主頁footer區(qū)域 82
項目3-4 網(wǎng)站子頁制作 88
任務(wù)3-4-1 制作“關(guān)于我們”頁 88
任務(wù)3-4-2 制作“圖片覽勝”頁 93
任務(wù)3-4-3 制作“達人報告”頁 96
任務(wù)3-4-4 制作“聯(lián)系我們”頁 100
任務(wù)3-4-5 制作旅游線路詳情頁 102
項目3-5 網(wǎng)頁特效 107
任務(wù)3-5-1 為網(wǎng)站導航添加鏈接 107
任務(wù)3-5-2 為banner添加圖片輪播特效 110
任務(wù)3-5-3 為“圖片覽勝”頁面添加圖片放大特效 113
任務(wù)3-5-4 為旅游路線詳情頁面添加圖片無縫滾動特效 114
任務(wù)3-5-5 為表單添加驗證功能 119
任務(wù)3-5-6 為網(wǎng)站欄目添加二級菜單 124
項目3-6 網(wǎng)站發(fā)布 129
任務(wù)3-6-1 測試網(wǎng)站 129
任務(wù)3-6-2 發(fā)布網(wǎng)站 132
項目4 考核項目 137
附錄A CSS規(guī)范化命名 139
附錄B 頁面布局模塊的常用規(guī)范命名 141
附錄C 顏色取值 143
附錄D 長度取值 145
附錄E 網(wǎng)頁中文亂碼問題的解決 147
參考 149