Jack Jones

Jack Jones wants to introduce himself to the world.

You can find his personal webpage here

Introduction to web design

Let's get started. We will need:

• a text editor Sublime Text
• a web browser eg Google Chrome
• a positive spirit!

1. Get organised

Web Design projects mean you will be working with lots of files.

First, set up a project folder for Focus 1. Create the following folder structure on your computer:

2. Choose a text editor

You will be doing a lot of typing!

Choose a good text editor to type your HTML script.

Some options are:

Task 1

Download these image files and save them in your Focus 1 project folder.

Task 2

Download this webpage and save them in your Focus 1 project folder.

Task 3

Open index.html in a web browser.

Open index.html in a text editor.

Can you figure out how to do splitscreen to view your browser and text editor at the same time?

Task 4

Edit the text file with your name instead of Jack Jones.

Save the text file.

Refresh the browser.

Can you see your name in the web page now?

Task 5

Edit the text file with information about you instead of Jack Jones. Each time you make a change:

Save the text file.

Refresh the browser.

Does the webpage update properly?

Task 6

Can you replace the three images with images about you?

This is tricky! Can you figure it out?!

Free Design

If you get this far, add your own ideas to the webpage!

Your mission is to introduce yourself to the world!

SUBMISSION

Submit your project folder as instructed by your tutor.