Introduction to basic html and css concepts

learn the basics of html and css and start developing websites on the fly.
4.0 (1 rating) 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.
107 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 28
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

A Powerful knowledge at Your Fingertips
Learning the fundamentals of html and css, html and css are easy to learn and have excellent documentation online.

Jobs in web development are plentiful, and being able to learn html will give you a strong background to more easily pick up other markup languages such as xml, sass, php to list a few.

Content and Overview

this course is Suitable for absolute beginners in web development, through this course of 32 lectures and nearly 3hrs of content, you’ll learn the fundamentals and establish a strong understanding of the concept behind web development, using classes, html tags and css.

Students completing the course will have the knowledge to create functional and useful websites.

  • No coding or design experience necessary
  • Any computer will do — Windows, OSX or Linux
  • You don’t need to buy any software — we will use the best free web development editor in the world

Don't forget: if you don't get value from this course, you get 100% of your money back within 30 days. There is absolutely no risk for you.

See you in the course!


What are the requirements?

  • no prior knowledge of html or css is needed
  • interest in coding and web development

What am I going to get from this course?

  • basic html and css
  • have a better understanding of web development and mastering the concept of building pages
  • be able to use multiple classes to a single html element
  • adding a hover effect to your elements
  • adding a shadow effect to elements
  • linking different external files to your website
  • working with container elements in html
  • relating web development to building plans to better understand web development

What is the target audience?

  • this is a biginner course for any one who wants to learn basic html and css concepts

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: introducing the concept and basic html and css
00:55

in this lesson and introduction, we look at and see how web development can be related to building plans and how we can use this concept to learn and understand html and css easily

02:01

looking at our building plan and comparing it to our website plan

02:45

in this lecture we take a brief look at a few differences between html and css,there purpose and contribution to the website we are bulding

Section 2: WRITING SOME HTML CODE
02:17

In this lecture we shall create an html file save it and see how to open it in a web browser

04:36
in this lecture we are going to start working with some code, looking at some basic html tags
08:23

previewing our website and printing hello world in our browser using html

03:25

in this lesson we are going to look at some div tags and container elements

Section 3: INTRODUCING AND WRITING CSS CODE
06:23
in this lesson we are going to look at some style tags an add ids to our container and div elements to start working with inline styles or css
04:15

in this lesson lets add ids to our html tags, or html element so we can start tageting them with css

07:40

adding css rules targeting the container element

WORKING WITH MORE CSS AND EXPLORING DEVELOPRER TOOLS
03:51
MORE CSS AND CSS ATTRIBUTES
09:12
LOOKING AT MORE CSS ATTRIBUTES
11:24
08:26

creating colomns in our html to group different elements

1 question

how do you add a class to an element

Section 4: DESIGNING A BASIC WEBSITE WITH MULTIPLE PAGES
01:50

in this lesson and lecture we start a new website with a new file

03:37

adding a new css file and linking it in our index file or head tag

Section 5: WORKING ON THE NAVIGATION MENU FOR THE WEBSITE
07:47

adding a navigation bar and menus to our website

06:30

adding more cool css effects to the navigation bar to make it look more awesome

02:21

in this lesson we shall add a hover effect, to change the background color of elements when a user moves there mouse over an item for visual feed back using csss]

1 question

how do you add a hover effect to a class

07:08

in this lesson we shall add images using the img tag and adding a source attribute to locate the location of the image

03:22

in this lesson we shall target all elements on the page with one css rule

08:30
in this lesson we shall take a look at adding a button and customising it for visual appearance
07:01

in this lecture lets add a side bar by creatiing a new container element to contain our side bar elements and moving to the left of the main content on our page

10:32
in this lesson let add new pages to our website and link to them with anchor tags in html
07:39
in this lecture we shall add a footer to our website with some links
USING MULTIPLE CLASSES ON AN ELEMENT
02:32
10:39

in this lecture we shall add a soft shadow to our elements using css

ADDING A HOVER EFFECT WITH A SHADOW
01:33

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

i am a graphics designer and animator skilled in Photoshop, after effects and blender, i have been in the field of motion graphics and animation for over five years, with 3 of those years at a television network here in my country, as an animator i create templates for TV bumpers, lower 3rds, if am not using photoshop for billboard design am using it to create textures for my 3d models i create in blender and sometimes in cinema 4d i occasionally do copyrighting, camera work mostly for music videos and documentary mostly with the canon D series, i.e the canon 5d mark ii, 5d mark iii, 60d and the 7 d

Ready to start learning?
Take This Course