HTML Introduction

A HTML page is a web page, these are used to create websites. Today in class we were looking at how a web page is structured. A HTML tag (element) is used to describe what a part of the page does. Today we looked at <!DOCTYPE html> – this tells the browser that the document is html5 <html></html> – everything in this block is html <head></head> – this is

Read More

Menus & Hyperlinks

A hyperlink is a link to another page, this page can be on the same or on another website. To add a menu to you site you need to use a Spry called “Spry Menu Bar”, this creates an unordered list that makes use of CSS formatting to make it look like buttons. Dreamweaver takes care of all the CSS and leaves you to focus on the content. Go to the

Read More

Web Development – Images

Images are a huge part of web pages, but they were almost an after thought in the design of the web. You still sometimes get that feeling when you are trying to do something creative with them. The class started with a discussion about the need for images on a website. The class were then asked to find ten pictures for their website. Once the task was completed we discussed copyright.

Read More

Web Development – Pages

The Aim of today’s lesson was to get the basic HTML pages created. We started off by looking at a range of websites and how they were laid out. We then loaded Dream Weaver and had a look at the HTML layouts, showing how different layouts matched up to websites. We created a new 3 column hybrid with headers and footers page and saved it as index All websites

Read More

Web Development – Wireframes

Today we created a Moqups account for ourselves and started the process of designing a web site. What is a wire frame? A wire frame is a document we use to design the layout of a web page. It contains heading and links as well as a layout to describe where graphics and text appear. However, it does not contain the images or test themselves. The websites we used today are

Read More

S2 Olympic Trip – Task

The Olympics takes place this summer in London. You have managed to secure tickets for the final of the event you created the web page for! You are going to plan the trip for this task. The Olympics is a once in a lifetime event, so money is no object for this task. You will need to create a series of web pages with the following sections Introduction page with a

Read More

Adding a table in Wikispaces

Tables are very good for laying out information and even entire pages. In today’s lesson we had to create a table to store the basic page layout. Go to the page you want to add the table to, and click edit Click on the table icon and change it too 3 columns and 2 rows Click on the first cell, the click the table properties icon when it appears

Read More

Tables in Dreamweaver

The class created a template for use in dream weaver, it will allow them to lay out all their pages the same way. Dreamweaver Tables also allow you to layout webpages in a more structured manor.