Notice : You are now accessing LOOP UAT SERVER. This is not meant for public access. For the actual LOOP Website please visit www.LOOP.sg instead


1st Step to Introduction of Web Design


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

  • Adobe InDesign CS6: Beginner

    Adobe InDesign CS6: Beginner

    SGD $63.00

    Course Description

    This Adobe InDesign CS6: Beginner course gives you all the information you need to get up and running with Adobe's premier page layout software. Long-time VTC author Brian White guides you through all the important elements including page layout, master pages, layers, text, and graphics. Also included are features new to InDesign CS6: Alternate Layout, Conveyor Tool, Liquid Pages, and Auto-Resize for text frames. The course concludes with an introduction to styles which are the powerhouse tools that bring everything together and makes your workflow fast, efficient, and consistent. Begin your journey with Adobe InDesign CS6 today!- Learn about the basics of Adobe InDesign and its functions - Know how Adobe InDesign is used to produce templates - Be able to edit and produce stellar documents - Start off with the basics of Adobe InDesign in creating pages This course is SkillsFuture Credit Eligible.

    Read more...

  • An Essential Online Course: Be a Master of Web Design

    An Essential Online Course: Be a Master of Web Design

    SGD $109.60

    Course Description

    Learn how to build your own amazing website! Whether for yourself or for your business, our online Web Design course will teach you the basics and beyond of web design. We take a refreshingly practical approach to teaching you the most useful stuff from: HTML5, CSS3, WordPress, HTML emails, Ecommerce, SEO, social media integration and much more. We teach through beautifully illustrated and engaging text, videos, exercises, code downloads and an HTML emulator. All this means your learning experience is maximally efficient, interesting and effective. Enable yourself to create unique and dynamic websites! - Learn the basics and fundamentals of web designing - Know the element that goes into web designing  - Understand how to apply the techniques into your own designs  - Be able to produce your own site at the end of this course  This course is Skillsfuture Credit Eligible.

    Read more...

  • Adobe CC Film Production

    Adobe CC Film Production

    SGD $45.00

    Course Description

    With a subscription to Adobe's Creative Cloud service, you are given access to an incredibly powerful set of tools, including Premiere, After Effects, and Audition. With these pieces of software, the sky is the limit when it comes to editing your very own video production. This VTC course will show you how to create a polished video sequence with the Creative Cloud's video editing software. You will not only learn basic editing, you will also learn how to create special effects such as energy swords, alien lasers, set extensions, fire, explosions, and more. Finally, everything will be brought together with audio and published as a cohesive package that can be presented on YouTube or any other venue of your choosing. Work files for everything, including footage, are provided for you to follow along step by step!Produce dynamic and creative films with Adobe CC. - Learn about the different tools used for editing and creating videos in Adobe CC - Know how you can apply these skills and create your own film projects- Master the techniques and skills in creating films using Adobe CC- Enable youreslf to produce videos and films with dynamic content for your audience to enjoy 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.