Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Basics | Web pages links
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Web pages links

In this beginner's lesson we're going to create three web pages and links between them.

 
  Author: mat | Version: | 24th September 2011 |  
 
 
1.
 

Start Adobe Dreamweaver and create a site for your new project.

Click here for the lesson on how to create a site.

 
 
2.
 

Let's create a new web page for your site.

In the menu click File and New (Ctrl + N for a keyboard shortcut).

 
 
3.
 

Choose Blank page and double click HTML.

 
 
4.
 

A new Untitled document opens. Click Design for the design view.

 
 
5.
 

In the blank document, enter the titles of your web pages and at the end enter a welcome text (see picture).

 
 
6.
 

In the menu click File and Choose Save As (Ctrl + Shift  + S for the keyboard shortcut).

 
 
7.
 

As a file name enter index.html and click Save.

 
 
8.
 

Now create another web page as you did previously; File, New, Blank Page, HTML.

Again enter or copy/paste the titles of your web pages and at the end write something about you or your company (see picture).

 
 
9.
 

Save the web page (Files, Save As) and enter about_us.html in the File name field.

Click Save.

 
 
10.
 

And create another new home page (File, New, Blank Page, HTML), copy/paste the titles of your web pages and at the end write your contact data text.

 
 
11.
 

Save as contact.html.

 
 
12.
 

Now choose the index.html tab.

 
 
13.
 

Now we're going to add the links.

Select the HOME PAGE (see picture) ...

 
 
14.
 

Now we're going to add the links.

... click the Browse button ...

 
 
15.
 

... and choose, double click index.html.

 
 
16.
 

Your Home Page link is now added.

Do the same for ABOUT US, choose the about_us.html and for CONTACT choose contact.html.

 
 
17.
 

Now you have all the links you your index.html Home Page.

 
 
18.
 

Now click the about_us.html tab and do the same steps you did for the index.html.

When you're done click the contact.html tab and take care of it the same way you did for the other two.

 
 
19.
 

When you're finished linking all the new web pages you created, click File and Save All to save your project.

 
 
20.
 

Now just press F12 and start browsing your website.

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