?
Solved

shy is my page loading choppy....Dreamweaver

Posted on 2007-03-20
11
Medium Priority
?
270 Views
Last Modified: 2010-04-06
Hello.  I was wondering why my page is opening so choppy. It just seems to load in parts as opposed to one page.  Thanks






http://temp.hmeproviders.com/infopia%5Feocene/index.htm
0
Comment
Question by:tkanz
[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
  • 6
  • 5
11 Comments
 
LVL 16

Expert Comment

by:OliWarner
ID: 18757498
Because you use so many images.

When a browser downloads a page, it gets the main HTML first but then it has to make new connections to download each image, stylesheet, or external javascript file.

Your option is really only to start dumping the number of images you're using on the page. You can have one image to represent the whole thing and then use an image-map to add your links.

You could also add a pre-loader script that loads all the files but that's very dirty and will proabably make visitors just browse away.
0
 

Author Comment

by:tkanz
ID: 18759515
Okay.  I do understand that.  I guess where I get stumped is the design is created in Firewords and gets exported to Dreamweaver.  Are you saying that I not put the images in the folder, then hot spot everything or layer?  I really do not understand anything but the way I am doing it.  Could you help me understand or tell me where to go?

Thank you so much.
Tamela
0
 
LVL 16

Expert Comment

by:OliWarner
ID: 18759620
Sure.

If I had to do a design based on an image, I would export it striaght from Fireworks as one whole image, link that in on my page and then use Dreamweaver to create an image map.

Ok so you've got your image up. Select it. In  the properties box at the bottom of the screen there should be some tools pop up. If you can't see them, click the arrow on the raw right hand side of the properties box and it will expand.

You can then make "hotspots" around your image and have those linking to where you want them to go.
0
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

Author Comment

by:tkanz
ID: 18759697
So I import the image then slice it up on DW to create the map.  Then even though it is still sliced it won't be choppy?  I am trying to reword it in my words so I understand.  Sorry.

I could still use the layers on the verbage off to the sides of the images; right?
Always afaid of changing or getting out of the box when it comes to web design.  

Also, when I make a map on the buttons, I can do the rollover with the changing colors, correct.

So my tech guy doesn't blow a gascit (sp) Is this going to change anything that he will notice or just make it less choppy?

Thanks, Tamela
0
 
LVL 16

Expert Comment

by:OliWarner
ID: 18759814
You don't actually slice it up. The whole thing should be one image file. That way your browser only has to download two files (your HTML and your image) and things should be noticeably faster.

You should be able to do the hovering text (that loads on rollover) with DreamWeaver. I assume you're using fireworks to do that at the moment -- but that behaviour shouldn't change at all. You're just linking the activity to the hotspot rather than a "real" <a href /> link

Your tech guy would probably notice you've done something, but he shouldn't explode.
0
 

Author Comment

by:tkanz
ID: 18759824

My tech guy makes me so mad.  When  I asked him about moving the whole image and he said it isn't going to  make a difference that dreamweaver is just about chopping up images and making a website.  Is there another way to make web sites that he would be happier with? Or is he just....or do you need a phd for any respect?


















0
 
LVL 16

Expert Comment

by:OliWarner
ID: 18759986
There's not an easy way to demonstrate the blocky loading other than to just output the picture as a whole, stick it on the page and see how it loads.

If you can see how they're loading differently, that should be enough to prove to him it's a better option... And it should only take a couple of minutes (if that) to output the image and stick it on a page.
0
 

Author Comment

by:tkanz
ID: 18762920
I am so sorry, but I am not completely understanding.  If I were to load the page as one image how would my buttons work? I did do all the rollovers and layers  in DW. Just did the design and slicing in Fireworks.
So are you saying that I load the complete image file into dreamweaver, Then do all the linking, hovering through hotspots and layers. I know why you're the expert.

If I am not slicing the buttons, I know they will link through the hot spots, Do I use the layer function for the rolloer images and am able to link it through the layers.  I have not had much success in linking through layers.  Is there a behavior I need to follow up with?
 Thank you for being here for me.  Guess why they have this experts exchange. :)
0
 
LVL 16

Accepted Solution

by:
OliWarner earned 2000 total points
ID: 18763389
For now (just testing to see if it actually works) make a page that has the (1) whole image on it and compare how it loads with your current one. That will show you if the end result will be smooth or not.

But once that's established, go ahead and put the hotspots and layers on in dreamweaver. When you get to that stage with your image and all your hot-spots on the (1) image, make all your layers, position them how you would like them and set their visibility to hidden.

Then select the hotspot that you would like to display a layer, add the "show-hide layers" behaviour and tell it to show the correct layer, and hide the other layers.

Repeat this with the other hotspots and you should be good to go.
0
 

Author Comment

by:tkanz
ID: 18763433
Sounds Great.  I just got into the office.  I will do a test site as you suggested and go from there.
You have been great.
Thanks 1,000 times over
You are worth 500 and more!
0
 

Author Comment

by:tkanz
ID: 18763483
Sounds Great.  I just got into the office.  I will do a test site as you suggested and go from there.
You have been great.
Thanks 1,000 times over
0

Featured Post

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them.

Question has a verified solution.

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

A publishing tool, a Version Control System, or a Collaboration Platform! These can be some of the defining words for the two very famous web-hosting Git repositories: Bitbucket and Github. Git is widely used amongst the programmers and developers f…
When you start your Windows 10 PC and got an "Operating system not found" error or just saw  "Auto repair for startup" or a blinking cursor with black screen. A loop for Auto repair will start but fix nothing.  You will be panic as there are no back…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…

762 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