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
- Add appropriate text and stylize your two other webpages using HTML tags.