A Little Help For An Old School HTML Based Web Designer

Feb 26, 2010

05:24 pm 145 Words Internet

a-little-help-for-an-old-school-html-based-web-designer

This is just a very brief post to satisfy my curiosity and determine how those who code their website freehand begin. So when you’re coding a new theme for your website (assuming you use WordPress of course), what method do you utilize to sort things out in CSS and establish a base to progress from?

The reason I ask is because, while I am starting to get the gists of CSS, once I start to code freehand, I get a bit overwhelmed so I’m trying to look for suggestions or tips as to how to go about constructing a theme without having a nervous breakdown because I’ve lost the direction I was attempting to head in. Ideas, suggestions, comments? Highly appreciated and needed. Thanks!

Also on a very brief note, my next blog will be a review on my new phone, the MyTouch.

Current Mood: (curious)

curious

intriguing (0)sokies (0)needs work (0)

Tags: coding, css

Comments:
3

Feb 27, 2010 • 12:07 am

When I start a template, I start with two completely blank files: index.html and style.css. From there I actually go back and forth with coding. I code the html elements in my index.html page and then go to style.css and code the corresponding CSS. I also try to keep my CSS extremely organized by grouping things / indenting / etc. That way Im not trying to code all the HTML or all the CSS at once and I don’t end up getting overwhelmed.

Whitters

Feb 27, 2010 • 12:11 am

angsaysrawr

I guess part of my problem is if I can’t see what the code is actually doing, then I start to lose my direction as to how I want the theme to turn out. Though I like your suggestion about using two files to code. Originally, I had attempted to code the CSS first and that didn’t go well. Now if I can only find a way to view how my theme is being effected without constantly having to upload and refresh…

Angel

Feb 27, 2010 • 10:07 am

Thats why I always use just a .html file when I’m building the theme. Since relatively all my pages look the same, I build it in one .html file so I don’t have to upload to look at it. Then once I’ve got it looking how I want, I break it down into the WP theme files (comments.php, header.php, etc) and upload. Then if I have any tweaking to do I just do it through WordPress. For things like plugins, I just copy the html they generate from my current site’s source and use those since the plugins won’t randomly start generating a new code with the new theme.

Also, if you wanted to work with .php extensions, you could think about installing a PHP environment on your computer. Then you wouldn’t have to upload. Theoretically you could install WordPress as a local copy. I know a program that works REALLY well for that and includes MySQL support. Basically it turns a www folder on your computer into a virtual server that you can test things on.

Whitters

TWITTER ID (only your Twitter username)

Whisper? To:

Hello, my name is Angel, I'm 24 years old, the Janice Dickinson of the WWW, a wife, lover, mother, friend, best friend, student, blogger, gamerress, daughter, aunt, sister, teacher, amateur photographer, fighter, oxymoron, bad ass, devil's advocate, craftster, empath, geek, eccentric, outspoken, introverted exhibitionist and sarcasm coupled with witticism happens to be my weapon of choice. Care to learn more?