HOT
blank

HTML and CSS: A Guide to Web Design

Development

Rating4.6
Enroll Now

HTML and CSS: A Guide to Web Design, available at $19.99, has an average rating of 4.55, with 74 lectures, based on 20 reviews, and has 1595 subscribers.

You will learn about take the structure and fundamentals learned to create simple, and complex websites for just about anything take many CSS and HTML fundamentals from example to production find and fix common errors that occur in the coding process Create a responsive site from scratch, or retrofit an existing site This course is ideal for individuals who are This HTML and CSS course is designed for those who have little to no experience creating websites, but want to learn. This is directed at static website development, so no major PHP or database applications will be covered. or If you are looking for a good refresher course – for more experienced individuals. or Individuals wanting to make websites more accessible with Responsive Design It is particularly useful for This HTML and CSS course is designed for those who have little to no experience creating websites, but want to learn. This is directed at static website development, so no major PHP or database applications will be covered. or If you are looking for a good refresher course – for more experienced individuals. or Individuals wanting to make websites more accessible with Responsive Design.

Enroll now: HTML and CSS: A Guide to Web Design

Summary

Title: HTML and CSS: A Guide to Web Design

Price: $19.99

Average Rating: 4.55

Number of Lectures: 74

Number of Published Lectures: 74

Number of Curriculum Items: 74

Number of Published Curriculum Objects: 74

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

  • take the structure and fundamentals learned to create simple, and complex websites for just about anything
  • take many CSS and HTML fundamentals from example to production
  • find and fix common errors that occur in the coding process
  • Create a responsive site from scratch, or retrofit an existing site

Who Should Attend

  • This HTML and CSS course is designed for those who have little to no experience creating websites, but want to learn. This is directed at static website development, so no major PHP or database applications will be covered.
  • If you are looking for a good refresher course – for more experienced individuals.
  • Individuals wanting to make websites more accessible with Responsive Design

Target Audiences

  • This HTML and CSS course is designed for those who have little to no experience creating websites, but want to learn. This is directed at static website development, so no major PHP or database applications will be covered.
  • If you are looking for a good refresher course – for more experienced individuals.
  • Individuals wanting to make websites more accessible with Responsive Design

Have you ever wondered how you could get that magnificent idea from your brain onto the web? You see so many great websites (and a couple of not so great ones), and you can't help but think, "I could do that!"

If so, then this course is perfect for you. Instead of drilling down with lots of useless snippets and complicated examples, this course will focus on functional application that you can use right away.

You will learn how to code a website from scratch, in a structure that will make it easy to apply Responsive Design styles to. You will also learn how to use basic PHP snippets to make updating common parts of your website easier than a traditional static website.

This course includes all the following, and more:

  • HTML Fundamentals
  • CSS Fundamentals
  • Basic PHP Introduction
  • Font Usage and Google Font Substitution
  • Website Testing
  • Responsive Design and Media Queries
  • Troubleshooting and Error checking Guidelines
  • 74 Lectures, File downloads, and 15 hours of content

The best part about this course is that it makes no assumptions on your skill level. If you know nothing, or a whole lot of something, you'll find techniques in this course that you can apply to your next project. All of the material used in this course is real world application. All of the examples used are based off the structure you will be learning, so it's been proven to work in production

If this sounds right for you and you're ready to get started, just click the Take This Course button to the right and we'll begin!

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Introduction

Lecture 2: Course Tools

Lecture 3: What is HTML & CSS?

Lecture 4: Examples of Websites Built With This Method

Chapter 2: Project Setup

Lecture 1: MAMP Set Up and Preferences

Lecture 2: Folder Structure

Chapter 3: HTML Fundamentals

Lecture 1: Page Setup

Lecture 2: H1 through H6 Tags

Lecture 3: P (Paragraph) Tag

Lecture 4: Ordered and Unordered Lists

Lecture 5: Images

Lecture 6: Links

Lecture 7: Tables

Lecture 8: iFrames and Embed

Lecture 9: Blockquotes

Lecture 10: Forms

Lecture 11: Metadata & Title

Chapter 4: CSS Fundamentals

Lecture 1: External, Internal, and Inline CSS

Lecture 2: Selectors

Lecture 3: DIV Containers

Lecture 4: Font Color & BG Color

Lecture 5: Float & Clear

Lecture 6: Margins & Padding

Lecture 7: Borders

Lecture 8: Styling Links

Lecture 9: Fonts

Lecture 10: Background Images

Lecture 11: Overflow

Lecture 12: Text & Box Shadows

Lecture 13: Positioning and Z-index

Lecture 14: Form Styling Part 1

Lecture 15: Form Styling Part 2

Lecture 16: CSS Navigation

Lecture 17: Google Fonts

Lecture 18: Grouping CSS Classes

Chapter 5: Building Our Website

Lecture 1: Introduction & Goals

Lecture 2: Setting It Up

Lecture 3: Our Grid Structure

Lecture 4: Building the Home Page Part 1

Lecture 5: Building the Home Page Part 2

Lecture 6: Styling the Home Page Part 1

Lecture 7: Styling the Home Page Part 2

Lecture 8: Styling the Home Page Part 3

Lecture 9: Info List

Lecture 10: Navigation Menu

Lecture 11: Header & Footer PHP

Lecture 12: Active Links for Navigation

Chapter 6: Internal Pages of Our Website

Lecture 1: Introduction

Lecture 2: Experience Page Part 1

Lecture 3: Experience Page Part 2

Lecture 4: Portfolio Page Part 1

Lecture 5: Portfolio Page Part 2

Lecture 6: Portfolio Page Part 3

Lecture 7: Testimonials Page

Lecture 8: Contact Page Part 1

Lecture 9: Contact Page Part 2

Lecture 10: Contact Page Part 3

Chapter 7: Responsive Design

Lecture 1: Introduction to Responsive Design

Lecture 2: Media Queries

Lecture 3: Meta Viewport

Lecture 4: Tablet View Part 1

Lecture 5: Tablet View Part 2

Lecture 6: Mobile View Part 1

Lecture 7: Mobile View Part 2

Chapter 8: Going Live With Our Website

Lecture 1: Introduction

Lecture 2: Domain and Hosting

Lecture 3: Filezilla Upload

Lecture 4: Website Testing

Lecture 5: Thank You!

Chapter 9: Bonus Material

Lecture 1: Bonus Introduction

Lecture 2: Font-Awesome Integration

Lecture 3: Image Optimization

Lecture 4: Adding a Favicon

Lecture 5: Google Analytics

Instructors

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 2 votes
  • 4 stars: 4 votes
  • 5 stars: 14 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024