Hello. Need some opinions.

  • cybershot
  • Born
  • Born
  • cybershot
  • Posts: 3

Post 3+ Months Ago

I am new to web design and trying real hard to get a firm grasp of css and xhtml. I have been doing alot of reading and watching of video tutorials online. I am starting to see a pattern. I want your opinions on this.
It seems to me that the pro's will start their site by adding the content to the page unformated mostly. then start using css to style the info how they want it. I usually start with the header then get the nav then the content and footer. Is there a "right way" to build a site or is it just preference. I think adding the content then using the css to style makes more sense. What do you think?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6252
  • Loc: Seattle, WA

Post 3+ Months Ago

It's usually a good idea to have an overall idea of what you want the page to look like before you start writing anything. Since it's hard to create styles for elements that don't yet exist, it's common to start with the XHTML and then move to the CSS.

I generally do both at the same time. I start with a basic "shell" and continue tinkering with both part until I'm satisfied.

The fact that you're writing both aspects from scratch yourself (instead of using a WYSIWYG editor) is proof itself that you're on the right track. ;)
  • cybershot
  • Born
  • Born
  • cybershot
  • Posts: 3

Post 3+ Months Ago

ya i tend to start with the wrapper div then make the background the size of the site i want then start placing things on the page. going from css to html. I do like just using notepad to make my sites. I actually use programmers notepad. I like the way it works. it has syntax support and can usually show me by highlighting the text when i have left out a quote or comma or whatever.
  • casablanca
  • Proficient
  • Proficient
  • User avatar
  • Posts: 481

Post 3+ Months Ago

Notepad is a great tool for learning because it doesn't have any fancy features that do all the work for you. :) Other editors (like the one you use) are fine too, as long as you use them only for syntax highlighting.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13503
  • Loc: Florida

Post 3+ Months Ago

I like to start with big boxes, then work my way down to small boxes, followed by some special purpose elements like <address>, <img>, or <code>, then finally things like list-style-image, text-decoration, & font styles.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

There are also a lot of designers, who make a mockup in photoshop first and convert that CSS and XHTML. There are some great video tutorials on CSS Tricks about that topic. Those can be found here: http://css-tricks.com/videos/ (see #12, #13 and #14)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I usually draw my site on a piece of paper first to decide what's going to work and what not ... then I start with the basic XHTML and then I add CSS and XHTML as I need it, and lastly I'll add the little stuff like some padding etc to get the text off the sides etc. but I don't think ther's a "right" way to do this ... as long as the result looks good, loads fast (relative) and it is cross-browser compatible ...
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6252
  • Loc: Seattle, WA

Post 3+ Months Ago

There was actually a topic on that a couple of weeks ago that might help:

website-design-forum/designing-sites-using-photoshop-t87321.html
  • cybershot
  • Born
  • Born
  • cybershot
  • Posts: 3

Post 3+ Months Ago

wow. lots of nice videos on css-tricks. I am going to wathc them all. thanks for that link.
  • zaiah
  • Proficient
  • Proficient
  • zaiah
  • Posts: 375

Post 3+ Months Ago

I usually start in Photoshop for the mock up. Then once I get it the way I want or at least very close. I start laying out my boxes. And to really help, I make them really odd colors at first. Just so I know whats what. Then I start my photoshop slicing for my images. Then starting writing my HTML & CSS. Using it to place my background images. Then I start placing my content and of course writing more CSS. Then I usually scream some obscenities and give up for a few hours. And then it usually comes to me.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

cybershot wrote:
wow. lots of nice videos on css-tricks. I am going to wathc them all. thanks for that link.

you're welcome :)
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8397
  • Loc: USA

Post 3+ Months Ago

I agree with righteous trespasser.

Yeah, that's pretty much how I do my web site. I do the logo up top, left content, right content and then my footer. From up to down, left to right... just as I read a book or a web page :)

That's only the outline, than I go to smaller detail and smaller, smaller, and yet smaller detail until I get the images and padding/margins that I like and than I'm all set :D

I usually use the method I wrote up on my PHP Tutorial... the templating mechanism one... works very well with no frames :D

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 66 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.