Web Design – An Introduction

$99.00 $49.99

From HTML to advanced tools, get up and running with this Web Design – An Introduction online course. You will work towards designing and developing a colorful, modern and responsive portfolio website. By the end of the course, you will have the website completed, and can use it when starting out on your career in web design!

Length: 7.5 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now

Description

With over 7 hours of content, this Web Design – An Introduction course takes you through the fundamentals of web design. That means getting to grips with HTML, CSS and Foundation Grid Framework; working with images, webfonts and sprite sheets among other elements; understanding grids and responsive design; and achieving flawless layouts, eradicating bugs, and more.

Learn Web Design from Scratch!

  • Understand the basics of CSS and HTML
  • Learn about current web designing trends and developments
  • Gain an insight into web development, debugging, etc. as well as design
  • Build your own portfolio website
  • Web Designing for Beginners

Sample clip

Who Should Take This Course?
This Web Design – An Introduction course has been developed for both complete beginners and those who already have a limited knowledge of web design. Aspiring web designers, web developers who want to understand the design side of the business, and graphic designers – as well as those from completely unrelated disciplines – will all be more than capable of handling the content of this course.

Why Learn Web Design?
The Internet is everyone’s go-to source of information in today’s world. Businesses, public figures, publications and everything in between all have a presence on the web; and the more professional their website looks, the more successful they tend to be. Web designers are more in demand than ever before, and the profession is constantly changing along with the web itself. This course aims to teach the most up to date fundamentals of web design from scratch.

About HTML and CSS
HTML, or Hyper Text Markup Language, is the code used to define colours, graphics, hyperlinks, paragraphs, and other simple elements of a website. It was developed by the founder of the web, Tim Berners Lee, back in 1990.

CSS, or Cascading Style Sheets, define the more advanced aspects of websites like fonts, background images, positioning and much more. It is a style language that defines HTML layout, so the two are intrinsically linked. Both form the basic frameworks for all websites on the internet.

CHAPTER 1: INTRODUCTION TO THE COURSE
Introduction to the Course

CHAPTER 2: BASICS OF WEB DESIGN
What is CSS and HTML?
Your First HTML File
Introduction to Document Layout
Linking In A Stylesheet
Styling Your First Element

CHAPTER 3: WEB DESIGN FUNDAMENTALS
The Box Model
Introduction to Developer Tools
Understanding Display Types
Project: Create a CSS Button
Using CSS Selectors
Styling Links
Using Floats
Using Clearfix
Working With Images
Validating HTML and CSS

CHAPTER 4: WEBFONTS
Understanding Webfonts
Webfonts, Google Fonts and API

CHAPTER 5: CASCADING STYLE SHEETS
Understanding Cascading Style Sheets
Vendor Prefixes
Project: Create a Color Changing Profile Image

CHAPTER 6: INTRODUCTION TO GRID STRUCTURES
Basic Website Layout
Choosing a Grid Framework
Grids and Responsive Design

CHAPTER 7: FORMS AND ICONS
Working with Forms
Using Font Icons
Understanding Sprite Sheets

CHAPTER 8: PROJECT: CREATE A COMMENT LIST
Project: Create a Comment List

CHAPTER 9: POSITIONING AND RESOURCES
Positioning
CSS Resources

CHAPTER 10: FINAL PROJECT: DESIGN A REAL WEBSITE
Project Introduction
Adding Our Graphics
Building Our Site
Validating Our Site

Alex Garrett is a UK-based developer. His experience includes software engineering and web architecture, as well as authoring “The PHP Project Guide”. Alex enjoys teaching Laravel, PHP, MySQL, jQuery, and other coding topics through his online courses.

You may also like…