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

CANCELLED

Provided by: University Information Services - Digital Literacy Skills


Booking

Bookings cannot be made on this event (Event is not taking bookings).


Other dates:

No more events

[ Show past events ]



Booking / availability

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

Tue 30 Jun 2020
CANCELLED

Description

Bookings for this course are placed on hold in response to the rapidly changing events due to COVID-19. The status of these courses will be reviewed towards the end of April 2020. See the University's COVID-19 page for up to date information.

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 30 Jun   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