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