Hi all I am new around here, so first off I would like to say hi, I am a learner in Web Designing and I am currently trying to create my own personal site, for things like Bio of me, my interests but more importantly my portfolio of all of the 3D Models I have created with 3ds Max/Maya etc etc, has I really want to work has an 3D Artist for Video Games.

 

So what are the general steps to take when creating a site, do you create the basic layout of it in Flash and/or Photoshop first?, then add the buttons, logos, fonts etc on top of it while saving them has jpegs/flash files on there own so when you go and create the site in Dreamweaver or any other Website Creating program you already have the buttons, logo already sliced up and read to be drop into the tables. cells for the site?.

 

I have been using Dreamweaver CS3 to create test sites but I can never get things right, like saving a template etc etc has I am not really sure on how I should go about creating it.

 

Hope that makes sense and really looking forward to your replys, and please be nice.

 

Thanks for your time.

hmm, very good question.

 

It depends on which bits of the site get me going, as it were... sometimes the prospect of making the layout work properly excites me.. other times it is the underlying PHP system which makes my brain whir.

 

It really depends on how I feel at the time...

 

but generally it goes something (roughly) like this:

1. create rough HTML template with graphics - nvm about accesibility, cross-browser, etc yet

1a. approve with client

2. design database schema based on existing features. Implement schema, and test out with plug-in data.

3. get the interactions between the database and the system nailed, with rudimentary functions for DAVEing.

4. get the back-end admin working well enough to add data easily

5. get the HTML working properly, and implement into templating system of choice

6. finish off backend, frontend, and update any new client requests

7. show it to client, take money, run

Well, i personaly doesnt like the way flash let you design site so i keep designing site directly on photoshop. Then slice it save all images, import image to flash library if the site is in flash else i go directly to dreamweaver(for myself notpad). When i start a design i start with a blank page(white or black bg), then start from the top to the bottom. I make my psd organized, witch mean, if the top part is the login bar, so i make a folder, layer for the bg detqails over it, then i make a new folder inside the bar folder that will be placed on top of the bar/details, here i put the buttons, then a new folder once again for the text for that part. then close the main folder then start a new one. thats how im workin and most ppl that bought site from me was in love with the way im workin as lot of ppl just make layers and no folders, so its kinda hard to find a specific layer if they need to edit it or delete it as well.

 

also i saw you were saying "tables" so i guess you code site with tables, i've been doing it for long time, just started really enjoying the way of pure CSS(divs) as its the right way to code sites unless you need tabular for datas. Here's the discution about that table vs css( http://www.webdesignerforum.co.uk/index.php?showtopic=2490 ).

 

hope it was usefull and totaly answered your questions.

Personally I generally start with a simple wireframe in html/css to position and format layout and page elements.

 

Once all that is in place I create any graphics that will be used in the design such as logo, background gfx and so on, and slot them into the wireframe.

 

Lastly I add the content!

Personally I generally start with a simple wireframe in html/css to position and format layout and page elements.

 

Once all that is in place I create any graphics that will be used in the design such as logo, background gfx and so on, and slot them into the wireframe.

 

Lastly I add the content!

 

Your technic is far away from the best... or its just like you open a html/css page, design it all then slice it after? no sure but sounds wierd

Pen and paper, a designers best friend

 

You can sit and stare at a screen with phtoshop/flash/notepad open, but if you don't have a clear idea of how the site will function it makes no sense to do that.

 

I usually sit with a pen and some paper and just doodle ideas, this way it is easy to make notes, write and sketch ideas. It is so much quicker than trying to rough out ideas in some software and they help a lot when it comes to designing

 

Once I have a my ideas on paper I then go into photoshop and flesh out my design, get the layout and graphics sorted. Once the design is in place I will then code it from there

been trying it once a while ago for my brother site, was way too long in my opinion but its a nice way to build it, have an ideas of what its going to be etc. Nice to see that some are still using this technic Dizi

well I guess it just depends on what works for you. I find it is much quicker to sketch using pen and paper then to plan a layout using software, but each to their own

Your technic is far away from the best... or its just like you open a html/css page, design it all then slice it after? no sure but sounds wierd

 

It depends on what I'm doing really, but certain types of site have similar page layouts so you can start with a basic page structure knowing it won't generally change that much - even then only minor CSS tweaks are needed!

 

Take a blog for instance, you have header, main nav, sidebar, content and footer. What I do is create an image-free layout using background colours where images backgrounds and other images would be - this basically designs the site should the user have images turned off so things like ALT attribute font/text size can be set up. Additionally this is a simplified way of viewing your site if someone is using a screen reader or other assistive technology (OK it's not 100% perfect but it gives you some clues!). Once I'm happy with the layout I create the images to slot into the design.

 

Saying that I do sometimes sketch stuff out on paper if I'm going through ideas with a client, but normally I just fire up my html editor!

hello friends i am new but very interested in the development of web sites.

can u help me in development of web site

Your technic is far away from the best... or its just like you open a html/css page, design it all then slice it after? no sure but sounds wierd

I do it too. i also design in photoshop and as im designing im writing the CSS

I put pen/pencil to paper and draw and annotate my design in my note/sketchpad. After I've come up with a basic concept I hit ole' Photoshop to create a full scale mock up although I NEVER EVER SLICE. I then move to hand crafted code and create a couple of basic concepts from my PS mockup. After I've come up with a fully coded demo, I finish it off with all the pretty pixels, browser test, validate code and make it live.