Web Design for Beginners Real World Coding in HTML & CSS
What you’ll learn in this course:
- Launch a career as a web designer by learning HTML5, CSS3,
- Responsive design, Sass,
- Cross device compatibility and more….
- Create any website layout you can imagine,
- Support any device size with Responsive (mobile-friendly) Design,
- Add tasteful animations and effects with CSS3,
- Use common vocabulary from the design industry,
1. Lesson First HTML Full Tutorials:
- HTML Essentials
- Create your First HTML File
- HTML Document Structure
2. Adding Media to a Web Page
- Images
- Audio Files
- Video Files
3. Text Basics:
- Headings
- Lists
- Bold & Italic
- Special Characters
6. Semantics & Organization:
- Semantic Structural Elements
- Navigation
- Non-semantic Elements (“div” and “span”)
- HTML Comments
- The “Section” Element
7. Forms:
- Different Types of Inputs
- Choosing Between a set of options
8. Tables:
- Create a Table of Data
- Tables for Layout
9. CSS Essentials:
- CSS Selectors
- The Cascade
- Box Model
- Creating a Page Layout with Floats
10. Intermediate CSS:
- Styling Navigation Menu
- Overlapping Content & Transparent Backgrounds
11. Less Exciting Yet Still Necessary CSS Tasks:
- Styling Data Tables
- Styling Forms
12. CSS Typography:
- Using Custom “Web” Fonts
13. CSS Backgrounds:
- Background Images
- Gradient Backgrounds
- CSS Sprites
- Full Width Backgrounds/Fixed Width Content
14. Responsive Web Design:
- Responsive Grids
15. CSS3 Special Effects:
- Box Shadows
- Rounded Corners
- Transform CSS
- Transitions CSS
- Animations CSS
16. Leveraging JavaScript without Writing JavaScript:
- Slideshow
- Reveal & Hide Content on Click- Tap
- Open Image in Modal Window
17. Sass:
- Sass Continued
18. Cross Browser Compatibility:
- Feature Detection
- Browser & Device Testing
Requirements for this course:
- No prerequisite knowledge required,
- No special software required,
- Anyone who wants to build websites the “professional” way,
0 Commentaires