Steps from idea to new website.?

Question

Hello guys! :)
I am new here. Very interested in CSS design.
My question is... how do you work? I mean, first you start designing website in Corel Draw, then slice it in Photoshop, then write clean CSS code by yourself without any software(or with some software?), then insert some PHP code for dinamic parts etc
So, can you please describe all steps of your work or maybe you have a link with article about it.

Sorry for some typos and mistakes, English is not my native language :)

Pavel

Answer 1

First of all, learn HTML and CSS. Its not difficult.

www.w3schools.com

PHP and MySQL is fairly easy to learn, but you must know HTML first. I wouldn't even worry about PHP as of yet.

The best way to go about it is to purchase Dreamweaver and Fireworks. You can buy older versions for around $100. You create your images and menu buttons in Fireworks, then slice up the image and import the file into Dreamweaver, which writes the HTML code. Then from there you can make any final adjustments to your code and add your CSS.

PHP adds a lot of dynamics and ease to web development, but takes a little bit to implement if you're completely new to it. So, I would first purchase the formentioned software, or start your sites from scratch with HTML and go from there.

Good luck!

Answer 2

...Design in Corel Draw? Anyhoo, I would think about what I need for the site. If I choose to have my navigation in the layout image itself, I have to plan out how many pages/sections and what pages my website will have in total. Then I design IN photoshop, splice in photoshop, and then due to my relatively newbie-ish skills in HTML design coding and CSS, I rely on pre-existing code to refer to, along with HTML tutorials, and I just code what I need, and open the index page to keep track of the changes I make and how they look on the finished product until it all comes together. If I use image mapping, and when coding with divs and in the CSS file, I open my layout in Microsoft Photo Editor to get the coordinates. That's my process... you can see a website I recently worked on in the source listed below.

Answer 3

I use NotePad - open a blank file - type all of the coding ... & copy/paste the code where ever I like (or save & upload)

Answer 4

I use Macromedia Dreamweaver and it does all that with a few clicks.

If you like to check out the site I created with it:

http://shalladeguzman.com/weloveshalladeguzman.php