Computer Basics with Web Design using HTML and CSS

Name: Computer Basics with Web Design using HTML and CSS
Rating: 4.4 (16 reviews)

Learn computer basics of web design with HTML and CSS

Created byAarti Nagwanshi

Last updated 8/2021

English

English [Auto],

What you'll learn

Web design basics with HTML and CSS
Web design basics
HTML & CSS basic
Basic Web Page Design
Computer Fundamentals

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

4 sections • 17 lectures • 1h 47m total length

Course Structure1:38
Discover the course structure, covering document structure, headings and paragraphs, multimedia for navigation, and forms submission, then learn styling basics and how to upload a website.

HTML Document Structure5:17
Learn the basics of a stable HTML document structure, including the doctype declaration, HTML, head, and body tags, and how to create and view a simple webpage in a browser.
Create HTML Document Structure
Headings and Paragraphs8:49
Explore how to structure an HTML page with the title tag, H1–H6 headings, and paragraph tags, and learn to use br and hr for breaks, lines, and a hands-on exercise.
HTML Headings and Paragraphs
Multimedia14:15
Discover how to add images, audio, video, and YouTube embeds to a web page using HTML multimedia elements, with controls, relative and absolute paths, and alt text.
Navigation3:49
Learn to build web page navigation by structuring an unordered list of hyperlinks with anchor tags and hrefs to sections within the page or across pages.
Tables3:12
Explore the HTML table element and its structure to organize text, numbers, links, and images into rows and columns, add headers, and apply borders for clear webpage data presentation.
Forms6:27
Build web forms to collect user data using HTML input types (text, email), placeholders, textareas, checkboxes, radio buttons, and a submit button with basic validation.
Form Submission4:48
Create a web form with name, email, and comments inputs and a submit button, then configure its action and method to process and display submitted data.

Intro Into Styling a Website5:03
Learn to style a web page with CSS by creating a stylesheet, linking it in the head, and applying a light blue background and left margins.
CSS Selector, Properties and Values4:26
Learn how css selectors, properties, and values style web pages by building rulesets with selectors and declaration blocks. Practice applying color, font-size, and other properties through a hands-on exercise.
CSS Selectors Classification11:34
Explore CSS selectors classification by element, class, id, and universal and grouping selectors, with hands-on examples that apply styles to paragraphs and headings.
Text Styling and Formatting10:58
Select and apply a primary typeface and font family, set font size with pixels, ems, or percentages, and adjust font style, weight, and color to style text across a web page.
Background Styling6:54
Learn how to apply background styling in HTML and CSS using hex colors and background images, including setting background color, background size, and background repeat to control image behavior.
Styling Tables6:36
Discover how to style HTML tables with borders and colors, control border-collapse, set height and width, and align text and cell content both horizontally and vertically.
CSS Image Positioning6:02
Explore how to apply image positioning using the float property (left or right), set margins and dimensions, and preview changes in a demo.

Requirements

No prerequisites other than willingness to learn and a computer system to work on.

Description

This course is designed to teach students computer basic skills that is a simple web page design using HTML and CSS basic coding. This course is intended to make aware students the basics of web page design concept using HTML and CSS. After completing this course students will be familiar with most of the important HTML tags that they can use while creating HTML (Hypertext Markup Language) documents. Students will also be familiar with CSS styling (Cascading Style Sheet) styling which is nothing but different styling techniques they can apply on web pages which will beautify the look and feel of the web pages.

Students will go through a practical demo session of sample web page design along with each topic that is covered during this course.

Hope you find this course interesting and you will enrol for the full course.

Thanks

Find below the topics that are included in this course. This course is divided into three categories. The first category is HTML Basics, second category is CSS basics, and the third category is Publishing Web Site.

Section 1 - Introduction to HTML

This section covers following topics.

HTML Document Structure
Headings & Paragraphs
Multimedia
Navigation
Tables
Forms
Forms End Point

Section 2 - Introduction to CSS

This section covers following topics.

CSS Selector, Properties & Values
More of CSS Selectors
Text Styling & Formatting
Background Styling
Styling Tables
CSS Image Positioning

Section 3 - Fixing and Uploading

This section covers following topics.

Fixing and Debugging HTML & CSS Code
Uploading Website

Who this course is for:

Web designers curious to learn basics of web design with HTML and CSS

Computer Basics with Web Design using HTML and CSS

What you'll learn

Explore related topics

Coding Exercises

Course content

Course Structure1 lecture • 2min

Introduction to HTML7 lectures • 47min

Introduction to CSS7 lectures • 52min

Upload and Deploy Website2 lectures • 7min

Requirements

Description

Who this course is for: