1st Step to Introduction of Web Design


  • 1st Step to Introduction of Web Design, Singapore SKillsFuture elarning online course
  • 1st Step to Introduction of Web Design, Singapore SKillsFuture elarning online course
  • 1st Step to Introduction of Web Design, Singapore SKillsFuture elarning online course
  • 1st Step to Introduction of Web Design, Singapore SKillsFuture elarning online course
  • 1st Step to Introduction of Web Design, Singapore SKillsFuture elarning online course
  • 1st Step to Introduction of Web Design, Singapore SKillsFuture 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

This course is SkillsFuture Credit Eligible.


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

  • Web Design Skill Builder Workshop (FREE)

    Web Design Skill Builder Workshop (FREE)

    FREE

    Course Description

    Get started in the world of web design with this easy to follow, hands on workshop! Presented by veteran software trainer Geoff Blake, you’ll be guided through the fundamentals of HTML, CSS, and how the two work together. Then, you’ll be lead through a discussion outlining the web design tools of the trade. Finally, Geoff will walk you through a real-world web design workflow, where he integrates Photoshop and Dreamweaver together. Getting started in web design has never been easier, so enroll now and let’s get started!Get started on your Web Design journey right here and now with this FREE course!- Understand what web design is about- Learn from a master on how to get started easily- Take your first steps with a practical test- Design your own web design layout quickly

    Read more...

  • A Guide on Instructional Design Theories and Design Application

    A Guide on Instructional Design Theories and Design Application

    SGD $500.00

    Course Description

    Instructional design, or instructional systems design (ISD), is the practice of creating "instructional experiences which make the acquisition of knowledge and skill more efficient, effective, and appealing." The process consists broadly of determining the state and needs of the learner, defining the end goal of instruction, and creating some "intervention" to assist in the transition. Ideally, the process is informed by pedagogically (process of teaching) and andragogically (adult learning) tested theories of learning and may take place in student-only, teacher-led or community-based settings. The outcome of this instruction may be directly observable and scientifically measured or completely hidden and assumed. There are many instructional design models but many are based on the ADDIE model with the five phases: analysis, design, development, implementation, and evaluation. As a field, instructional design is historically and traditionally rooted in cognitive and behavioral psychology, though recently constructivism has influenced thinking in the field.Know the fundamentals of Instructional Design and produce quality educational content.- Know Key Instructional Design Models- Understand what are Adult Learning Principles- Understand the Overview of Learning Theories- The importance of Training Needs Analysis- Introduction to ID Fundamentals- What are the Cognitive Approaches- Determining the Right Audio Strategy- Writing Effective Storyboards and Objectives- Content Types and Their Visualization Approaches- Creating Effective Assessments- Guide to Editing - mLearning Essentials and Strategies

    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 This course is Skillsfuture Credit Eligible.

    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

SkillsFuture Credit Eligible
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.