Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Learn how to build your own HTML and CSS web templates. We use current coding BEST practices including HTML5 and CSS3.
Making your own templates allows you to add you own creativity into you web pages. This course is perfect for anyone who wants to learn more about web development.
We take you from start to finish showing you all the HTML and CSS code you need to know to create web pages.
We show you how to create HTML forms, HTML list, hyperlinks, and many more common elements used regularly in web design and web development.
Then we introduce CSS and what you need to know about CSS. Bringing in common used CSS properties, including box model, pseudo classes, and much much more. CSS project is to build a CSS navigation menu turning an Unordered list into a cool navigation menu.
Last lectures we bring it all together using what we have discussed about HTML and CSS to make a web template.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Web development Introduction and resources|
Introduction to the course and what you will learnPreview
Web development Resources
|Section 2: Learn HTML|
How to write HTML code setupPreview
|Coding Exercise 1||1 question|
|Create an HTML paragraph element|
HTML page structurePreview
|Coding Exercise 2||1 question|
|Add comments to an HTML page|
HTML webpage template
|Coding Exercise 3||1 question|
|Give the HTML page a title|
HTML Common HTML tagsPreview
|Coding Exercise 4||1 question|
|Create and add a header H1 tag|
HTML list and Tables
HTML images hyperlinks
|Coding Exercise 5||1 question|
|Adding HTML images|
HTML common tags div span
|Coding Exercise 6||1 question|
|Create an id for an HTML element|
HTML add styling
|Coding Exercise 7||1 question|
|Add a element to an HTML page.|
HTML form types and fields
|Coding Exercise 8||1 question|
|Create an unordered list with four elements|
HTML bringing it all together as a template
|Coding Exercise 9||1 question|
|Add an inline style to an element to change its font color|
|Section 3: CSS styling of HTML code|
What is CSS and how to you use it
|Coding Exercise 10||1 question|
|Define a style to remove underlines from all hyperlinks|
Create CSS code
CSS template example external CSS
CSS selectors Divs Spans and colors
CSS working with Text and wording
CSS code examples
CSS Box model
|Coding Exercise 11||1 question|
|Define a CSS style to set the padding for a specific class|
How the box model works
CSS management grouping nesting pseudo classes
|Coding Exercise 12||1 question|
|Create a style for a nested element|
Working with Backgrounds
CSS display property
CSS Pseudo Elements
Use CSS with HTML to create a web template
CSS HTML web Template design explained
Example CSS HTML template code
I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.
"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."
"Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge."
Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.
"My courses are designed to help you achieve your goals, learn and update skills"
"Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"