SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
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
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/
6.CoolCSS Text Tool
http://csstxt.com/
http://csstypeset.com/
http://fontstruct.com/
http://www.typetester.org/
Backgrounds
http://bgpatterns.com/
Fonts
http://www.pimpyourfont.com/
http://www.1001freefonts.com/AlphaTest.php
http://www.dafont.com/hand-test.font
http://www.webresourcesdepot.com/compare-fonts-online-via-typetester/
http://www.fonts.com/
http://www.downloadfreefonts.com/
Cool Tools
http://www.mostinspired.com/blog/2010/04/27/30-useful-web-based-applications-for-
designers/
http://www.smashingmagazine.com/
Border Radius CSS
http://border-radius.com/
Articles
http://www.nngroup.com/articles/top-10-mistakes-web-design/
http://sixrevisions.com/resources/websites_for_web_development/
http://wakeuplater.com/website-building/evolution-of-websites-10-popular-websites.aspx
Project Pricing
http://wakeuplater.com/freelance-lessons/when-to-use-project-pricing.aspx
Advanced CSS Cross Browser Fix
http://prefixr.com/index.php
http://www.chromium.org/Home/chromecompatfaq
Fixed Vs. Fluid Layouts
http://webdesign.about.com/od/layout/i/aa060506.htm
http://www.evolutionarydesigns.net/blog/2011/07/18/fluid-vs-fixed-design-which-is-
better/
http://designfestival.com/resizing-fixed-fluid-or-responsive-layouts/
HTML Code Checker
http://www.draac.com/htmltester.html
http://www.htmldog.com/articles/rollovers/
html 5 tools
http://designmodo.com/online-html5-tools/
http://smashinghub.com/25-useful-html5css3-tools-cheat-sheets-and-resources.htm
http://www.dynamicdrive.com/
Roll Over Links
http://blog.thelibzter.com/easy-rollover-effects-for-image-links
Mobile Development
Jquery Mobile
http://jquerymobile.com/resources/

Contenu connexe

En vedette

Computer technology college gate
Computer technology college gateComputer technology college gate
Computer technology college gateDaniel Downs
 
Seo continued page 2
Seo continued page 2Seo continued page 2
Seo continued page 2Daniel Downs
 
Developing a mobile application curriculum which empowers authentic
Developing a mobile application curriculum which empowers authenticDeveloping a mobile application curriculum which empowers authentic
Developing a mobile application curriculum which empowers authenticDaniel Downs
 
Illustrator portrait project-final
Illustrator portrait project-finalIllustrator portrait project-final
Illustrator portrait project-finalDaniel Downs
 
Module11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A GalleryModule11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A GalleryDaniel Downs
 

En vedette (9)

Css rollover
Css rolloverCss rollover
Css rollover
 
Computer technology college gate
Computer technology college gateComputer technology college gate
Computer technology college gate
 
Icon reading
Icon readingIcon reading
Icon reading
 
Seo continued page 2
Seo continued page 2Seo continued page 2
Seo continued page 2
 
Http _css-tricks
Http  _css-tricksHttp  _css-tricks
Http _css-tricks
 
Developing a mobile application curriculum which empowers authentic
Developing a mobile application curriculum which empowers authenticDeveloping a mobile application curriculum which empowers authentic
Developing a mobile application curriculum which empowers authentic
 
Css3 cheat-sheet
Css3 cheat-sheetCss3 cheat-sheet
Css3 cheat-sheet
 
Illustrator portrait project-final
Illustrator portrait project-finalIllustrator portrait project-final
Illustrator portrait project-final
 
Module11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A GalleryModule11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A Gallery
 

Similaire à Web design 1& 2 lesson outline

submit at least 5 questions and 10 lessons learned with references.docx
submit at least 5 questions and 10 lessons learned with references.docxsubmit at least 5 questions and 10 lessons learned with references.docx
submit at least 5 questions and 10 lessons learned with references.docxjames891
 
bug-bounty video collection links.pdf
bug-bounty video collection links.pdfbug-bounty video collection links.pdf
bug-bounty video collection links.pdfdistortdistort
 
Using discussion board to engage
Using discussion board to engageUsing discussion board to engage
Using discussion board to engageaclikin
 
web pentesting link and sources.pdf
web pentesting link and sources.pdfweb pentesting link and sources.pdf
web pentesting link and sources.pdfKushlendraSingh3
 
The Flip Side of Professional Development - TCEA 2015
The Flip Side of Professional Development - TCEA 2015The Flip Side of Professional Development - TCEA 2015
The Flip Side of Professional Development - TCEA 2015Diana Benner
 
Module6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsitesModule6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsitesDaniel Downs
 
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...Terminalfour
 
Training-Plan-CSS.docx
Training-Plan-CSS.docxTraining-Plan-CSS.docx
Training-Plan-CSS.docxMAYNARD26
 
Unit Plan - Audio/Visual Unit Communications Technology
Unit Plan - Audio/Visual Unit Communications TechnologyUnit Plan - Audio/Visual Unit Communications Technology
Unit Plan - Audio/Visual Unit Communications TechnologySpringwood High School Media
 
Sallie Goetsch: Making the Events Calendar Sit Up and Beg
Sallie Goetsch: Making the Events Calendar Sit Up and BegSallie Goetsch: Making the Events Calendar Sit Up and Beg
Sallie Goetsch: Making the Events Calendar Sit Up and BegEast Bay WordPress Meetup
 
Responsive design in plone
Responsive design in ploneResponsive design in plone
Responsive design in ploneAlin Voinea
 
Education40TowardsIndustrialRev-210323-020503.pptx
Education40TowardsIndustrialRev-210323-020503.pptxEducation40TowardsIndustrialRev-210323-020503.pptx
Education40TowardsIndustrialRev-210323-020503.pptxTeresito Absalon
 
Guidelines for Presentation Project
Guidelines for Presentation ProjectGuidelines for Presentation Project
Guidelines for Presentation ProjectHartSlides
 
How to embed youtube in word
How to embed youtube in wordHow to embed youtube in word
How to embed youtube in wordIlona Lantos
 
09. html5 & css3 furture of web
09. html5 & css3 furture of web09. html5 & css3 furture of web
09. html5 & css3 furture of webQuang Anh Le
 
09 html5 css3-the_future_of_web_technology
09 html5 css3-the_future_of_web_technology09 html5 css3-the_future_of_web_technology
09 html5 css3-the_future_of_web_technologyNguyen Duc Phu
 

Similaire à Web design 1& 2 lesson outline (20)

submit at least 5 questions and 10 lessons learned with references.docx
submit at least 5 questions and 10 lessons learned with references.docxsubmit at least 5 questions and 10 lessons learned with references.docx
submit at least 5 questions and 10 lessons learned with references.docx
 
bug-bounty video collection links.pdf
bug-bounty video collection links.pdfbug-bounty video collection links.pdf
bug-bounty video collection links.pdf
 
Technology Tips for Administrators
Technology Tips for AdministratorsTechnology Tips for Administrators
Technology Tips for Administrators
 
Using discussion board to engage
Using discussion board to engageUsing discussion board to engage
Using discussion board to engage
 
Sticky Notes Online
Sticky Notes OnlineSticky Notes Online
Sticky Notes Online
 
web pentesting link and sources.pdf
web pentesting link and sources.pdfweb pentesting link and sources.pdf
web pentesting link and sources.pdf
 
The Flip Side of Professional Development - TCEA 2015
The Flip Side of Professional Development - TCEA 2015The Flip Side of Professional Development - TCEA 2015
The Flip Side of Professional Development - TCEA 2015
 
Module6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsitesModule6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsites
 
Technology tips for educators
Technology tips for educatorsTechnology tips for educators
Technology tips for educators
 
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...
TERMINALFOUR t44u 2008 - Harry McKillen - Google & Flash Integration with Sit...
 
Training-Plan-CSS.docx
Training-Plan-CSS.docxTraining-Plan-CSS.docx
Training-Plan-CSS.docx
 
Unit Plan - Audio/Visual Unit Communications Technology
Unit Plan - Audio/Visual Unit Communications TechnologyUnit Plan - Audio/Visual Unit Communications Technology
Unit Plan - Audio/Visual Unit Communications Technology
 
Sallie Goetsch: Making the Events Calendar Sit Up and Beg
Sallie Goetsch: Making the Events Calendar Sit Up and BegSallie Goetsch: Making the Events Calendar Sit Up and Beg
Sallie Goetsch: Making the Events Calendar Sit Up and Beg
 
Responsive design in plone
Responsive design in ploneResponsive design in plone
Responsive design in plone
 
Education40TowardsIndustrialRev-210323-020503.pptx
Education40TowardsIndustrialRev-210323-020503.pptxEducation40TowardsIndustrialRev-210323-020503.pptx
Education40TowardsIndustrialRev-210323-020503.pptx
 
Guidelines for Presentation Project
Guidelines for Presentation ProjectGuidelines for Presentation Project
Guidelines for Presentation Project
 
Tutorial de web 2
Tutorial de web 2Tutorial de web 2
Tutorial de web 2
 
How to embed youtube in word
How to embed youtube in wordHow to embed youtube in word
How to embed youtube in word
 
09. html5 & css3 furture of web
09. html5 & css3 furture of web09. html5 & css3 furture of web
09. html5 & css3 furture of web
 
09 html5 css3-the_future_of_web_technology
09 html5 css3-the_future_of_web_technology09 html5 css3-the_future_of_web_technology
09 html5 css3-the_future_of_web_technology
 

Plus de Daniel Downs

Module 10search engine optimization
Module 10search engine optimizationModule 10search engine optimization
Module 10search engine optimizationDaniel Downs
 
Ipad quick-reference-2
Ipad quick-reference-2Ipad quick-reference-2
Ipad quick-reference-2Daniel Downs
 
Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Daniel Downs
 
Jquery template 1 3 pages
Jquery template 1 3 pagesJquery template 1 3 pages
Jquery template 1 3 pagesDaniel Downs
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsDaniel Downs
 
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington MaModule 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington MaDaniel Downs
 
Module 2 lexington minuteman web development basic layout template
Module 2  lexington minuteman web development basic layout templateModule 2  lexington minuteman web development basic layout template
Module 2 lexington minuteman web development basic layout templateDaniel Downs
 
Module 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington MinutemanModule 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington MinutemanDaniel Downs
 
App research project
App research projectApp research project
App research projectDaniel Downs
 
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...Daniel Downs
 
Blogger custom domain on go daddy blogger widgets
Blogger custom domain on go daddy   blogger widgetsBlogger custom domain on go daddy   blogger widgets
Blogger custom domain on go daddy blogger widgetsDaniel Downs
 
Outline for action research prospectus
Outline for action research prospectusOutline for action research prospectus
Outline for action research prospectusDaniel Downs
 
You have decided to go off on your own as a freelance webdesigner
You have decided to go off on your own as a freelance webdesignerYou have decided to go off on your own as a freelance webdesigner
You have decided to go off on your own as a freelance webdesignerDaniel Downs
 
Making a basicappinflash (1)
Making a basicappinflash (1)Making a basicappinflash (1)
Making a basicappinflash (1)Daniel Downs
 
Daniel Downs Technology Portfolio Final May 2013 final (1)
Daniel Downs Technology Portfolio Final May 2013 final (1)Daniel Downs Technology Portfolio Final May 2013 final (1)
Daniel Downs Technology Portfolio Final May 2013 final (1)Daniel Downs
 
You are part of an international news team reporting from a foreign country
You are part of an international news team reporting from a foreign countryYou are part of an international news team reporting from a foreign country
You are part of an international news team reporting from a foreign countryDaniel Downs
 
Marketing plan powerpoint
Marketing plan powerpointMarketing plan powerpoint
Marketing plan powerpointDaniel Downs
 
Final screen castfinalweb12
Final screen castfinalweb12Final screen castfinalweb12
Final screen castfinalweb12Daniel Downs
 
Info processing photoshop projects
Info processing photoshop projectsInfo processing photoshop projects
Info processing photoshop projectsDaniel Downs
 
The journal discover 14 top learning apps
The journal  discover 14 top learning appsThe journal  discover 14 top learning apps
The journal discover 14 top learning appsDaniel Downs
 

Plus de Daniel Downs (20)

Module 10search engine optimization
Module 10search engine optimizationModule 10search engine optimization
Module 10search engine optimization
 
Ipad quick-reference-2
Ipad quick-reference-2Ipad quick-reference-2
Ipad quick-reference-2
 
Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.
 
Jquery template 1 3 pages
Jquery template 1 3 pagesJquery template 1 3 pages
Jquery template 1 3 pages
 
Module 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel DownsModule 4 Minuteman Lexington Web Design Daniel Downs
Module 4 Minuteman Lexington Web Design Daniel Downs
 
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington MaModule 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
 
Module 2 lexington minuteman web development basic layout template
Module 2  lexington minuteman web development basic layout templateModule 2  lexington minuteman web development basic layout template
Module 2 lexington minuteman web development basic layout template
 
Module 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington MinutemanModule 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington Minuteman
 
App research project
App research projectApp research project
App research project
 
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...
 
Blogger custom domain on go daddy blogger widgets
Blogger custom domain on go daddy   blogger widgetsBlogger custom domain on go daddy   blogger widgets
Blogger custom domain on go daddy blogger widgets
 
Outline for action research prospectus
Outline for action research prospectusOutline for action research prospectus
Outline for action research prospectus
 
You have decided to go off on your own as a freelance webdesigner
You have decided to go off on your own as a freelance webdesignerYou have decided to go off on your own as a freelance webdesigner
You have decided to go off on your own as a freelance webdesigner
 
Making a basicappinflash (1)
Making a basicappinflash (1)Making a basicappinflash (1)
Making a basicappinflash (1)
 
Daniel Downs Technology Portfolio Final May 2013 final (1)
Daniel Downs Technology Portfolio Final May 2013 final (1)Daniel Downs Technology Portfolio Final May 2013 final (1)
Daniel Downs Technology Portfolio Final May 2013 final (1)
 
You are part of an international news team reporting from a foreign country
You are part of an international news team reporting from a foreign countryYou are part of an international news team reporting from a foreign country
You are part of an international news team reporting from a foreign country
 
Marketing plan powerpoint
Marketing plan powerpointMarketing plan powerpoint
Marketing plan powerpoint
 
Final screen castfinalweb12
Final screen castfinalweb12Final screen castfinalweb12
Final screen castfinalweb12
 
Info processing photoshop projects
Info processing photoshop projectsInfo processing photoshop projects
Info processing photoshop projects
 
The journal discover 14 top learning apps
The journal  discover 14 top learning appsThe journal  discover 14 top learning apps
The journal discover 14 top learning apps
 

Dernier

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 

Dernier (20)

201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 

Web design 1& 2 lesson outline

  • 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/
  • 3. 6.CoolCSS Text Tool http://csstxt.com/ http://csstypeset.com/ http://fontstruct.com/ http://www.typetester.org/ Backgrounds http://bgpatterns.com/ Fonts http://www.pimpyourfont.com/ http://www.1001freefonts.com/AlphaTest.php http://www.dafont.com/hand-test.font http://www.webresourcesdepot.com/compare-fonts-online-via-typetester/ http://www.fonts.com/ http://www.downloadfreefonts.com/ Cool Tools http://www.mostinspired.com/blog/2010/04/27/30-useful-web-based-applications-for- designers/ http://www.smashingmagazine.com/ Border Radius CSS http://border-radius.com/ Articles http://www.nngroup.com/articles/top-10-mistakes-web-design/ http://sixrevisions.com/resources/websites_for_web_development/ http://wakeuplater.com/website-building/evolution-of-websites-10-popular-websites.aspx
  • 4. Project Pricing http://wakeuplater.com/freelance-lessons/when-to-use-project-pricing.aspx Advanced CSS Cross Browser Fix http://prefixr.com/index.php http://www.chromium.org/Home/chromecompatfaq Fixed Vs. Fluid Layouts http://webdesign.about.com/od/layout/i/aa060506.htm http://www.evolutionarydesigns.net/blog/2011/07/18/fluid-vs-fixed-design-which-is- better/ http://designfestival.com/resizing-fixed-fluid-or-responsive-layouts/ HTML Code Checker http://www.draac.com/htmltester.html http://www.htmldog.com/articles/rollovers/ html 5 tools http://designmodo.com/online-html5-tools/ http://smashinghub.com/25-useful-html5css3-tools-cheat-sheets-and-resources.htm http://www.dynamicdrive.com/ Roll Over Links http://blog.thelibzter.com/easy-rollover-effects-for-image-links Mobile Development