Developing Your First Website (HTML and CSS)
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Developing Your First Website (HTML and CSS) to your Wishlist.

Add to Wishlist

Developing Your First Website (HTML and CSS)

Covering the basics of HTML & CSS. This course will provide you the skill to develop your first website, by yourself!!
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Created by Daniel Devo
Last updated 11/2014
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Code basic HTML
  • Code basic CSS
  • Develop your own functioning website
View Curriculum
  • NO prior knowledge required
  • Have TextEdit/TextWrangler (MAC) or NotePad (PC) - Both FREE!!
  • Competent computer and internet access
  • Have a desire to learn some exciting code!

GET 50% OFF! Use "UDEMY10" as your code for half price classes. Limited offer!

In today’s world it is becoming more and more competitive. Getting a simple edge over others may just increase your chance at success! When it comes to HTML and CSS, the languages are quite simple. For anyone looking to either enter the website development field for work-related purposes, or for personal growth, you have come to the right starting point.

HTML and CSS are two of the most basic and fundamental coding languages to any website. From small websites to more complex creations, you will find HTML and CSS.

“Developing Your First Website” takes you on a step-by-journey from your first line of code, right through to your completed and functioning website! The course covers:

  • HTML Foundations
  • CSS Foundations
  • CSS Selectors (incl. grouping)
  • User Interface Improvements
  • Debugging Tips
  • Confidence to build your own functioning website, unassisted!

The course is structured in a way that allows you time to be introduced to terms and ideas before we begin to incorporate them into our work. This course will offer you the privilege to learn HTML, and combining it with the fundamentals of CSS, the two go hand-in-hand, and you can walk away with the expertise to create your own functioning webpage, and can view it through your internet browser, such as Safari or Chrome - even upload it for the world to see!!

I look forward to helping you learn and develop yourself further.

See you in Class 1 very soon!!

Who is the target audience?
  • Beginners to HTML and/or CSS
  • Those looking to get an edge in the workplace
  • Personal or Professional development
  • Not suitable for intermediate or expert level website coders
Curriculum For This Course
26 Lectures
Coding in HTML (HyperText Markup Language)
11 Lectures 44:13
Welcome to "Develop Your First Website!!" Thank you firstly for joining us. Thank you for entrusting us to deliver you a content-rich course, covering lots about the basics of HTML and CSS. Finishing this course will enable you to have the skills, and hopefully confidence, to develop your own masterpiece. This class also covers the difference between a 'webpage' and 'website.' What is it? You'll just have to watch.
Preview 03:01

In this first lecture of the course, we will be looking at tags and understanding what each one represents and how it incorporates into the overall HTML code. Thank you for joining us and best of luck to this lecture and the remainder of the course.

Preview 08:38

Have you been paying attention? I hope so! Here is a short quiz to solidify what you just learnt about - tags in HTML.

Did you pay close attention to "Tags?"
2 questions

Understand how to save your document into HTML format (.html) and open the webpage into your local web browser. You can use Safari, Mozilla Firefox, Chrome, Opera, Internet Explorer - whatever you like! By opening into our web browser, this is how we will continue to check our code for any errors.
Saving a Webpage and Viewing in Your Internet Browser

Want to link your website to another website to increase traffic or run market affiliation services? Learn how to code a simple HTML link (hyperlink) into your code so people can click links on this website and visit another.
Adding HTML Links (Hyperlinks)

We all know images are one of the most essential aspects of your website's content. This class will teach you how to code an image on to your website. It's very simple and only one line of code. Do not be afraid, we are guiding you every step of the way!!
Adding Pictures/Images

Jumping into Adding DIV Tags allows us to define certain "containers" in our HTML code which inevitably allows us to separate our web content (text, pictures, etc) into certain areas of the website. Bundled closely with CSS, this is an important aspect of website design and layout.
Adding DIV Tags

Not only can we create HTML links with text but we can also click on images that link us to another website or webpage. This class will show you how to do just that (links with Lecture 4).
Adding Image Links (Part II of Lecture 4)

Adding Dot Points & Line Breaks

Learn how to add comments to your HTML code to help you remember things and to assist in the develop of your website. Adding comments is a fantastic way to keep track of large portions of code and understand what code associates with other code snippets.
Adding Comments

Without needing to use CSS, change some of the characteristics of your text using these simple methods.
Bold & Italics Text

Typing out long sentences can be a drag. However, with tables, you can create a neat way to present your data/information on your website. Coupled with dot points (Lecture 8) tables are another fantastic option to dotting short phrases of information.
Adding Tables

Have you been listening? This quiz covers the general details learnt throughout the HTML section of this course. Consolidate your knowledge by taking this overview course, before beginning CSS.

General HTML Quiz
4 questions
Coding in CSS (Cascading Style Sheet)
15 Lectures 42:50
Go round, it is finally time for some serious CSS!! Time to take our very plain-looking webpage, and add some colour and style. This class is a quick introduction to CSS.....Welcome.
Preview 01:07

This course takes you through creating and saving your document to CSS (.css) so it can be read by your HTML code. Quick, but important class.
Create & Save CSS Document

The class will instruct you how to link your CSS document into your HTML code so you can begin to define the characteristics of HTML tags.
Linking CSS into HTML code

Quick CSS Introduction Quiz
3 questions

Notes: DIV Tags - have a (#) before the tag name e.g. #content { HTML Tags - do not have a hash before the tag name e.g. body {
Defining an HTML and DIV tag

In this class learn how to add both background colours and change the colour of your text.
Adding Colour

Learn how to add a background image, rather than just colour.
Adding a Background Image

Defining Sizes (width, height)

With static 'height' functions, you are somewhat limited to your ability. With 'min-height' you have the ability to set minimum heights from div tags, but if more room is needed for extra text, images, or video, the container will automatically adjust to fit the content. To sum up, a height of 400px is static, and the website container will over ever be 400px. Use min-height 400px and suddenly the website container is a minimum of 400px only if you have one line of text, but if you were to write an essay, the container would expand beyond 400px to as big as is required!!
Defining Min-Width, Min-Height

This class takes us through adding and adjusting font sizes. It is simple for you to add front sizes to all forms of text in your code including 'h1' and 'h3' tags, not just the 'p' tag, which is discussed in this video class.
Defining Font Size

In this class we begin to understand adding text fonts. It is important to remember you can add multiple fonts. This is a great idea, especially if someone viewing your website does not have a specific font installed on their computer.
Defining Text Fonts

Aligning Text

DIV Tag Container Positioning

EXTRA: (Part II of Lecture 25)

Grouping Selectors

EXTRAS (Bonus Content)
0 Lectures 00:00

Please visit to help us improve on the material we deliver to you in this course. Please also let us know of what we did well. I truly appreciate your time and investment in this course.

Thank you.

Feedback Appreciated!!
1 question
About the Instructor
Daniel Devo
0.0 Average rating
0 Reviews
2 Students
1 Course
Founder at Amax Designs. Website Developer.

Daniel is founder at Amax Designs, and has been developing websites for many years. With clients based around the world, he enjoys the cross-culture connections he has made. Education and self-development is vital to Daniel, and he hopes to encourage you, through his work, to gain an appreciation for the dedication of code development.

He has vital experience in HTML and CSS, with added knowledge on white label CMS and eCommerce solutions.