CODE CREATIVE
CREATING W/ HTML
Hypertext Markup Language
TASK:
Creating a web project using Aptana.

HINT #1:
You need to open up Aptana and click on
New -> Web Project
. Select
Basic Web Template
. Configure the preview button to use
Google Chrome
and preview your project’s index page using the
play
button.

CHECK UP:
Watch the video below to check that you completed the task.
TASK:
Add the text "My First Webpage" to the top bar and "Hello World!" to the body of your webpage.

HINT #1:
You need to replace the text found inside of the
title
tags with the text
My First Webpage
. Then, erase everything found in the
body
tags and replace that with the text
Hello World!
. Preview the index page.

CHECK UP:
Watch the video below to check that you completed the task.
TASK:
Add a title, 3 paragraphs of text, and copywrite information to your web page and stylize them.

HINT #1:
Add the title
Miyamoto Musashi
as the top line of your body, 3 paragraphs of text, followed by the copyright information. Be sure to include the
center, b, i, and p
tags in the appropriate places.

CHECK UP:
Watch the video below to check that you completed the task.
TASK #4
TASK:
Create two more web pages to your website.

HINT #1:
There are two ways to accomplish this task: create a new web page or save your index page as your other two pages. To create a new page, while your are viewing your project, click on
File -> New From Template -> HTML -> Blank File
and modify the body. To save as, view your index and click on
File -> Save As
and enter the
title
of your second web page. Finally, modify the body as you wish.

CHECK UP:
Watch the video below to check that you completed the task.
TASK #5
TASK:
Add navigation links to your web pages.

HINT #1:
You will need to add a
ul
element to the top of your webpage, just after the
title
. Within the
ul
tag, each bullet point needs to start with a
li
tag. Be sure that each of your three links is contained within
a
tags and the page you wish to navigate to is specified in the
href
property.

CHECK UP:
Watch the video below to check that you completed the task.


CHALLENGE EXERCISE
  1. Add appropriate text and stylize your two other webpages using HTML tags.