If you’d like to learn the fundamentals of website design, whether as an introduction to a multimedia design career or to create your own website, this course is ideal for you.
The Web Design Fundamentals Program is an online professional development course that will help you to understand design principles to create responsive, interactive, stunning websites.
In this web design course, you will explore website planning and creation, the importance of responsive design and the use of testing tools.
You will learn about accessibility in practice, design principles, common design mechanisms, and how to embed different media. You will also explore regulatory compliance, the regulatory environment and global accessibility laws.
On completion of this course, you will have gained the skills and knowledge required to understand basic technology and terminology for successful website design.
Unit 1 - Web design basics
Purpose and audience of a web site
Business requirements for a web site
Designing storyboards for a web site
Common page layout and navigation
Colour and font options
Common devices and platforms
Project life cycles
Site functionality testing
Tools for functionality testing
Creating a web page
Using tags to produce the desired formatting
Using styles to format web pages
Formatting text to produce a customized page
Enhance the visual appearance of pages
Using tables to organize data on a page
Creating automatic bullets and numbering for lists
Different ways to use HTML5 for layout design
Responsive web design
Iframes are and how to use them
Different parts of forms
Different input types
Attributes for input types and recall
Design and build a basic web page
Unit 2 - Target audience
Embedding videos into a web page
Embedding audio files into a web page
Using plugins and common types
Embedding a YouTube video
Using Cascading Style Sheets
Using the box model
Features of CSS3
Common database models
Database management systems
Embedding SQL statements inside of HTML code
Using, downloading and installing Bootstrap
Create basic web pages with Bootstrap
Responsive design functionality of Bootstrap
Using grids and containers
jQuery syntax and selectors
Click and change events
Slide and fade animations
Unit 3 - Responsive web design: Flexible data and UIs, devices, process and performance
Scrolling and stacking cells
Hiding portions of a table
Converting a table to a chart
HTML5 input types and attributes
Creating a responsive menu system
Implementing off-canvas patterns
Creating a responsive layout using CSS3 columns
Using stacked galleries in a responsive UI
Using tabbed workspaces in a responsive UI solution
Split views in a responsive UI
Responsive web design
Managing elements in transition
Responsive keyframe animations
Interacting with sensors and devices
Native APIs using API to fill out form addresses
Using the window navigator object
Device and feature detection
Uses of the Modernizr tool
Successful responsive web design
Optimizing performance for responsive applications
Configure flexible data in responsive web design
Unit 4 - Flexible grids, images, and media queries
Concepts of responsive web design
Contrast fixed and fluid layouts
Implementing a CSS3 Flexbox
Implement the CSS3 grid layout
Implementing semantic grid systems
Using percentages, ems, rems, and viewport units
Configuring flexible text
Configuring tiled background images
CSS overflow property
use sprites for background images
Scalable vector images (SVG)
HTML5 canvas and picture elements
Using maxwidth attributes and intrinsic ratio
Contrasting the viewport meta tag and CSS3 parameter
Screen resolution media queries
Media types and features
Resolve compatibility issues
Unit 5 - Accessibility and design
Clean coding principles
The role of WAI-ARIA in web design
Using feature detection
Testing the accessible design process
Hiring accessible web designers
Policy and organizational support
Design and development of accessible web sites
Best practices for web design
Using CSS3 in web design
Purpose and value of focus in web design
Value and purpose of TabIndex
Unit 6 - Authoring tool accessibility guidelines (ATAG)
ATAG 2.0 purpose and the audience
ATAG 2.0 features
ATAG 2.0 levels of conformance
Integration using ATAG 2.0
ATAG 2.0 principle A.1
ATAG 2.0 principle A.2
ATAG 2.0 principle A.3
ATAG 2.0 principle A.4
ATAG 2.0 principle B.1
ATAG 2.0 principle B.2
ATAG 2.0 principle B.3
ATAG 2.0 principle B.4
How ATAG and WCAG relate to each other
ATAG and WCAG requirements
Types of conformance levels for ATAG 2.0
ATAG 2.0 conformance
Unit 7 - HTML5 and accessibility
Developing accessible web sites using HTML5
Robust web site creation using HTML5
Using the HTML5 canvas
APIs and new APIs available in HTML5
HTML DOCTYPE and contrast DOCTYPE
Purposes of SECTION, ARTICLE, and ASIDE
Purposes of NAV, HEADER, and FOOTER
Using FIGURE and FIGCAPTION
Using HTML5 VIDEO for better accessibility
Purposes of PROGRESS, MEDIA, and TIME
Unit 8 - Introduction to web accessibility
Why web accessibility is important
Benefits of creating accessible web sites
What web accessibility means to web designers
Challenges creating more accessible web sites
Web accessibility in the enterprise
Common misconceptions surrounding web accessibility
Various types and causes of vision impairment
Types and causes of physical disabilities
Types and causes of cognitive disabilities
Types and causes of learning disabilities
Role of assistive
Screen magnifier technologies
Challenges of using mobile devices in web design
Speech synthesizer technologies
Unit 9 - OSs, regulations and laws
Using Windows for a more accessible experience
Using OS X for a more accessible experience
Using iOS for a more accessible experience
Using Android for a more accessible experience
Regulations and standards for designing web sites
History of policy to protect the rights of persons with disabilities
United Nation’s role
Development of regulations for web accessibility
Standards for web accessibility to be compliant
Accessibility laws in the United States
Accessibility laws in Europe and Canada
Accessibility laws around the globe
Using WAI-ARIA and its mandate
Unit 10 - Accessibility standards
WCAG 2.0 purpose
Differences between WCAG 1.0 and WCAG 2.0
WCAG principles of accessibility
WCAG guidelines and success criteria
WCAG techniques for success criteria
WCAG 2.0 principle 1, guideline 1.1
WCAG 2.0 principle 1 guideline 1.4t
WCAG 2.0 principle 2, guideline 2.1
WCAG 2.0 principle 2, guideline 2.3
WCAG 2.0 principle 3, guideline 3.1
WCAG 2.0 principle 3, guideline 3.2
WCAG 2.0 principle 4, guideline 4.1
WCAG conformance requirements for WCAG 2.1
WCAG 2.0 section 5.2
CAG 2.0 section 5.3
When you study with Australian Online Courses, you will be assessed using a competency-based training method.
Competency-based training focuses on the achievement of skills and knowledge against set criteria to ensure your competency is industry relevant. You will not be benchmarked against other students.
If you do not achieve a competency result on your first attempt, you have two more attempts to pass your assessment. So, you have three attempts in total to obtain a competency result.
In this way, you can complete your course in your own time and at your own pace with the assistance of unlimited tutor support.
In this course, you will be assessed via multiple-choice questions to determine your mastery of details and specific knowledge gained during your studies to achieve a ‘competent’ or ‘not yet competent’ result.
Benefits of Multiple-Choice Assessments
Appropriate for assessing students’ mastery of details and specific knowledge.
Can be used to assess both simple knowledge and complex concepts.
Questions can be answered quickly to accurately assess a students’ mastery of many topics relatively quickly.
Assessment can be quickly and reliably scored to achieve a ‘competent’ or ‘not yet competent’ result.
As the answers are visible, multiple-choice questions offer the opportunity for the continuation of the learning process, offering educational value.
Why Choose Australian Online Courses?
Professional development that is widely recognised and respected;
Improve your employment opportunities;
Study online, anywhere via our elearning system;
High-quality professional development programs written by industry experts;
No entry requirements;
All course materials provided online – no textbooks to buy;
Unlimited tutor support;
Easy to understand course content;
We offer twelve (12) months’ access, with extensions available upon application (fees apply);
Certificate of Attainment/Completion issued for your CV (hard copy provided); and
Course may be tax deductible; see your tax advisor.
How long will it take to complete this course?
The approximate study hours for this course is 60 hours. We offer twelve (12) months’ access, with extensions available upon application (fees apply).
Can I purchase optional printed materials?
While printed materials are not available for purchase, transcripts of video lectures and other learning resources are available for printing via our elearning system.
When can I start this course?
You can start within 60 minutes during business hours when you enrol and pay in full with a credit card!
Credit card: Within 60 mins during business hours.
BPAY: Within 1-2 working days.
Internet Banking: Within 1-2 working days.
Cheque/Money Order: Upon receipt of mailed cheque.
Will I receive a certificate upon completion of this course?
Yes! You will receive a Certificate of Attainment upon successful completion of your assessment.
Do I need to attend classes or undertake any work placements?
No. All courses are delivered online via our e-learning system and there are no work placement requirements in this course.
What support can I expect from Australian Online Courses?
Unlimited tutor support is available throughout your studies via email during business hours Monday to Friday. Our Administrative team are available Monday to Friday via email, live chat and telephone.
I am an international student. Can I enrol into this course?
Yes! We accept enrolments from individuals both within Australia and internationally; location is no barrier to entry into our programs.