# Website templates and stuff **URL:** \ **Category:** Uncategorized\ **Created:** [December 27, 2002, 11:50am UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227 "2002-12-27T11:50:39Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![blah\_de\_blah](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@blah\_de\_blah](https://forum.kirupa.com/u/blah_de_blah)\ **Post date:** [December 27, 2002, 11:50am UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/1 "2002-12-27T11:50:39Z")
sorry i’m not sure if this is the right forum but it seems the best… so anyways what i was wondering was how to make a website template (i think thats the right word, i’m trying to say the background and designs on every page), so they can be inserted into frontpage in teh correct size. What program would be best to make this? i was thinking photohop but could you get it to the correct size (so like 1024 X 768). thx for the help \<:} ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 12:56pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/2 "2002-12-27T12:56:30Z")
Hey, if you want to design using photoshop you can. I have used photoshop to design a template, and then i throw it into fireworks and slice it up!! But I use dreamweaver, so im not to sure bout Front Page. 🙂 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 12:58pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/3 "2002-12-27T12:58:12Z")
ahh cool… but what’d you mean by ‘slicing it up’ ? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 2:53pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/4 "2002-12-27T14:53:18Z")
The program you want is dreamweaver. It allows you to make a template. Then base new documents off that document. So when you make a template . You open a new doc from that template. Then when you want to make additions to a doc you change the template and dreamweaver knows which docs were based on that template and changes them all. I use them all the time. I have a site with like 100 pages. The client wanted to change the image at the top. So I changed the template and DW changed all 100 pages in like 5 secs. Imagine doing that manually. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 3:37pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/5 "2002-12-27T15:37:41Z")
wow sounds cool…dammit havta buy and learn another program! o wait…can you actually MAKE the template in dreamweaver or do you import it from somewehre else? just to make sure and everything 🙂 thx ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 3:47pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/6 "2002-12-27T15:47:34Z")
You make the template in dreamweaver, However you could start with a design in fireworks or Photoshop. Slice it up and save the html file. Open that html file in dreamweaver and convert it to a template. Dreamweaver is something you should not do with out. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 4:07pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/7 "2002-12-27T16:07:06Z")
sounds really cool i’m gonna get it now 🙂 thx for tellin mee about it \<:} ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 4:27pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/8 "2002-12-27T16:27:21Z")
Yeah get dreamweaver!! Then We can show you how to slice up!! 😛 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 4:35pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/9 "2002-12-27T16:35:01Z")
On the scripting side you could also use CSS and using that you could make every page look the same way. This doesn’t include graphics though. This just controls the size and color of text, body color, table attributes, etc etc… for more on t his go to: [http://www.w3schools.com/css/default.asp](http://www.w3schools.com/css/default.asp) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 27, 2002, 9:05pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/10 "2002-12-27T21:05:00Z")
Photoshop also has layout slicing abilities through Image Ready. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 12:29pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/11 "2002-12-28T12:29:35Z")
alrite so i got the trial, and so lets just say a plain grey background with like a normal banner with a side bar thing for now. And lets say i’ve drawn it in photoshop, so after that, how would i manage to get it into dreamweaver? do i have to save it as a specific format type? thx :ub: ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 4:33pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/12 "2002-12-28T16:33:47Z")
Okay what you have to do is when you slice the image up. Save the slices in a folder that is in the root of the site you are working with. When you did the slicing a .htm file was produced. In dreamweaver go to file\>open then browse the .htm file that photoshop created from the sliced objects. Open it. Voila!!! You should see your sliced image. If you use fireworks for your slices you will be better off. Why you ask. Well Im glad you asked. Because at the top under the common tab you will see a insert fireworks html button. Ths allows you to browse to your fireworks .htm file you created with slices. It will also delete the htm file upon insertion. Why is that important? Im glaad you asked. What will happen if you use like ps7 the chance is that the path to all img src will look like this img src= “file///c:/images/this/that.jpg” and you will have to go thru and strip those. But when you integrate with fireworks it will do it for you. Plus if you decide to change your sliced object you can do it straight from dreamweaver. You will not be able to if the source image is from ps7. There are many more benefits to dreamweaver but I dont wanna sound like I work for them or something. Let me know if you need more help. WOOHOO MY 200th POST!!! ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 4:39pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/13 "2002-12-28T16:39:00Z")
wow! thanks 3D! i am doing mine in PS7, but i suppose i should bring it over to FWMX when the time comes…this is everthing i need to know, congrats on the 200! ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 5:22pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/14 "2002-12-28T17:22:28Z")
is fireworks better that photoshop to slice the objects?? ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 5:37pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/15 "2002-12-28T17:37:29Z")
dont know why, i rather use fireworks than photoshop!! (maybe coz i havnt used photoshop to slice 😛 ) 🙂 ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 7:01pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/16 "2002-12-28T19:01:15Z")
It is a preference thing I find that the tools are easier to use and the interface is more intuitive. Actully it is not really ps7 that does the slicing you have to send the image to image ready so I find that cumbersome. They both have their advantages but for effects I go with ps7 for drawing and slicing I go with fireworks. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 28, 2002, 7:39pm UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/17 "2002-12-28T19:39:12Z")
> They both have their advantages but for effects I go with ps7 for drawing and slicing I go with fireworks. I agree 100% Rev ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 29, 2002, 3:56am UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/18 "2002-12-29T03:56:38Z")
hmm…so let me get this straight first i make my thing and slice it up (edit\>insert\>slice) then do i have to export it into an html file or something? because i tried to save it just normally as a firewords doc. and i don’t seem to get the htm. file your talking aboout… ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 29, 2002, 5:44am UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/19 "2002-12-29T05:44:02Z")
Once it is sliced up you go to file\>export name your file. then in the “save as type” drop down choose “html and images” In the next drop down “HTML” choose “Export HTML File” Then in the next dropdown “Slices” choose “Export Slices”. You will see 3 check boxes below the check boxes check the middle one “Include Areas without slices” and the last one “Put Images in Subfolder” browse to seperate folder usually within your images folder to put your slices in. (this is purely for organization. Fireworks will makes many little files of your image so you dont wanna pollute your images folder with that stuff) Then click save. That will produce the htm file you wanna open in DW. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [December 29, 2002, 6:08am UTC](https://forum.kirupa.com/t/website-templates-and-stuff/10227/20 "2002-12-29T06:08:44Z")
alright now that i got that to work, how do i lock it or something so that i can type stuff over it and everything? oh and one more thing, if i want to edit it i have to go back to fireworks and do it there, then reopen it in dreamweaver right? i hope i’m nto annoying you :beam: thx =) [Next page](https://forum.kirupa.com/t/website-templates-and-stuff/10227.md?page=2)