skip to navigation skip to content
Tue 17 Mar 2020
09:30 - 13:00

Venue: University Information Services, Roger Needham Building, Ely Training Room 1

Provided by: University Information Services


Booking
There are places available Book a place

Other dates:


2019


2020



Register interest
Register your interest - if you cannot make any of the currently scheduled dates and would be interested in additional dates being scheduled.


Booking / availability

Web Authoring (Level 3): CSS - Cascading Style Sheets Responsive Web Design
Prerequisites

Tue 17 Mar 2020

Description

This is a practical-based course for anyone with a basic understanding of HTML and CSS and follows on from the Web Authoring (Level 1): HTML For Beginners and Web Authoring (Level 2): CSS - Cascading Style Sheets for Beginners courses. The course shows how to implement a Responsive Web Design using Cascading Style Sheets (CSS) and basic JavaScript. The course teaches how to write CSS Media Queries from scratch using a basic Text Editor. By the end of the course participants will have adapted a small website consisting of four pages so that it is styled using a single Cascading Style Sheet and JavaScript to make it responsive on both computer screens and mobile devices. Course participants will have the opportunity to publish their web pages using DS-Web.

Target audience
  • All current University members (departments and colleges)
  • Further details regarding eligibility criteria are available
Prerequisites

Familiarity with writing basic HTML and CSS or attendance on the following courses:

Sessions

Number of sessions: 1

# Date Time Venue Trainer
1 Tue 17 Mar 2020   09:30 - 13:00 09:30 - 13:00 University Information Services, Roger Needham Building, Ely Training Room 1 map Simon Meaker
Topics covered
  • How HTML content and CSS style work together
  • How CSS media queries and breakpoints work to target specific screen sizes
  • How to use basic JavaScript to make a drop down 'burger' menu
  • Text (size, font and em's)
  • Colour for text and background color
  • Using Hexadecimal, RGB and RGBA Colours
  • Implementing and modifying Class and ID Selectors
  • Implementing and styling Fonts
  • Background images
  • Borders, margins and padding (thinking about HTML as “boxes”)
  • Positioning elements on the page for large screens and mobile devices
  • Fluid web pages
  • Uploading your personal web pages to DS-Web
Taught using

Notepad ++ and Chrome on MCS Windows

Notes
  • The practical work will be done on PCs unless otherwise specified, although the course is platform independent and therefore suitable also for Mac and Linux users.
  • If you would like to take away a copy of the Web page you create, please bring a USB memory stick. If you can logon to your MCS account, you will have an opportunity to set up your Web pages using DS-Web on that account.
Duration

One half day session

Related courses
Theme
Web Publishing & Management

Booking / availability