Best phone camera 2016/2017: Galaxy S7 vs iPhone 7 vs Google Pixel vs HTC 10 Evo vs OnePlus 3T vs…
'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:
META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
!-- ImageReady Slices (websitemainimage.jpg) -->
TABLE WIDTH=1014 BORDER=0 CELLPADDING=0 CELLSPACING=0>
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.
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.
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
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.
NetObjects Fusion is easier but is still in my view quite difficult for a beginner.
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 :)
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. :-)
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.
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.
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.