?
Solved

Menus, clickable regions, image placement and opening new browser windows

Posted on 2003-03-05
9
Medium Priority
?
298 Views
Last Modified: 2010-05-18
The title about sums it up. I've been given the task of building a business website.

It's been a while since I did one and things look to have moved on since HTML.

A quick meeting revealed they want the following features on the website:

- Images arranged in a yet to be defined pattern.
- Menu bars at the top of these images with drop down menus
- Some images require clickable regions
- These clickable regions (and some other links) will open a new fixed size browser window containing some information and will be closed with a close button.

Luckily they don't require any interaction as yet so I can ignore forms for now.

I take it I need something more than trusty HTML to achieve all this. The company are willing to shell out for a few books so any ideas what I need?

They might even shell out for some software - is there anything out there that could do all this for me?

At the moment I have a slim Javascript book which doesn't look very comprehensive and Frontpage Express.

rd707
0
Comment
Question by:rd707
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +2
9 Comments
 

Accepted Solution

by:
alleycat123 earned 400 total points
ID: 8070801
I have very little html knowledge, yet am able to make very nice websites easily... with flash buttons and great layout... using macromedia dreamweaver... I love this package, and i believe it is tons way better than frontpage... although both packages get taking used to, after completing basic tutorials and experimenting... i can create good pages...

Dreamweaver comes with ready made buttons... and by positioning layers and making tables automatically from them.. you can create good layouts.....

Go for Dreamweaver... its best out tthere great for beginners and advanced html people...
0
 

Expert Comment

by:alleycat123
ID: 8070835
Oh yeah... when i started out i bought two or three books...

Dreamweaver Bible.. Flash Bible... Look for a good book on these two software.. Once u get started making websites it can get a bit addictive... HONESTLY. Its like Art.. You have the whole world looking at the pages you created Going way off the original topic now and looking real corny :)

Just dont over do anything.. keep it simple keep the colours simple too...


A WARNING of what bad taste can do:
http://www.slackorama.net/cgi-bin/content.pl?juk

The most difficult part of web design is Graphics.. I find making a good logo.. or buttons difficult.. But eventually i come up with good stuff...

I doubt uyour company would shell out a lot of money for Adobe Photoshop... So go for Paintshop Pro.. It is very good and easy to use.

I have both...  Photoshop is extremely powerful and brilliant.. may be too much for beginners like myself :)


A lot of these programs are very expensive... even Dreamweaver.. But Dreamweaver i believe is essential if you want ease of use and great layout.

........and dont listen to anyone who says use pirated software....as u can get your company in big trouble. :)
0
 

Expert Comment

by:alleycat123
ID: 8070841
A quick meeting revealed they want the following features on the website:

- Images arranged in a yet to be defined pattern.
- Menu bars at the top of these images with drop down menus
- Some images require clickable regions
- These clickable regions (and some other links) will open a new fixed size browser window containing some information and will be closed with a close button.

THese things are done with a click of a button in a WYSIWYG program like Dreamweaver.. no probs.. Even drop down menus are created automatically in dreamweaver... all you do is go to and select from "behaviours"

0
On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

 
LVL 4

Expert Comment

by:dearsina
ID: 8071480
Put your money in Dreamweaver (http://www.macromedia.com/)as the others here have recommended, and get a freelance designer to make up a template, this way you get a nice professional look.
With Photoshop you might venture into it yourself, but it is so expensive and time consuming that you might as well outsource it.



sina
freelance designer (wow, you're in luck!)
view http://5127.co.uk/ for portfolio
0
 
LVL 4

Author Comment

by:rd707
ID: 8071572
Sounds groovy. What does Dreamweaver actually output? I'm assuming it is a mix of HTML and some kind of script language.

I've already got the domain parked and the hosting all setup. Will I need to ask them if they're Dreamweaver compatible?

Does anybody know if the Dreamweaver (30-day) trial version is fully functional? I may need to knock up something for a business case (* I hear the sound of my first free weekend in about 3 months being flushed down the toilet ;-) *).

Sina - cool site. I'll mention your talents to the powers that be although I think we've already got some gaudy graphics earmarked - God help us.

rd707
0
 
LVL 4

Expert Comment

by:dearsina
ID: 8071676
Dreamweaver is a very handy program that makes HTML files, first and foremost. It is very comprehensive, yet easy to use. My only suggestion — before my comment starts looking like a Macromedia press release — is that you download the trial, give it a go. If you like it, buy the full version, if you don't like it, you're out of luck, because this is as good as HTML editors get. :-)

You don't need to ask them if they are Dreamweaver compatiable, unless you wan't to crack a joke, if you get my drift.

Dreamweaver can also, and will, if you use some of the WYSIWYG functions, produce some JavaScript code, but you don't actually need to do anything with it, and everything is tucked nicely into the HTML files.

Good luck to you.

sina
london

(The only thing that is beyond me, is how you managed to get that job :-)
0
 
LVL 19

Expert Comment

by:webwoman
ID: 8072206
I'd do most of what they want in Fireworks. You can generate your HTML from that, with all the effects, and use it in Dreamweaver.

Don't forget a good HTML reference -- while DW/FW is good, you'll STILL need to tweak the code. Depending on what you need to do, you might need to tweak it a LOT.

A good javascript book wouldn't hurt either.

I would also second the recommendation to download the demos for DW/FW. Give them a try, THEN decide if it's what you want.

IMHO, don't use any of the fancy effects in DW until you're a bit more comfortable with what it's doing. FW doesn't generate quite as much trouble, because it's graphics based and really IS WYSIWYG. DW isn't. The DW design view is NOT what you're going to see in the browser. It's a huge help, but it's NOT exact. In some cases, it's not even CLOSE.

Just a warning...too many people think the WYSI(N)WYG web editors let you do anything with a click of a button. They don't. All those effects don't always quite work (or look) the way they do in the editor. If you do them with no idea of what's going on, you have no idea what's happening or how to fix it if it isn't what you expected.
0
 

Expert Comment

by:BHaines
ID: 8115069
You can actually do most of this with a basic image map (clickable regions for images) and javascript without having to shell out money for Dreamweaver. If you aren't proficient in HTML a good drag and drop HTML editor is helpful. If you are familiar with HTML then your issues can be solved as follows:

- Images arranged in a yet to be defined pattern.

If they are providing the images, the basic HTML tag is

<IMG SRC="path/filename.extension" height="##" width="##">

- Menu bars at the top of these images with drop down menus
There is a slew of DHTML drop down menus on the web. Check out some of them at:

http://dynamicdrive.com/dynamicindex1/index.html

- Some images require clickable regions

Most "drag and drop" HTML editors will have an image map tool. There are also freeware imagemap programs such as:

http://www.a1b2c3.com/free/down/mapcreat.htm

- These clickable regions (and some other links) will open a new fixed size browser window containing some information and will be closed with a close button.

This is solved by placing this into the image map A HREF for each clickable area:


  <a href="http://blahblah.com/yadda.htm"  
  onClick="window.open('http://blahblah.com/yadda.htm',
  'myWin', 'toolbar=no, directories=no, location=no, status=no, menubar=no,
  resizable=no, scrollbars=no, width=500, height=400'); return false"
  MAP COORDINATES</a>

Accompanied by this in that htm page you want to pop up in that window to close it:

<FORM><INPUT TYPE="button" VALUE="Close Window" onClick="window.close(myWin)"></FORM>

Hope this helps.
0
 
LVL 4

Author Comment

by:rd707
ID: 8117789
Thanks for all the help people - appreciate it.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
Suggested Courses
Course of the Month13 days, 20 hours left to enroll

801 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question