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

PrerequisitesNew

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.

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

• Web Authoring: HTML For Beginners (Level 1)
• Web Authoring: HTML - Cascading Style Sheets (CSS) for Beginners (Level 2)

• 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

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

• Web Authoring: HTML - For Beginners (Level 1)
• Web Authoring: HTML - Cascading Style Sheets (CSS) for Beginners (Level 2)
• Adobe Photoshop CC: Introduction (Level 1)
• Drupal: An Introduction (In Person Face to Face)
• Falcon: An Introduction for Content and Site Managers (Part 1 and Part 2)