Introduction to Web Development

Duration

24 hours

Mode

Live delivery

Location

Online

Cost

$740

Next Intake

10 November

Overview

This online course will help you gain a thorough overview of modern website development, from learning about how the web works through to writing and editing your own code and publishing a website. Spend time working on your own projects under the expert guidance of a live instructor and develop the skills and experience you will need to continue working beyond the course. The course is delivered as three modules, with each one helping you to build on your skills, working towards the goal of building your own website. Online resources and videos will be available to help you practice what you've learned..

Course content

 

This module is the essential foundation for the course, learn how websites work, and the basics of web and coding.

  •  How the web works - servers, domains
  •  Ways to build a website - comparing different solutions
  • Web technologies overview
  • Website structure - files and folders
  • File naming conventions - dos and don'ts
  • Tools of the trade - code editors and web builders
  • Search Engine Optimisation (SEO)
  • Accessibility
  • HTML basics - defaults, standards and otherwise
  • Semantic markup and why it's important
  • Special characters
  • Paragraphs, headings, lists and breaks
  • Structural HTML - div, header, footer, main, section
  • Hyperlinks - local, web, email, download links
  • Images - resolution, file size, file types, compression
  • Understanding colour
  • Social menus
  • CSS basics - styling tags and classes, external and embedded stylesheets
  • Device fonts and Web fonts
  • CSS properties for text - colour, font, size, line-height, case, background colour etc.
  • CSS units of measurement
  • Publishing your website

 

Dive deeper into CSS, begin building a modern, responsive website.

  • Defining a document structure for a mobile-friendly single page website
  • Sections, headers, footers, and other HTML5 Semantic elements
  • When to use div tags
  • Controlling font size - fixed and fluid units
  • Creating a typography ‘pattern’ using vertical spacing
  • Advanced CSS Selectors
  • Borders, Shadows, Rounded corners, Transparency
  • Creating a horizontal menu
  • Transitions - animating CSS properties
  • Understanding the CSS cascade
  • Scaleable images
  • Working with background images - controlling scaling, repeat and positioning
  • Margins and padding - essential techniques for specifying vertical and horizontal spacing
  • Setting a maximum page width

Learn more advanced techniques for layout and design, add sophisticated interactive elements with JavaScript. This module includes responsive web design - layout and other changes based on screen size.

  • Defining column grids using Flexbox
  • Controlling alignment and distribution with Flexbox
  • About Contact forms
  • Delving into JavaScript and jQuery
  • Mobile navigation
  • Image sliders
  • Using SVG for high-quality icons and logos
  • Optimising graphics for Retina devices
  • Gradients
  • Basics of CSS animation

Timetable

How to enrol

More details

Prerequisites

An understanding of at least one software program - not necessarily related to web design is suggested.

Materials supplied

All relevant course notes are supplied with comprehensive instructions and exercises. Online resources and videos will be available to help you practice what you’ve learned.

Materials to bring

 You are required to have access to a personal computer or laptop. You will need Chrome and you will also need: Visual Studio (free download) for this online course. It is recommended to have a USB stick.

Suited to

This introductory online 6 week course with bi-weekly sessions, is ideal for anyone wishing to get a complete view of how to design and put together a website. Perfect for graphic designers wishing to expand their skills into web development/design, and for anyone with an interest in building their own site, or modifying and updating a company website.

Additional notes

Completion of this course will not guarantee entry into an RMIT program.

Outcome

 By the end of this course you will have designed and built a fully functional website using modern coding techniques. You will be able to confidently edit and write your own code using freely available applications. You will have gained an understanding of web graphics, enabling you to optimise and export images for the web and e-marketing.

The course aim is not to teach any specific software applications, but only to use them to achieve the course objective of learning to design and build a website.

Upon finishing the course you will receive a RMIT Certificate of Completion. You can use this as a record to demonstrate the outcomes covered in the course.

Black and white image of Paul

Facilitator: Paul Greenstein

Paul Greenstein is an experienced trainer with more than two decades working as a web designer/developer on a wide range of online projects, from websites to email template coding, email marketing, animation and corporate video. Paul provides consultancy, development and training services to a wide range of customers.

Girl at computer in cafe

Sign up to the newsletter

Stay connected with RMIT Short Courses. Hear about special offers, new course dates and stories from our students.

aboriginal flag
torres strait flag

Acknowledgement of country

RMIT University acknowledges the people of the Woi wurrung and Boon wurrung language groups of the eastern Kulin Nation on whose unceded lands we conduct the business of the University. RMIT University respectfully acknowledges their Ancestors and Elders, past and present. RMIT also acknowledges the Traditional Custodians and their Ancestors of the lands and waters across Australia where we conduct our business. - Artwork created by Louisa Bloomer