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)
Events available