Graphic Design Level 4 | Design to Engage - UADBAX-30-1 | Web Design with HTML & CSS by https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h en-us 2026-03-25 09:58:56 UTC 2026-03-25 19:16:20 UTC hello@padlet.com 00 Downloading Phoenix Code to a Personal Computer/Laptop dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839561165 Phoenix Code is a free Open Source code editor which is available for MacOS, Windows and Linux

]]> 2026-03-25 14:25:45 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839561165 01 Optimising Images and Creating a Website Folder dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839561750

  • How to optimise images using Photoshop Save for Web

    • ]]>     2026-03-25 14:26:09 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839561750     02 Basic HTML Tags dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839564054

  • Opening your website folder in Phoenix Code

  • The Basic structure of HTML tags

  • Adding a Heading, Paragraph and an Image

    • ]]>     2026-03-25 14:27:47 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839564054     03 CSS - Color and Fonts dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839564520

  • Adding a Background Color to a web page

  • Adding a Background Image to a web page

  • Choosing Web Safe Fonts

    • ]]>     2026-03-25 14:28:03 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839564520     04 CSS - Centering and Line Height dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839565637

  • Centering the elements on your web page

  • Adding line spacing (leading) to your Paragraph

    • ]]>     2026-03-25 14:28:47 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839565637     05 CSS - Absolute Postioning - Layering Element dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839566228

  • Positioning elements

  • Layering elements

    • ]]>     2026-03-25 14:29:12 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839566228     06 CSS - Proportional Scaling and Positioning | Responsive Web Pages dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839567019

  • Using Opacity to blend images

  • How scale and position images with proportional CSS units so that you can fit content proportionately within the browser window, if you'd like to.

    • ]]>     2026-03-25 14:29:42 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839567019     07 HTML & CSS - Adding Multiple Images dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839574735

  • How to add extra images - using CSS IDs

    • ]]>     2026-03-25 14:35:34 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839574735     08 HTML & CSS - Highlighting Words or Letters - Span Tags dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839575784

  • Use the Span tag to pick out text in a Paragraph and add a CSS class to style a tag

    • ]]>     2026-03-25 14:36:21 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839575784     10 Module Submission - Making Your Webpage Live dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839578839 2026-03-25 14:38:31 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839578839 How to use this Padlet? dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839625474 This Padlet has a timeline format, so you may need to scroll horizontally to see some of the content. The first post is a link for downloading Phoenix Code to your own computer. Most of the other posts feature a video recording with a bullet list of its main contents below. Some list items contain a link to useful info.

    ]]>     2026-03-25 15:09:59 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839625474     09 Extras - Things to try for Brownie Points or Personal Interest? dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839736623

  • Load a Custom Font (Intermediate)

  • Link to another Web Page (Easy):

    • <p>
      Want to make a link using text?
      <a href="a-page-in-my-website.html">my link text</a>
      Want to make a link using an image?
      <a href="a-page-in-my-website.htm"><img src="an-image-in my-website.jpg</a>
    </p>
    ]]>     2026-03-25 16:31:44 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839736623     Help and support dds8 https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839813224 Or you can email me direct if you prefer:

    bismark.tackie@uwe.ac.uk

    ]]>     2026-03-25 17:36:06 UTC https://padlet.com/the_university_of_the_west_of_england/cs0cytdnmhzwjv1h/wish/3839813224