J1.5

Difference between revisions of "Add links to other pages: Joomla! 1.5"

From Joomla! Documentation

 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{incomplete}}
+
{{version/tutor|1.5}}{{:Getting Started Page Index/1.5}}
{{RightTOC}}
+
The aim of this document is to show how links can be added to Articles. It is one of four documents with hands-on instructions about editing Articles in a series introducing Joomla! version 1.5.
===Index to the other documents in this series===
 
<div  style="border:thin solid black; background: #f5f5f5; left: 50px; width: 50%; ">
 
{{:Page Index}}
 
</div>
 
 
 
 
=== Who is it written for?===
 
=== Who is it written for?===
:*Everyone. But the tasks require a bit more background knowledge than text formatting, so if you are not very experienced at this sort of thing you may find that you need to follow the instructions carefully.
+
:*Everyone
:*There is an indication in each section about where the inexperienced might find problems
+
==Introduction==
As with the tutorial on using the editor and adding articles - you need:-
+
One of the key features of documents on the web that they can have links to other web sites, making any one web page part of a large network which extends beyond the text on the screen - thus the term hypertext. Links are also used to navigate within a Web site and even within the same page.
:*access to a Joomla! site
 
:*to be logged in with a username with an appropriate level of permission
 
:*to know where the Article to be edited is located
 
 
 
== Adding links to another web page or article==
 
One of the key features of documents on the web that they can have links to other web sites, making any one web page part of a large network which goes beyond text - thus the term hypertext.
 
<div style="border:thin solid green; margin-left:50px; background: #f5f5f5;  width: 60%;">
 
To add a link - you need to be aware of how a link to web sites are formed using a URL.  
 
 
 
brief aside on this - maybe
 
</div>
 
  
 
There are two main options:-
 
There are two main options:-
Line 26: Line 10:
 
:# A link to a page on another website, that is to say an external website
 
:# A link to a page on another website, that is to say an external website
  
==== 1. To link to a menu within the current web site ====
+
=== A link to a menu within the current web site ===
The menu and article details will vary from site to site.  
+
The menu and article details will vary from site to site and the detail depends on the editor used.
  
 
'''Using a simple editor'''
 
'''Using a simple editor'''
 +
You need to know the address of the menu or article that you want to link. The best way to do this is:-
  
If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!  
+
::Open the menu/artilce you want to link to.
 +
::Copy (Ctrl-c does this) the address in full from the top of the browser screen.
 +
 
 +
If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!
  
 
::Open an article for editing
 
::Open an article for editing
Line 38: Line 26:
 
This opens a dialogue box
 
This opens a dialogue box
  
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
+
[[Image:GSlinktinyed.png|frame|center|'''The Link dialogue box for the Tiny editor''']]
screen of the dialogue box - using the Tiny edite and the full url
 
 
 
  
</div>
 
 
::Link URL:Paste the URL of the part of the website you want to link.
 
::Link URL:Paste the URL of the part of the website you want to link.
 
::Target: choose 'Open link in a new window'
 
::Target: choose 'Open link in a new window'
Line 49: Line 34:
  
 
'''Another editor'''
 
'''Another editor'''
 +
Some editors allow for choosing menus and articles within the current web site, as the illustration shows.
 +
[[Image:GSlinkJCE.png|frame|center|'''The Link dialogue box for the JCE editor''']]
  
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
+
The initial process is the same:-
a screen of JCE
 
 
 
</div>
 
Some editors allow for choosing menus and articles within the current web site, as the illustration shows. The initial process is the same:-
 
 
::Open an article for editing
 
::Open an article for editing
 
::Highlight the words to appear as an underlined link in the finished page
 
::Highlight the words to appear as an underlined link in the finished page
Line 71: Line 54:
 
::Click on the Insert button
 
::Click on the Insert button
  
==== 2. To link to an external site ====
+
=== A link to an external Web site ===
  
 
You need to know the address of the page you want to link. The best way to do this is:-
 
You need to know the address of the page you want to link. The best way to do this is:-
Line 85: Line 68:
  
 
This opens the dialogue box
 
This opens the dialogue box
 
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
 
screen of the dialogue box
 
 
</div>
 
  
 
::Paste in the address of the destination page in the Link URL box (Ctrl-v)
 
::Paste in the address of the destination page in the Link URL box (Ctrl-v)
Line 101: Line 79:
  
 
::Click on the Insert button
 
::Click on the Insert button
 +
 +
 +
----[[User:LornaS|Lorna Scammell]] December 2010

Latest revision as of 07:20, 6 June 2013

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

The aim of this document is to show how links can be added to Articles. It is one of four documents with hands-on instructions about editing Articles in a series introducing Joomla! version 1.5.

Who is it written for?[edit]

  • Everyone

Introduction[edit]

One of the key features of documents on the web that they can have links to other web sites, making any one web page part of a large network which extends beyond the text on the screen - thus the term hypertext. Links are also used to navigate within a Web site and even within the same page.

There are two main options:-

  1. A link within the current site to another article or menu
  2. A link to a page on another website, that is to say an external website

A link to a menu within the current web site[edit]

The menu and article details will vary from site to site and the detail depends on the editor used.

Using a simple editor You need to know the address of the menu or article that you want to link. The best way to do this is:-

Open the menu/artilce you want to link to.
Copy (Ctrl-c does this) the address in full from the top of the browser screen.

If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!

Open an article for editing
Highlight the words to appear as an underlined link in the finished page
Click the "Insert/edit link" icon (a chain which became active when text is selected)

This opens a dialogue box

The Link dialogue box for the Tiny editor
Link URL:Paste the URL of the part of the website you want to link.
Target: choose 'Open link in a new window'
Press Update

When the article is saved - check that the link works.

Another editor Some editors allow for choosing menus and articles within the current web site, as the illustration shows.

The Link dialogue box for the JCE editor

The initial process is the same:-

Open an article for editing
Highlight the words to appear as an underlined link in the finished page
Click the "Insert/edit link" icon (a chain which became active when text is selected)

This opens a dialogue box. To choose the right menu:-

Click the + next to Menu
Click the + next to Main Menu

Find the menu that you want to link.

Click the + next to that menu

This shows all the options below that menu item.

Highlight the one you want to use

To open it in a new window (rather than in the same page):-

Click Target - there is a list of choices.
Choose Open in New Window

Finally - to insert the link -

Click on the Insert button

A link to an external Web site[edit]

You need to know the address of the page you want to link. The best way to do this is:-

Open the page you want to link to.
Copy (Ctrl-c does this) the address in full from the top of the browser screen

In your article:-

Enter the text to be linked if it is not there already. (This is what appears as an underlined link in the finished page.)
Highlight the text to be linked
Click the "Insert/edit link" icon (a chain which becomes active when text is selected - in the bottom row of icons)

This opens the dialogue box

Paste in the address of the destination page in the Link URL box (Ctrl-v)

To open in a new window (rather than in the same page) - this is often helpful for external sites:-

Click Target - there is a list of choices.
Choose Open in New Window

Finally - to insert the link -

Click on the Insert button



Lorna Scammell December 2010