HTML & CSS - Quickstart | Ebook included
Created by Sandra L, Last Updated 30-Nov-2020, Language:English
HTML & CSS - Quickstart | Ebook included
HTML & CSS Quickstart-simple guide to get started with coding & build a solid foundation for advanced web development
Created by Sandra L, Last Updated 30-Nov-2020, Language:English
What Will I Get ?
- By the end of this course, you will be able to create webpages with HTML & CSS
- By the end of the course, students will have a solid understanding of the HTML tags and CSS properties
- After watching the CSS Fundamentals part, you will be able to style a webpage by formatting the text and adding colors
- By the end of this course, students will be able to craft a multi-column layout page by using the CSS float property
- With the Step-by-Step guided exercise, available in section 3, you will be able to create easily and quickly a multi-page layout, add media and video links
Requirements
- No pre-requisite is needed for this course - Start from scratch!
- For the course, you will need a code editor like Sublime Text, Notepad ++ (PC) or Dreamweaver (if you are using the Adobe creative suite)
- I recommend a modern web browser like Chrome or Firefox - You will be taught how to use the web developer tools, which are available with the modern browsers
Description
With HTML and CSS Quickstart , learn to create a website in minutes.
This course will teach you the ins and outs of web development
The course is easy, fast and hand-on.
If you have no coding experience, this course is perfect for you. The videos and materials will walk you through the process of creating your first web page.
And, in the process build a strong foundation for more advanced front-end development.
Students will learn to :
- Write HTML and structure webpage with HTML elements
- to customize a page with CSS that stands for Cascading Stylesheet
- Add media and images to a webpage
- Work with colors
- And create a 2-column layout
By the end of the course, students will be able to :
- Create webpages from the ground up
- Customize webpages with CSS (Cascading Stylesheet)
By the end of the course, you will be perfectly comfortable using HTML elements, HTML formatting tags, and HTML entities.
Lessons include :
- Video lessons with HTML and CSS examples
- Pages demos
- The first part of the Course will cover the HTML basics
- The second part will focus on the CSS Fundamentals
- In the third section, you will practice on your own and create your own webpage. Practice makes perfect! Instructions and video lessons will be available to help along the project.
Course Content
-
Course Intro & Overview
2 Lectures 00:01:56-
1. Student's Guide (pdf)
-
2. Welcome
Preview00:01:56
-
-
Level1 -Learn to write HTML
17 Lectures 01:08:14-
3. Course outline and set up
Preview00:04:33 -
4. What is webpage
Preview00:03:18 -
5. The HTML document
00:09:21 -
6. Tag elements
00:07:16 -
7. Headings
00:04:35 -
8. Formatting
00:01:50 -
9. Links
00:05:04 -
10. Lists
00:07:37 -
11. Comments
00:01:28 -
12. Adding images
00:03:13 -
13. Image - Width & Height
00:02:16 -
14. Image - Alt Attribute
00:02:25 -
15. Image - Placeholders
00:03:09 -
16. Inline-Block Elements
00:03:55 -
17. HTML5 semantic
00:04:55 -
18. Meta tags
00:03:19 -
19. HTML5 Cheatsheet | PDF
-
-
Level 2 - CSS Fundamentals - Make it pretty!
15 Lectures 00:44:57-
20. What is CSS
Preview00:03:34 -
21. CSS syntax
Preview00:03:58 -
22. Working with colors
00:02:06 -
23. Font styling
00:01:26 -
24. Nagivation styling
00:07:06 -
25. Pseudo-class
00:03:09 -
26. Styling Images
00:02:49 -
27. Classes
00:03:34 -
28. ID - identifier
00:02:04 -
29. The Box Model
00:05:29 -
30. CSS Floating property
00:01:57 -
31. CSS clear property
00:02:01 -
32. Google Font
00:01:48 -
33. External Stylesheet
00:03:56 -
34. CSS Cheatsheet | PDF
-
-
Level 3 - Challenge - Do It Yourself!
2 Lectures 00:00:58-
35. Let's get ready
00:00:58 -
36. Instructions
-
-
Challenge - video solutions | Part I
8 Lectures 00:23:06-
37. 1&2. Meta tags & Title
Preview00:03:04 -
38. 3. Heading
00:01:43 -
39. 4. Main navigation
00:03:48 -
40. 5. Aside
00:02:26 -
41. 6-8 Introduction & About
00:02:10 -
42. 7. Images
00:03:18 -
43. 9. Footer
00:02:22 -
44. Bonus (Embed a youtube video)
00:04:15
-
-
Challenge - video solutions | Part II
9 Lectures 00:28:16-
45. 1. href
Preview00:02:27 -
46. 2. Appearance
00:04:01 -
47. 3. Page Layout
00:01:53 -
48. 4. The navigation
00:04:53 -
49. 5. Styling the image
00:01:48 -
50. 6. CSS Float
00:05:26 -
51. 7. Footer
00:03:03 -
52. BONU
00:04:45 -
53. Download your Ebook
-