1st Step to Introduction of Web Design


  • 1st Step to Introduction of Web Design, Singapore elarning online course
  • 1st Step to Introduction of Web Design, Singapore elarning online course
  • 1st Step to Introduction of Web Design, Singapore elarning online course
  • 1st Step to Introduction of Web Design, Singapore elarning online course
  • 1st Step to Introduction of Web Design, Singapore elarning online course
  • 1st Step to Introduction of Web Design, Singapore elarning online course

Course Description

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.

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


Course Objectives

1. Understand the basics of web design
2. Understand grid systems in web design
3. Be able to design a real website using the techniques learnt 
4. Understand responsive design


Related Courses

  • Building Websites With Dreamweaver CS6 (Dreamweaver CS6 Bundle)

    Building Websites With Dreamweaver CS6 (Dreamweaver CS6 Bundle)

    SGD $81.90

    Course Description

    Jump into the world of Dreamweaver CS6 and web design with this 7+ hour hands-on course hosted by award-winning software trainer and designer, Geoff Blake. First, Geoff will run you through the basics, getting you comfortable in the Dreamweaver interface, working with documents, defining new websites, and customizing the interface. Then, it’s on to building a fully functional web layout from the ground up. You’ll learn how to wireframe a rough design, insert navigation menus, and test your work for usability. Handling text, graphics, and building a well-constructed set of sitewide CSS rules to control it all brings your site together; and Geoff even takes you through Photoshop and Illustrator workflows, showing you how to get the most out of your favourite Creative Suite applications. Then, you’ll see how to roll out your site, and set and test hyperlinks; followed by a look at how to integrate various page elements, including a self-running slideshow, tables, a contact form, and a Google map. Finally, take your site live by uploading it to a live web server, and test it across various browsers on both the Mac and Windows platforms. Roll up your sleeves and delve into this practical, task-oriented look at building contemporary websites in Dreamweaver CS6!

    Read more...

  • Photoshop CC For Web Design Bundle

    Photoshop CC For Web Design Bundle

    SGD $35.00

    Course Description

    With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you’ll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You’ll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that’ll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you’ll have clarity and confidence using Photoshop for your web projects! Give your page that extra zest with Photoshop! - Learn how Photoshop can give that extra touch to your website  - Learn the step-by-step process of designing your website  - Know what and how to prep for your web design  - Learn and understand the considerations of web design 

    Read more...

  • Customizing WordPress Sites With Dreamweaver CC

    Customizing WordPress Sites With Dreamweaver CC

    SGD $81.90

    Course Description

    This course will show you how to use WordPress as a platform for your website, but then take it a step further and learn how you can use Dreamweaver to develop custom themes for your site. Join Geoff Blake as he walks you through all the necessary steps to not only configure WordPress locally, but setup Dreamweaver to help you manage your WordPress site. Next he’ll show you some best practices for wireframing and then designing your custom themes. Once you’re happy with your design, Geoff will walk you through the process of installing your custom theme making live on your WordPress site.Realise your designs into an actual site with Dreamweaver CC.- Learn and understand WordPress and Dreamweaver - Know about the different tools and techniques using Dreamweaver - Learn how to apply Dreamweaver into WordPress site designs - Discover ways to customize your WordPress site 

    Read more...


Content

Introduction to the Course

+

Introduction to the Course 

Download Source Code

Basics of Web Design

Preview Available

+

What is CSS and HTML?

Your First HTML File

Introduction to Document Layout

Linking In A Stylesheet

Styling Your First Element

Web Design Fundamentals

+

The Box Model

Understanding Display Types

Project: Create a CSS Button

Using CSS Selectors

Styling Links

Using Floats

Using Clearfix

Validating HTML and CSS

Working With Images

Introduction to Developer Tools

Webfonts

+

Webfonts, Google Fonts and API

Understanding Webfonts

Cascading Style Sheets

+

Understanding Cascading Style Sheets

Vendor Prefixes

Project: Create a Color Changing Profile Image

Introduction to Grid Structures

+

Basic Website Layout

Choosing a Grid Framework

Grids and Responsive Design

Forms and Icons

+

Working with Forms

Using Font Icons

Understanding Sprite Sheets

Project: Create a Comment List

+

Project: Create a Comment List

Positioning and Resources

+

Positioning

CSS Resources

Final Project: Design a Real Website

+

Project Introduction

Adding Our Graphics

Building Our Site

Validating Our Site

  • Duration 7 hr 22 mins
  • Skill level All Levels
  • Languages English
  • Tag(s) Design Web Design


SGD $79.00
(Price excludes GST)
GET ACCESS NOW
Convince your boss email
This site is best viewed using the latest versions of Google Chrome, Apple Safari, Mozilla FireFox, Microsoft Internet Explorer 11 and Edge which supports HTML5/Webkit technologies.