Need HTML help for the site

Etched Metal, Circuit-Bending & Designs of Luigi LaValle

Moderator: Kent

Post Reply
User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Need HTML help for the site

Post by tragedybysyntax » Mon Jun 06, 2011 10:16 pm

Hey guys, just looking for some advice how to fix an irk of mine on the website. (www.EPINASTY.com) Once the site loads, after you click to a different link at the bottom... it reloads all the jpg's blocky. Is there a cleaner way of doing this the right way? THANK YOU SO MUCH IN ADVANCE. I love doing graphics... just never got serious about html, haha.
Image
- [ Custom Metalwork ] -

User avatar
ignatius
Super Deluxe Wiggler
Posts: 15419
Joined: Tue Dec 23, 2008 4:03 pm
Location: oregon
Contact:

Post by ignatius » Mon Jun 06, 2011 10:20 pm

what do you mean "blocky"? looked fine to me.

ps - i can make HTML links and that's about it so have no idea if you are speaking a programmerese

User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Post by tragedybysyntax » Tue Jun 07, 2011 7:30 am

Well.. the links at the bottom are the last thing to load as you navigate from page to page. Hmmmmmm
Image
- [ Custom Metalwork ] -

User avatar
haiku-ish
gigwilling with dilsexy
Posts: 757
Joined: Sat Oct 18, 2008 12:58 pm
Location: finisterre

Post by haiku-ish » Tue Jun 07, 2011 7:52 am

You must use the same images for the whole menu.

go in every page and point the image of each menu to the same unique image (ie Past-Work.jpg for all the Past-Work menus)

User avatar
maskull
Common Wiggler
Posts: 234
Joined: Sun Jan 02, 2011 10:21 pm

Post by maskull » Tue Jun 07, 2011 8:21 am

haiku-ish wrote:You must use the same images for the whole menu.

go in every page and point the image of each menu to the same unique image (ie Past-Work.jpg for all the Past-Work menus)
I agree.

You are reloading some images over and over again using different files which is choking the bandwidth.

For instance on your main image you have only your logo loading here:

http://www.epinasty.com/pastimages2/past_01.jpg

This is a good idea since you will be reusing the same image and placement on the rest of the pages. No need to reload it again.

But elsewhere you reload the logo again with additional graphics so the entire page has to reload, not just the new stuff. See images below

http://www.epinasty.com/servicesimages/services_01.jpg
and
http://www.epinasty.com/contactimages/contact_01.jpg
and
http://www.epinasty.com/aboutimages/about_01.jpg
etc

Also, see if you can do any additional image optimization to reduce the file sizes.

User avatar
JP
Ultra Wiggler
Posts: 928
Joined: Thu Jan 07, 2010 5:07 pm
Location: NJ

Post by JP » Tue Jun 07, 2011 8:38 am

Just as a note your site uses mostly images for the text, images can't be parsed by engines like google, so your search listing rank will suffer (badly) due to the use of only images.

I know it might not seem like a big deal, but getting 1 or 2 hits a week from potential customers who searched for "custom hand etched modular panels" might mean 1 or 2 customers lost a week.

PM me if you have any other things you need help with, I do this for a day job for fortune 500 companies. ;)

User avatar
TrashWaveform
Flesh Eating Angel
Posts: 1868
Joined: Sat Apr 11, 2009 11:25 am
Location: Tulsa, OK

Post by TrashWaveform » Tue Jun 07, 2011 10:04 am

To turn the image text to actual text here is a short tip. I assume you have Photoshop. Use the splice tool to make the text boxes a separate image. Remove the text in the image. Export them for the web. In the code for the HTML document it exports make that box image a 1 cell table with the border attribute set to 0 and the width and height attributes the image's size attributes. Make the image it exported the background. Now you can put whatever text you want in it.

Obviously too much text or if someones browser changing the size could break your layout. But it is a start. When I do this I try to make the images on the left and right of my "content area" tile vertically in a visual pleasing way for this reason. You would need to do the same for the content background as well. But CSS is your friend and you would be able to do all I told you in a more efficient manner even with an actual transparent cell.

If you can find a good web design class that covers CSS extensively at a community college or an equivalent that lets you take only that class or min hours it will be worth every penny.
"Well, if you were never born, it wouldn't be your fucking birthday." - droolmaster0 aka Nelson Baboon

User avatar
TrashWaveform
Flesh Eating Angel
Posts: 1868
Joined: Sat Apr 11, 2009 11:25 am
Location: Tulsa, OK

Post by TrashWaveform » Tue Jun 07, 2011 10:06 am

Oh and I am not calling your design bad by telling you to take a class. Just telling you an excellent way to extend your web arsenal of knowledge.
"Well, if you were never born, it wouldn't be your fucking birthday." - droolmaster0 aka Nelson Baboon

User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Post by tragedybysyntax » Wed Jun 08, 2011 11:46 am

Thanks guys!!!! Let me try these fixes tonight and I'll letya know how it goes. Updating the photo galleries as well... :)
Image
- [ Custom Metalwork ] -

User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Post by tragedybysyntax » Wed Jun 08, 2011 8:31 pm

The problem is that.... this entire site is designed in Illustrator, with each chunk being loaded for each section. Freaking hate making websites.....haha
Image
- [ Custom Metalwork ] -

User avatar
qu.one
hypnotic and sanctified
Posts: 4402
Joined: Sun Aug 02, 2009 9:52 pm
Location: Pelham, NY

Post by qu.one » Wed Jun 08, 2011 8:50 pm

Illustrator can also work with slices and export for web. Use type that is web safe for tour live type when you convert to live type. And yeah - keep the images common for the overall main look of the site: headers, menus, etc.

You might want to make one page in illustrator, slice it up into a neat table, and use that as a master template in an HTML editor.

User avatar
ignatius
Super Deluxe Wiggler
Posts: 15419
Joined: Tue Dec 23, 2008 4:03 pm
Location: oregon
Contact:

Post by ignatius » Wed Jun 08, 2011 9:20 pm

tragedybysyntax wrote:Well.. the links at the bottom are the last thing to load as you navigate from page to page. Hmmmmmm
ah. OK. i see what you're saying. i hate making websites too.

seems like you have some solutions here from other wigglers.

User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Post by tragedybysyntax » Thu Jun 09, 2011 10:06 am

working on the site tonight again ;)
Image
- [ Custom Metalwork ] -

User avatar
tragedybysyntax
Banned until Restitution Made
Posts: 2913
Joined: Sat Jun 16, 2007 11:39 am

Post by tragedybysyntax » Wed Sep 07, 2011 8:25 pm

Aight well... I f'ng have no time to work on the site, hahaha. I keep trying.. and by the time I finally get into finding all the files and going back thru shit, I realize i'm a month behind on projects and need to be out in the shop.

SO!!!!!!!!! Would anybody be interested in having some metal work done in exchange for some web time to figure out my html disaster? That would be soooooooo cool you have no idea how much I would appreciate it.

I'd like to add an area to order coffee mugs and t-shirts as well ;)
Image
- [ Custom Metalwork ] -

Post Reply

Return to “Epinasty”