一、HTML知識
超文本標記語言(HyperText Markup Language,簡稱:HTML)是一種用于創建網頁的標準標記語言。
能夠快速掌握HTML入門、文本、圖像、鏈接、表格、列表、表單、框架等基礎知識。
二、CSS知識
層疊樣式表(Cascading Style Sheets)是一種用來表現HTML或XML等文件樣式的計算機語言,是為了解決內容與表現分離的問題,使網頁符合WEB標準。
能夠快速掌握CSS 基礎語法、框模型與背景、文本格式化、表格、顯示與隱藏、浮動與定位、CSS hack瀏覽器兼容性、動畫、過渡、2D/3D 轉換、CSS 優化等知識點。
三、Photoshop使用
Photoshop的專長在于圖像處理,圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果,其重點在于對圖像的處理加工。
能夠快速掌握選取、圖層、通道、蒙版、路徑等基礎知識,同時能為WEB UI設計進行切片和導出切片圖像。
四、HTML+DIV+CSS企業網站項目實踐
使用web標準布局要有良好的CSS書寫和命名習慣,比如菜單 menu 版權 copyright 頁頭 header 底部 footer等等,遵循這些不成文的規定可讓代碼更容易閱讀,讓搜索引擎也更加喜歡。
能夠利用所學的html、css、photoshop對已經設計好的企業網站界面設計,手把手教會大家對企業網站進行進行切片制作和DIV+CSS布局,獨立完成制作靜態網站頁面和模板,并完成瀏覽器兼容性測試。
目錄
第1節
01_HTML簡介
第2節
02_什么是HTML
第3節
03_動態與靜態網頁
第4節
04_HTML發展歷程
第5節
05_HTML的開發工具
第6節
06_瀏覽器的認識
第7節
07_如何編寫簡單的HTML文件
第8節
08_HTML標簽
第9節
09_HTML基本結構
第10節
10_HTML知識點復習
第11節
11_HTML注釋&編碼&規范
第12節
12_HTML基本標簽
第13節
13_HTML文本標簽
第14節
14_HTML文本標簽2
第15節
15HTML布局標簽
第16節
16_HTML標簽-a標簽
第17節
17_特殊字符
第18節
18_絕對與相對路徑
第19節
19_表單標簽課程簡介
第20節
20_img標簽
第21節
21_audio標簽
第22節
22_video標簽
第23節
23_source標簽
第24節
24_ul標簽
第25節
25_ol標簽
第26節
26_dl標簽
第27節
27_表格的基本結構
第28節
28_表格屬性
第29節
29_表格結構化
第30節
30_擴展知識
第31節
31_表格的合并
第32節
32_表單的簡介
第33節
33_表單基本結構
第34節
34_表單屬性強調
第35節
35_表單type類型
第36節
36_input標簽復習
第37節
37_input標簽加強
第38節
38_select標簽
第39節
39_option標簽屬性
第40節
40_textarea標簽
第41節
41_lable和button標簽
第42節
42_活動框架
第43節
43_框架集
第44節
PS基礎課程介紹
第45節
45_學習目的
第46節
46_ps安裝流程
第47節
47_初識PS以及界面說明
第48節
48_PS新建文件
第49節
49_PS移動工具使用
第50節
50_矩形選框工具和拾色器
第51節
51_微信logo設計
第52節
52_快捷鍵選區工具
第53節
53_微信logo設計二
第54節
54_PS知識點復習
第55節
55_液化效果
第56節
56_液化效果2
第57節
57_圖片去水印
第58節
58_濾鏡效果擴展說明
第59節
59_擴展工具說明
第60節
60_扣圖基本操作
第61節
61_扣圖操作二
第62節
62_扣圖鋼筆工具和通道
第63節
63_對齊方式和平均分布
第64節
64_文字工具及字符面板說明
第65節
65_PS切圖工具-小工具擴展
第66節
66_常用的圖片格式
第67節
67_如何存圖
第68節
68_切圖方式講解一
第69節
69_切圖方式講解二
第70節
70_切圖方式講解三
第71節
71_切圖方式講解四
第72節
72_切片切圖工具的介紹
第73節
73_切圖切片操作方法
第74節
74_切片注意事項及切片講解
第75節
75_切圖知識點復習
第76節
76_切圖切片知識復習
第77節
77_cuterman的安裝和使用說明
第78節
78_參考線說明和使用
第79節
79_布爾運算工具介紹
第80節
80_布爾運算工具介紹二
第81節
81_微信logo基本操作
第82節
82_微信logo基本操作強化
第83節
83_干貨和markman
第84節
84_精靈圖定位
第85節
85_WEB標準
第86節
86_CSS的作用
第87節
87_CSS的基本語法
第88節
88_CSS的三種引入方式
第89節
89_CSS的分類,類選擇器
第90節
90_ID選擇器
第91節
91_標簽選擇器
第92節
92_通用選擇器
第93節
93_復合選擇器—并列選擇器
第94節
94_復合選擇器—父子選擇器
第95節
95_復合選擇器—后代選擇器
第96節
96_復合選擇器—鄰居選擇器
第97節
97_復合選擇器—兄弟選擇器
第98節
98_屬性選擇器
第99節
99_偽類選擇器focus before after
第100節
100_偽類選擇器(元素的四種狀態)
第101節
101_CSS選擇器的優先級
第102節
102_字體屬性Font
第103節
103_字體復合屬性及綜合應用
第104節
104_課堂練習評講
第105節
105_文本Text屬性
第106節
106_背景 Background
第107節
107_背景圖片的定位綜合應用(優酷網站圖標)
第108節
108_Background 背景復合屬性
第109節
109_盒子模型的理解
第110節
110_盒子模型的top、right、bottom、left屬性
第111節
111_盒子的尺寸
第112節
112_內邊距padding
第113節
113_外邊距 margin
第114節
114_邊框 border
第115節
115_表格單元格邊框合并
第116節
116_自定義鼠標的形狀
第117節
117_標準模式與怪異模式
第118節
118_列表list
第119節
119_浮動的概念及float屬性
第120節
120_清除浮動造成的影響
第121節
121_清除浮動的三種方式
第122節
122_顯示與隱藏 display
第123節
123_網站的基本架構模型
第124節
124_定位 position
第125節
125_層次 z-index
第126節
126_優酷網站示范
第127節
127_瀏覽器的核心和分類
第128節
128_CSS Hack的分類及CSS選擇器復習
第129節
129_CSS hack方式一:條件注釋法
第130節
130_CSS hack方式二:CSS屬性前綴法
第131節
131_CSS hack方式三:選擇器前綴法
第132節
132_三角形符合的制作
第133節
133_多列的布局
第134節
134_圓角矩形的制作
第135節
135_DIV布局的注意事項
第136節
136_優酷頂部菜單示范
第137節
137_優酷搜索框的制作(子絕父相)
第138節
138_建站技巧總結
第139節
139_項目的命名規范及注意事項
第140節
140_重置樣式和公共樣式
第141節
141_站點的準備工作
第142節
142_首頁的整體框架布局
第143節
143_頁頭的布局
第144節
144_主菜單的超鏈接和子菜單的制作
第145節
145_關于我們頁面
第146節
146_知識點復習+企業文化制作
第147節
147_項目展示
第148節
148_新聞中心
第149節
149_留言板
第150節
150_版權信息
第151節
151_關于模板頁和公共樣式
第152節
152_關于我們
第153節
153_大事記
第154節
154_大事記的優化(三角符號的拓展)
第155節
155_項目展示頁的制作
第156節
156_知識拓展 |