Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Navigation | Links between web pages
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Links between web pages

We will create three new web pages for an imaginary company. Then we will link them to allow transitions between them.

 
  Author: bole | Version: CS3 | 14th November 2013 |  
 
 
1.
 

Open Macromedia Dreamweaver.

 
 
2.
 

Now, we will create the first page.

Click on File and select New (shortcut as CTRL + N).

 
 
3.
 

In new window select Basic page and on the right choose HTML.

Confirm it with Create.

 
 
4.
 

You have created a new document temporary named Untitled-1.

 
 
5.
 

Enter to this document FIRST PAGE, WHO ARE WE and CONTACT.

 
 
6.
 

Write the welcome massage below.

 
 
7.
 

Click File and choose Save as.

 
 
8.
 

In the new window, under File name, type index.html and click on the Save button.

 
 
9.
 

Now repeat the process and Create another page. Click on File, New, Basic Page, HTML and Create.

In the program you will see a new tab Untitled-2, which is located next to index.html.

 
 
10.
 

Again, enter the HOME PAGE, WHO ARE WE and CONTACT, as on the first page.

Below write a description of the company or a team.

 
 
11.
 

Now click File and choose Save as...

Type the file name (I chose who_are_we.htmland confirm it with Save button.

For greater transparency use the underscore in the file names.

 
 
12.
 

Now you have created two new web pages.

 
 
13.
 

Create a third new page. Click on File, New, Basic Page, HTML and Create.


 
 
14.
 

Enter again FIRST PAGE, WHO ARE WE and CONTACT. 

Enter "This is the contact page." below.

Save the page as contact.html (File, Save As ...)

 
 
15.
 

All three pages are created. Now we will link them to each other.

Click on the tab index.html.

 
 
16.
 

Mark "FIRST PAGE"...

 
 
17.
 

...and click on the yellow icon, which determines the Link.

Or right-click on highlighted text and choose Make link.

 
 
18.
 

Select index and confirm it with OK.

 
 
19.
 

Select WHO ARE WE and repeat the process, but select the file who_are_we.html.

Do the same for CONTACT.

 
 
20.
 

Links on the first page are created.

Click on the tab who_are_we.html and contact.html and create links also on these pages.

 
 
21.
 

When you are finished, don't forget to save the pages.

Click File and select Save all.

 
 
22.
 

We are done.

Press F12 or go to File, Preview and Browser, and select Internet Explorer or another browser to see your new website.
 

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO