Forum Moderators: open
i am using frontpage to create websites. then when i create a hyperlink, i don't know what address to use. i am using a host for now. but i don't know the exact address to use for the hyperlink. can anyone help out here?
thanks
I began coding using Frontpage 98 myself so by posting here I can imagine you're close to working with a text editor though I do not know the nature of the beast (Frontpage) from 2000+ versions.
There are a few things to keep in mind besides valid markup which primarily would be accessibilities.
<a href="#" title="Fruit cake is tasty!" type="text/html">text or image here</a>
If you work with XHTML and can not use target attribute you'll be able to use rel="" attribute for frames but as a very experienced designer (in the way of frames at least) I can promise you that you won't be needing them.
A minimal link would just use the href attribute which is fine for most things.
Here are some suggestions for you to work with...
- Test your site with Firefox and Opera FIRST. A useful extension for Firefox is Chris Pederick's Web Developer Toolbar and I'd also recremend Adblock. The webdeveloper toolbar has a tool dropdown menu with various validators you can use to check on your work. If you do not understand the errors you WILL see always feel free to post here what get and we'll be happy to help you out!
- When you test your site with Internet Explorer know that it is VERY behind the times right now.
- To get around IE's issues use conditional comments [http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp]
- Validate your markup and accessabilities and ensure your html structure is also up to par. Browse the forums here ... you can learn TONS of stuff and the depth of web design can be pretty insane if you're dedicated.
There are three basic types of link:
1. Absolute:
<a href="[b]http://www.example.com/page.html[/b]">My link</a>This links to a specific domain name and page.
2. Relative to current page:
<a href="[b]../page.html[/b]">My link</a>This links to a page which is one level down (..).
3. Relative to document root:
<a href="[b]/page.html[/b]">My link</a>This links to a page in your "document root", or the same level as the home page.
If you don't know what the domain name will be or if you want to view the pages offline, then don't use the first one except for links to other sites (those kind of links are always absolute links).
Many wysiwyg programs like FrontPage create the second version - making everything relative to the page the link is on. The disadvantage is that if you move the page to a different directory, the link needs to be changed.
The third version is the simplest, as it works from all directories and makes the links consistent across a site - so I would usually recommend that approach. :)
Open the page on which you want to insert a link. From the menu at the bottom choose 'Split' view. This will give a window on top with the html code and a window with the 'Design' or wysiwyg view below it.
In the design window highlight the text you want to link. Notice that the code view jumps to and also highlights the text. Now click on the 'Insert Hyperlink' button in the menu bar -- it's the one with the globe and chain (or press CTRL-K). Use the dialogue box to navigate to and select the page you want to link.
If you look at the code window you'll see that FP inserted the href tags around your selected text.
One of the other nice things about FP is that if you use the folder view to move files around it automatically updates the links on all pages.
