New Website Layout

[Tatianasaphira]

Well, I could just scrap all I got and buy dreamweaver and let it do the job. However I have over 50 html pages (5 books with their coding, and I am NOT looking forward to finishing the coding for LoaD3, 2 was enough) so it would take me a tremendous amount of work.

I got about 1/3 of them done, with my first fanfic finished its coding, as well as my brushes, and my guides page.

You shouldn't have 50 pages. You're coding it the wrong way. And dreamweaver doesn't do the job for you, it lets you not remember all the coding functions and attributes, and be able to click a button for a table, instead of typing <table>. Also, judging by the coding work you showed, you might want to pick it up. You don't have the fundamentals down, you're taking the wrong routes in coding, it's leading to a lot of weird stuff: eg background is the site, and iframes.

Try wc3schools, they have a lot of resources. Coding standards change every couple months, due to new browsers, windows versions, etc. You really need to always keep up with the new standards.

Sure I do - Chapter one, Chapter two, Chapter three...etc...that would be why I have so many pages.

And as said, the current coding was a gift from a friend. My original code was part html, and part css, that was a nightmare to figure out. He did it all as one streamlined code, so that I could edit it better.

As for the standards, most of that stuff is blocked at work, and when I get home, I try to stay off the computer as much as I can (Yeah, who am I kidding, I'm playing SilkRoad/Ragnarok)

Eventually, I do want to make it a career, and actually go to school for it, cause listening to people scream about why their printer isn't printing, is enough to drive anyone bonkers.

[Rizla]

Eventually, I do want to make it a career, and actually go to school for it, cause listening to people scream about why their printer isn't printing, is enough to drive anyone bonkers.

If you are serious about it, I would strongly suggest you code/learn in Xhtml strict if you aren't yet. With mobile web becoming more and more prevalent, only coders who work in strict are going to be desirable, and anything less than strict will be reserved for MySpace layouts and amateur homepages. I can tell based on your current code/layout that you are already developing some poor habits that will only harm you when you get into the industry, better to wipe the slate clean and relearn the proper way now than when you are more set in your ways.

DOMDOMDOMDOM. Check out that editor, humor me. I use it because it is very very basic. It doesn't interfere with your coding process, it only really serves two purposes beyond notepad for me: Color coding scripts (primarily useful when coding in PHP) and the fact that it offers tabs. Tabs are a godsend when working with multiple pages, cause you can be editing many at once, then hit the save all button, or right click a tab and save, etc. Much cleaner for intensive programming than notepad. Humor me, try it out, its free.

[dom]

DOMDOMDOMDOM. Check out that editor, humor me. I use it because it is very very basic. It doesn't interfere with your coding process, it only really serves two purposes beyond notepad for me: Color coding scripts (primarily useful when coding in PHP) and the fact that it offers tabs. Tabs are a godsend when working with multiple pages, cause you can be editing many at once, then hit the save all button, or right click a tab and save, etc. Much cleaner for intensive programming than notepad. Humor me, try it out, its free.

Dual screen > tabs

[Tatianasaphira]

Eventually, I do want to make it a career, and actually go to school for it, cause listening to people scream about why their printer isn't printing, is enough to drive anyone bonkers.

If you are serious about it, I would strongly suggest you code/learn in Xhtml strict if you aren't yet.

Any good suggestions for websites, other then the website that Dom suggested?

[dom]

w3schools.com is basically it. The organization that takes care of the standards is http://www.w3.org

And this is the validator: http://validator.w3.org/

[Rizla]

w3schools.com is basically it.

>>Rizla fires cannon of 1-upedness<<

I use w3schools as well, but I like the alvit better...much better.
And for inspiration:(Select a design from the right)


Also, if you use Firefox (which you should XD) grab these two extensions, they allow you to check your code/validate offline if needed. Web developer can outline all page elements in the browser, display image properties overhead, etc. You would really be missing out on wonderful tools if you pass these up. (I've only used the "Tools" and "Outline" options in Web Developer, so don't ask me about anything else ^^)

Web Developer Extension

HTML Validator


Remember as you learn -- Web standards are not universal! IE/Safari/FF handle code differently, especially CSS (USE EM's not PX!) so you may get a site exactly how you like it in one browser but borked in another. Remember to verify in all browsers before publishing.


Good for guidance on selecting color palettes

[Tatianasaphira]

Okay extensions installed, websites bookmarked (And I love the design of the Zen Garden. It's completely perfect...)

[Rizla]

(And I love the design of the Zen Garden. It's completely perfect...)

Did you click the links on the right to see the other designs? The Zen Garden exists to show off the power of CSS, because the HTML for every site the Zen Garden links to is exactly the same, the only thing the designers do is the CSS.