skip to navigation skip to content
Instructor-led course

Provided by: University Information Services - Digital Literacy Skills

This course is not scheduled to run.

[ Show past events ]

Events available

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


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

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

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

  • 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.

One half day session

Related courses
Web Publishing & Management

Events available