Week 2 – Introducing HTML

Like architects learning about carpentry – or film-makers learning about lighting – or musicians(!) learning about how webpages work – today we dive into the world of HTML (Hyper Text Mark-up Language) : “a text and image formatting language used by web browsers to dynamically format web pages”.

This week, then:
What does a simple page contain?
Learning the structure and syntax (rules/principles) of HTML ( such as tags, elements etc )
Once HTML files have been made, where do you put them? ( servers / how to upload / how do URLs work? / What is the difference between relative and absolute addressing? )
How do we link pages to one another?
We will be relying mostly on W3schools to explore these ideas. Feel free to explore each topic in the W3schools sidebar in your own time.

Other HTML Tutorial Resources:
These alternatives to W3Schools have their merits – perhaps one of their approaches is more suited to you?
html.net
HTML Dog
Your HTML Source

Project Task:
Create a new folder within your section of the RMIT server, giving it the name of your project.
Create an example page that includes your name, a link to your blog and one sentence about what you wish to achieve with your project. Save the page as ‘index.html’
Create a second page that briefly describes what your time lapse video will be about. Include a link to your main project page ( eg link – http://raws.adc.rmit.edu.au/~s123456/projectname/index.html ) Save this file as timelapse.html

And finally, write up a brief blog post about your project and include a link to your project website. This will mean everyone will be able to read about all the projects in each of the 3 classes, by reading the Rss feed for the group.

Later :
For those wanting to push ahead with their HTML learning, next to explore will be including images on pages, exploring colour and fonts, and importantly – using tables to format pages.

Advertisements

One Response to “Week 2 – Introducing HTML”

  1. Week 5 – HTML Formatting + Design « Rmitmusic Blog Says:

    […] already learnt a little about the structure and principles of HTML pages, this week we will explore techniques for controlling the layout and design of a webpage. But […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: