CI435 Learning Journal

How to make a responsive website

My timetable
Day/time Monday Tuesday Thursday Friday
9-10am C401 lecture
W310
10-11am CI435 lecture
Huxley 300
CI453 tutorial C400 lecture
W310
11-12am CI402 lecture
Huxley 300
CI401 tutorial
W234
13-14pm CI435 lab
W206
CI402 lab
W205

Weekly Posts

Week 3 - Learning about lists and tables

Posted on

Nesting an unordered list within an ordered list

  1. Week 1
    • Set up site folder
    • Create index.html
    • Create about.html
    • Link files using alists for the navigation
  2. Week 2
    • Add posts and date
    • Add named anchors

Description list

HTML
Hyper-text markup language - the lingua franca of the web
CSS
Cascading stylesheets - used to tell browsers how to display HTML elements
JavaScript
Scripting language for adding interactive behaviour to web pages

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat, risus et hendrerit consequat, ante lectus porttitor tellus, eget blandit urna nibh a metus. The W3C has made an HTML5 logo that you can add to your web page. The HTML5 logo is licensed under a Creative Commons Attribution 3.0 and is free to use. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat, risus et hendrerit consequat, ante lectus porttitor tellus, eget blandit urna nibh a metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat, risus et hendrerit consequat, ante lectus porttitor tellus, eget blandit urna nibh a metus.

Some reference here to my own reading and research, explaining what I have done and what I have learned from it. I might show before and after screenshots in my web page, with the changes that I have made.

Go to top

Week 2 - Learning more tags

Published on

The W3C defines HTML and CSS as follows:

HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics and scripting, HTML and CSS are the basis of building Web pages...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc volutpat, risus et hendrerit consequat, ante lectus porttitor tellus, eget blandit urna nibh a metus.

Some reference here to my own reading and research, explaining what I have done and what I have learned from it. I might show before and after screenshots in my web page, with the changes that I have made.

Go to top

Week 1 - Getting started

Published on

I finished the first lab tutorial and ended up with a basic 3-page 'website'. In this tutorial I learned how to do the following things -

  1. Set up the folders and files for my site on my workspace on the Brighton Domains web server
  2. Link two pages together with a navigation menu (relative link)
  3. Create links to external webistes (absolute link)
  4. Use h1 and h2 tags
  5. Edit the page title
  6. Validate HTML using the W3C validator
Website folders
Website folder structure
Screenshot © Jennie Harding

Some reference here to my own reading and research, explaining what I have done and what I have learned from it.

Go to top