Learn the basic building blocks of designing and creating websites optimized for modern computers, tablets, and mobile phones using HTML5 and CSS. Topics include basic HTML5 elements and attributes, including hyperlinks, images, and tables. Advanced techniques to effectively create multiple column layouts using new HTML5 structural elements; new Cascading Style Sheets (CSS3) styles to format and control placement of HTML5 elements such as rounded corners, shadow effects, and color gradients; advanced CSS3 media queries to handle a variety of devices including screen, printer, tablet, and mobile phone; and integration of scripts into a web page. The Dreamweaver Integrated Development Environment (IDE) will be used to design and develope a website. Web hosting fundamentals and effective use of meta tags are also covered. The course also covers CSS precompilers using LESS, SASS, and other languages. The course will also cover CSS security vulnerabilities on the client and server-side.
Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.
|Session||Chapter||Presentation||Exercise Zip File||Solution Set Zip File|
|1||Course Introduction Presentation|
|1||Chapter 1 - Introduction to Web Development|
|1||Chapter 18 - How to Design a Web Site|
|1||Chapter 19 - How to Deploy a Web Site on a Web Server|
|2||Chapter 2 - How to Code, Test and Validate a web page|
|2||Chapter 3 - How to Use HTML to Structure a Web Page|
|3||Chapter 4 - How to Use CSS to Format the Elements of a Web Page|
|3||Chapter 5 - How to Use the CSS Box Model for Spacing, Borders, and Backgrounds|
|3||Chapter 6 - How to Use CSS for Page Layout|
|4||Chapter 7 - How to Work with Links and Lists|
|5||CSS Precompilers and Scripting Vulnerabilities|
|5||Chapter 9 - How to Work with Images|