HTML help, probably VERY basic.

  MadeOfStone 10:51 28 Mar 2005

'ello all. I'm new to this HTML stuff and I can't get Dreamweaver MX to work so I'm going for the "make it myself with html" approach to a website. So far, I've made my background in PS6 and sliced it up. I've got a navigation bar at as either side as such, split into three rows to link you to other pages on the site that I want to load in the centre part of the page. This totals seven images, a link to home, link to gallery, link to animation, link to photographs, link to links, a spare navigation one and the main background. PS6 has nicely given me the code for the images to line themselves up perfectly in a table. This is dandy, but how do I get the images to link to other pages? The A href...> doesn't seem to work. If I put this code in it just won't show the image. Would I be better doing it myself in a table? If so, how do I do this? I've tried using the same pictures that PS6 has used in tables but they all go out of line and it looks messy. Somebody help! It's been driving my mad for the past few days!!! If it's any use, here's the code generated by PS6:

TITLE>websitemainimage /TITLE>
META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
!-- ImageReady Slices (websitemainimage.jpg) -->
IMG SRC="images/websitehome.gif" WIDTH=203 HEIGHT=196> /TD>
IMG SRC="images/websitecentre.gif" WIDTH=642 HEIGHT=590> /TD>
IMG SRC="images/websitephotographs.gif" WIDTH=169 HEIGHT=192> /TD>
IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=192> /TD>
IMG SRC="images/websitelinks.gif" WIDTH=169 HEIGHT=197> /TD>
IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4> /TD>
IMG SRC="images/websitegallery.gif" WIDTH=203 HEIGHT=197> /TD>
IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=193> /TD>
IMG SRC="images/websitespare.gif" WIDTH=169 HEIGHT=201> /TD>
IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4> /TD>
IMG SRC="images/websiteanimations.gif" WIDTH=203 HEIGHT=197> /TD>
IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=197> /TD>
!-- End ImageReady Slices -->

Thanks in advance.

  tasslehoff burrfoot 12:19 28 Mar 2005

but the HTML I think you need is

<a href ="new page to link to.html"><img src = "image.gif"></a>

Hope this helps


  Pesala 13:03 28 Mar 2005

I cannot figure out why anyone would want to bang their head against the desk hand-coding HTML when programs like NetObjects Fusion (free on PC Advisor April edition) make it so much easier.

DreamWeaver may be the professional's choice, but probably not the easiest to learn by all accounts.

  slowhand_1000 19:32 28 Mar 2005

In Dreamweaver, first make sure the Properties panel is open. From the Window menu select Properties.

Then if you select the image you want within the page you will see a 'link' dialog box appear within the properties panel. You can either type in the file you want to link to or navigate via the folder icon.

This will create a hyperlink for you as shown by Tasslehoff Burrfoot

  Michendi 10:03 29 Mar 2005

You state "......and I can't get Dreamweaver MX to work...."

Why not? Won't the software run? Or have you not yet figured out how to use it?

There is a time and place for hand-coding. But I don't know anyone who would hand-code an entire site. Hand-coding is usually used to make "tweaks" to the code, but you will only be in a position to do that when you understand HTML as well as you understand English.

If you are just starting off then I agree with Pesala that Dreamweaver is a very big bite to take for a novice. Dreamweaver is absolutely the best BUT you must understand the basics - HTML(XHTML); JavaScript; W3C Standards.... etc BEFORE you can hope to get to grips with Dreamweaver.

NetObjects Fusion is easier but is still in my view quite difficult for a beginner.

The best advice I can give you is to buy a few basic books (e.g. HTML 4 In Easy Steps; JavaScript In Easy Steps). These are ideal for the beginner and you should be able to work through both over a weekend.

For an HTML editor I suggest AceHTML Pro 6 which is available here ...... click here as a free trial download. This is a great piece of software for a beginner because it allows you to hand-code (which is an essential skill if you really want to understand what you are doing) but provides intuitive, live procedural help as you code. A great learning tool.

Anyone..... and I mean anyone..... can put together a simple site using almost no knowledge and lots of freely available tools. BUT - if you want to create your own sites with your own creative skills then you must learn the basics. Without a foundation you will never really understand what you are doing - and more importantly how to modify things so that you can do almost anything.

Good luck :)

  MadeOfStone 14:22 30 Mar 2005

Dreamweaver MX opens to the intro bit, the logo in the middle of the screen, then just freezes. I shall explore AceHTML Pro 6 though, thanks for you response. :-)

  pmorff 01:49 06 Apr 2005

Hi! If you have the page set up for Dreamweaver make sure you have the properties panel open.
Click on the image and the properties will be display for that image. On the left hand side in the properties panel is a square and circle. These can be used to create hotspots. Once you have done this you can browse for the page you want to link to or if the link is to another website copy and paste the URL into the window for the link.

If you want a good basic guide for a beginer using Dreamweaver try the Dorley and Kindsley introduction to Dreamweaver 4. They are very similar and you do have the alternative to use Dreamweaver 4 when MX starts up.
Also the Babarni publications are very good and cheap.

I would stay with Dreamweaver if I was you, once you get the hang of it you will be glad you did'nt try anything else. If you want to use other software though, some of the PC mags have Namo webeditor 4 as free software. This is similar to Frontpage and quite easy to use.
The only real alternative to Dreamweaver is Frontpage itself. Adobe go live is a struggle for a novice.

  pmorff 22:02 15 Apr 2005

The first time I read your question I thought the problem was with Dreamweaver.
Alas the problem is with the importing of the PS images and code.
Having sliced your images you will need to add them to the webpage. It might be a good idea to add them into a table or add them into a layer.
Once you have the images in the webpage add the code or visa versa.

To get the links to other pages you can add a hotspot to each slice or a anchor for each slice.
To add a hotspot open up the properties and then click on the slice. use the hotspot drwaing tool and then click on the folder icon. Go to the folder where the pages are and then click on the page required. Click save and done.

For a basic guide on how to use Dreamweaver you can buy a Dorley and kindsley beginers guide for a fiver.

  quack 14:49 16 Apr 2005

I agree with all the comments made re Dreamweaver but I personally think that M/S Frontpage is a very close second to Dreamweaver and very much easier to use for a beginner or even an experienced Website Designer.

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

iPhone X review

Political cartoons in 2017: Chris Riddell, Rebecca Hendin and Dave Brown on what it’s like to…

The best iPhone for 2017

Tennis : comment regarder la finale de la Coupe Davis 2017 ?