1. Web Design Video Lesson Outline
1.Integrate Template Layout HTML & CSS
Making Multiple Pages
http://www.youtube.com/watch?v=62vVEwAfE4I
CSS Style Sheet Creation With HTML
http://www.youtube.com/watch?v=cp305F7_fnk&list=UU1DnWfnN37vc9GqUvrfoxgw
Adding Nav Bar & Navigation CSS-HTML
http://www.youtube.com/watch?v=kabWPemWuLc&list=UU1DnWfnN37vc9GqUv
rfoxgw
2.Developing Page Content
Planning Form
http://www.youtube.com/watch?v=J55l9-f0p2g&list=UU1DnWfnN37vc9GqUvrfoxgw
Color Scheme
http://www.youtube.com/watch?v=nLeYtFXHa64&list=UU1DnWfnN37vc9GqUvrfoxg
w
3. Created Web Banner In Photoshop
http://www.youtube.com/watch?v=f17M1Qfr5k4&list=UU1DnWfnN37vc9GqUvrfoxgw
4. Create A Div Lesson
Adding A Div Inside A Div
http://www.youtube.com/watch?v=Yg30HXP-
weg&list=UU1DnWfnN37vc9GqUvrfoxgw
Adding Two Divs On Top Of Eachother
http://www.youtube.com/watch?v=RTndm9A8MFg&list=UU1DnWfnN37vc9GqUvrfox
gw&index=78
Two Divs Side By Side
http://www.youtube.com/watch?v=hGd1OMbKtV8&list=UU1DnWfnN37vc9GqUvrfox
gw&index=94
2. Adding Content to the Box
http://www.youtube.com/watch?v=AY7Mwjwgq00&list=UU1DnWfnN37vc9GqUvrf
oxgw
Background Images
http://www.youtube.com/watch?v=AY7Mwjwgq00
Aligning Text Imaging
http://www.youtube.com/watch?v=2eZJSAw3kz8&list=UU1DnWfnN37vc9GqUvrfoxg
w
Adding Unodered & Ordered (Also can use W3schools.com)
http://www.youtube.com/watch?v=F1ZGBrShuPw&list=UU1DnWfnN37vc9GqUvrfoxg
w
Addign A Table (Also can use W3schools.com)
http://www.youtube.com/watch?v=zvZVDFDqtDQ&list=UU1DnWfnN37vc9GqUvrfoxg
w
Adding Borders with CSS (Also can use W3schools.com)
http://www.youtube.com/watch?v=4WwDrlh7kWg&list=UU1DnWfnN37vc9GqUvrfoxg
w
Aligning Images
http://www.youtube.com/watch?v=49tQVCNzg8M&list=UU1DnWfnN37vc9GqUvrfoxg
w
Aligning Text With Images In HTML
http://www.youtube.com/watch?v=2eZJSAw3kz8
Adding bold tag,italicize text,adding an image button HTML
http://www.youtube.com/watch?v=r-b38qcJewo
Changing Font Colors & Size,HR,BR,He
http://www.youtube.com/watch?v=R2CLeTtvfLY&list=UU1DnWfnN37vc9GqUvrfoxg
w
5.Navigation Bars With CSS
http://www.noupe.com/css/100-great-css-menu-tutorials.html
http://css.maxdesign.com.au/listamatic/
http://www.izzymenu.com/