talkmagic.co.uk

Hello all,
Here's a quick question for anyone with any experience in web design.
I am currently designing a small site, just for photos, bit of info and a few videos, just for fun.

I would like the general layout, to be in my own handwriting, etc.

Jerry Sadowitz has a something similar here: http://www.jerrysadowitz.com/pages/main.htm

I don't want to copy it as such, just know how to get a scanned image of my own writing, into a website.

I presume, I would need to scan in the writing, and then some how manipulate it on photoshop.

I'm relatively up to speed with html and a bit of css, and learning in Dreamweaver.

Any advice, and links to tutorials perhaps, would be very welcome.

Muchos lovos,
Lenoir

i would say the easiest way, if you have access to photoshop/image ready is to scan in your drawing, then "slice" it up into sections in image ready and File> Save as > html (if memory serves) then it'll export it all into a image folder on your desktop for you, along with the html page...

or you could just insert the image into a blank .htm page, and create "hotspots" instead...then add a hyperlink off to your other sections via those hotspots...

oh and save the image at 72pdi when you "save for web"...and dont forget to add alt tags...

IAIN wrote:or you could just insert the image into a blank .htm page, and create "hotspots" instead...then add a hyperlink off to your other sections via those hotspots...

*twitch*


Anyway, yeah, the easiest way is to scan it in, clean it up in photoshop, and use images. The method of cleaning it up depends on how the resulted scan looks; I'm happy to take a very quick look if you link to/PM me the images for a clearer answer

The hardest way is to create a font of your own handwriting and use that to save time in the future (either to create your images in photoshop or to use one of several font replacement techniques). But that's really f***ing hard

Ha, I think I'll scan it as you say.

A friend, as well as Iain, mentioned "slicing" then image, but that sounds sucky.

I was thinking just to make the scan into a lot of small images etc and stick them all into a table!

i didnt say doing it via the hotspot method was the BEST way!

slicing the image in image ready, and using the generated page would be best...though you can add the SUMMARY="insert explanation of site and what to expect blah blah blah" command inside the the table included in that htm page - that will help people using JAWS and Dragon software...

Lenoir wrote:Ha, I think I'll scan it as you say.

A friend, as well as Iain, mentioned "slicing" then image, but that sounds sucky.

I was thinking just to make the scan into a lot of small images etc and stick them all into a table!

Nah, slicing the image (that is, taking out the bits) is far better rather than putting the whole thing together using a table; for various reasons

I guess to google a tutorial it is!

IAIN wrote:slicing the image in image ready, and using the generated page would be best...though you can add the SUMMARY="insert explanation of site and what to expect blah blah blah" command inside the the table included in that htm page - that will help people using JAWS and Dragon software...

Eek, nono, don't use generated HTML! It'll be horrible and nasty and icky and it'll be easier to do it yourself in the long run. Take this from somebody who used to use the method you mentioned

Slicing - imagine it as a jigsaw without any edges...

Its one big image, and thats how its seen by the user - but in the coding, its individual images (defined by you) that are each able to be hyperlinked and alt tagged...

and it all sits within a generated htm page and table...all done for you by image ready...

kolm wrote:

IAIN wrote:slicing the image in image ready, and using the generated page would be best...though you can add the SUMMARY="insert explanation of site and what to expect blah blah blah" command inside the the table included in that htm page - that will help people using JAWS and Dragon software...

Eek, nono, don't use generated HTML! It'll be horrible and nasty and icky and it'll be easier to do it yourself in the long run. Take this from somebody who used to use the method you mentioned

nah...you're just updating the .psd file everytime you want to make a visual change...then when you go over to imageready you just alter the slices...easy and quick!

but then again, I'm a designer, not a techie...

the generated page i was refering to was the page you get after you "save as html" for your sliced image - you get an image folder and a single htm page...nothing else...

IAIN wrote:the generated page i was refering to was the page you get after you "save as html" for your sliced image - you get an image folder and a single htm page...nothing else...

Do you have any examples of the output?

Nope - but if you have imageready at home you can get yer own!

after you've sliced the .psd file up how you wish - File> save as html

and it creates an image folder with each sliced up image in it, and a spacer gif - plus an html page, that just contains a table...

its as accessible as any other table (i.e. not very) - but it will do the job quick and easy for someone who doesnt wanna spend too much time on a fun project...

its not scalable, nor does it use em's or anything like that - just a quick, easy job thats simple to update...I'm sure you must know that...

anyway - lets not nerd off in public...

IAIN wrote:Nope - but if you have imageready at home you can get yer own!

I don't

its as accessible as any other table (i.e. not very)

its not scalable, nor does it use em's or anything like that

Ladies and gentlemen, I give you my argument

just a quick, easy job thats simple to update...I'm sure you must know that...

Nah, it's not quick nor easy. If you want a free, quick, easy, and simple-to-update website may I suggest you install Wordpress and download one of the several good free templates available?

a) not talking about any old website as such, but something definate as requested by lenoir

b) i didnt realise you were presenting "an argument"

c) i gave a quick and easy solution - if you want to have a site that is based around hand drawn sketchy images...then slice it up...

d) exactly how many scalable hand drawn sites are there? not many...as soon as you use scalable imagery to any large degree, it'll pixelate...

e) not arguing!

f) is for foxtrot

g) Jerry's site uses slices!

For the imagery itself if you have one (you may not want to spend the money unless you plan to use it a lot more) you could always invest in a graphics tablet. This gets around all the font issues and will give a better quality picture than scanning a hand drawn picture will.