# data[].attributes.attachment_caption
You don't need to use every technique here. Try them out and only use the ones that work for your design!

# data[].attributes.body
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.

# data[].attributes.headline
00 Downloading Phoenix Code to a Personal Computer/Laptop

# data[].attributes.subject
00 Downloading Phoenix Code to a Personal Computer/Laptop

# data[].attributes.body
Phoenix Code is a free Open Source code editor which is available for MacOS, Windows and Linux

# data[].attributes.attachment_link.description
The text editor designed to make coding as simple and fun as playing a video game

# data[].attributes.attachment_caption
Optimizing Images and Creating a Website Folder !! IMPORTANT !!

# data[].attributes.headline
01 Optimising Images and Creating a Website Folder

# data[].attributes.subject
01 Optimising Images and Creating a Website Folder

# data[].attributes.body
How to optimise images using Photoshop Save for Web

# data[].attributes.attachment_link.title
01 Optimizing Images and Creating a Website Folder

# data[].attributes.attachment_link.description
[Auto-generated transcript. Edits may have been applied for clarity.]

# data[].attributes.body
Opening your website folder in Phoenix Code

The Basic structure of HTML tags

Adding a Heading, Paragraph and an Image

# data[].attributes.attachment_link.description
Auto-generated captions may contain errors.

# data[].attributes.body
Adding a Background Color to a web page

Adding a Background Image to a web page

Choosing Web Safe Fonts

# data[].attributes.body
Centering the elements on your web page

Adding line spacing (leading) to your Paragraph

# data[].attributes.attachment_link.description
So at this point, a question I frequently get asked is how can we center all of our objects on our page?

# data[].attributes.headline
05 CSS - Absolute Postioning - Layering Element

# data[].attributes.subject
05 CSS - Absolute Postioning - Layering Element

# data[].attributes.body
Positioning elements

Layering elements

# data[].attributes.attachment_link.description
[Auto-generated transcript. Edits may have been applied for clarity.]

# data[].attributes.headline
06 CSS - Proportional Scaling and Positioning | Responsive Web Pages

# data[].attributes.subject
06 CSS - Proportional Scaling and Positioning | Responsive Web Pages

# data[].attributes.body
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.

# data[].attributes.attachment_link.title
06 Proportional Scaling and Positioning - Responsive Web Pages

# data[].attributes.attachment_link.description
[Auto-generated transcript. Edits may have been applied for clarity.]

# data[].attributes.body
How to add extra images - using CSS IDs

# data[].attributes.headline
08 HTML & CSS - Highlighting Words or Letters - Span Tags

# data[].attributes.subject
08 HTML & CSS - Highlighting Words or Letters - Span Tags

# data[].attributes.body
Use the Span tag to pick out text in a Paragraph and add a CSS class to style a tag

# data[].attributes.attachment_link.title
08 Highlighting Words or Letters - Span Tags

# data[].attributes.headline
09 Extras - Things to try for Brownie Points or Personal Interest?

# data[].attributes.subject
09 Extras - Things to try for Brownie Points or Personal Interest?

# data[].attributes.body
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>

Styling Links (Easy)

Rotate elements (Easy)

# data[].attributes.headline
10 Module Submission - Making Your Webpage Live

# data[].attributes.subject
10 Module Submission - Making Your Webpage Live

# data[].attributes.attachment_link.description
Auto-generated captions may contain errors.

# data[].attributes.body
Or you can email me direct if you prefer:

bismark.tackie@uwe.ac.uk

# data[].attributes.attachment_link.description
Telephone: 0117 3285727 eMail: dds@bowerashton.org You can also use the contact form below for non-urgent queries and we'll get back to you as soon as we can.