Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Hi,
I've just made a site template, written in Notepad (none other!), using HTML and CSS. It's located at www.james-greenwood.co.uk/mysite/. So far, I've only made the home page and I'm going to use that page as a basis for the rest.
If you didn't guess, my favourite colour is orange. But do you think this makes the site too hard to see/read? I've implemented a random famous/funny quotes bit at the top. Refresh the page to see a different quote each time.
I've also made a "monthly poll" which should appear on the right-hand side on most browsers. I've made it so you can only vote once. (It tracks each IP and checks whether they've voted before. Not perfect, but adequate for my needs.)
The menu links don't work yet because I've only just made the site template. I'm not going to officialy put the site up (as in the root of my domain) until I've finished the entire site.
Please have a look at the site and I really would like everyone to make as much (positive) criticisms as they like. Tell me what's not good and what needs to be there that isn't.
Thanks a lot,
James

hi J lad, had a look at your site, the orange colour works quite well, not sure on the darker shade of orange at heading, but yes not bad
Links... youve used a hover effect in the CSS to display a yellow background to text, can i suggest using my approch to this and display the whole table cell that color with a border around it.
e.g www.nolimits.co.nr
Your layout is great with links on left, content in center an poll right, makes the page look neat
nice font, easy to read and looks professional
can i suggest making the middle table (content) an iframe. just means that things load a little quicker as its only the content gotta be loaded, not the rest of page
erm, the heading say 'James Greenwood' in plain text. how about a nice snifty graphic, make it look more professional
GOOD JOB MAN, need any help with anything just giz a shout ;)
Sign Me Guestbook!
jaymc.co.nr

1 minor thing, on your center table (content) their is no border at the bottom, maybe you should include a border, would look better...
Sign Me Guestbook!
jaymc.co.nr

About computing.net, you say "which are one of the biggest ..."
Should be "which is"
I found your 'explanation' of your email address confusing and not very plain. Just listing it 'computing.net@arnett.nu' is much more straightfoward IMO.
Nothing wrong with the menu rollovers suggested by Jamie, but I liked yours fine also.
Overall the page looks nice. Not everyone is not going to like everything. Some will think that the orange is terrible. Who cares.

well i think the page is pretty sweet, but now for the good part. why would someone make a website w/o using programs? does it make them feel more manly?
if you want to use a good free program, i suggest AceHTML. spending more time making a website doesnt make you cooler, its just the opposite, get one of these programs, they make your web-making a lot easier.
FBI_Agent

Your design seems extremely similar to mine :) I also write my own html, but with gedit on linux, it has syntax highlighting (makes it much easier to spot simple mistakes). I like your approach, and your orange background. However, I have some suggestions:
1. Put your css in a seperate file, to save bandwidth. When a visitor looks at seperate pages on your website the css file will be in the cache instead of having to load it every time with the page. Also, you can make site wide changes by editing one file.
btw: if you don't want to use this method, css info is supposed to be in the head tag
2. Write valid code, check out the w3c html validator
3. Don't use the iframe suggestion somebody else mentioned. I have a page on my "promotion guide" that explains why they are a bad idea.
4. When developing your site keep in mind that content is more important than style.
These are just some suggestions, you don't have to follow them :)

Thanks for all those positive comments,
Jamie:
I chose orange simply because it's my favourite colour (as I said before) and the way I chose the colour scheme by using a "colour schemer" online. I basically put in #FFA500 (or whatever orange is...) and then chose from the colours it gave me.
The reason I chose to do a hover effect which changes the background colour to yellow is because I wanted to keep it so that the links are underlined and blue -- as people expect them to be on the Web. I have made CSS menus before which make the whole "cell" background change colour. For example, see this page.
If you have noticed, I haven't used any pictures except the results for the monthly poll. And anyway, this file -- red.gif -- is only a 1x1 pixel image and so shouldn't take long to load. ;) I might make a graphic for the "James Greenwood" title but what I am aiming for is speed of loading and decent content.
The reason there is no border at the bottom of the content <div> is because I instead put a paragraph, or footer, at the bottom containing copyright information. I am having a problem; I can't actually put a margin at the bottom of that <div>; it just doesn't seem to work.
Don:
Yes, I will change the comment about Computing.Net. :) And I've re-read my page and the e-mail part is, as you said, (ultra-)confusing. I just don't won't people spamming me, though. So, I thought of having a contact form which sends me the e-mail directly through a PHP script using the mail() command. However, most people like to compose e-mails in their own e-mail client and so I decided to include my e-mail address too. I think the best solution is probably just to include a link to a page which only has my e-mail address on it but it's still written in the "james at..." way. This way, people will probably be able to interpret it. If not, they can use the e-mail form.
Yes, that's exactly what I thought about the orange. It's a personal site and so I can have personal preferences and statements.
FBI Agent:
The reason people make pages without using applications, such as Macromedia Dreamweaver or Microsoft FrontPage, is because it gives them complete control over the look, functionality and every other aspect of the site. I've tried using many different programs to write HTML. I don't like WYSIWYG editors because they output crap (or most of them do). I also know HTML and CSS pretty well, so the best option is to type it "manually" in Notepad -- the simplest text editor. Although some argue this takes more time, it gives me satisfaction that my pages are near-perfect and I can write pages that validate to [X]HTML and CSS specs.
I don't think it makes me "cooler", I just think it's a more effective method. Anyway, that's just my opinion and I don't know how many others share it.
b0red:
OMG! I didn't know you were a member of Computing.Net! Your site is the one I visited and the one that gave me the inspiration to write a similar layout. I'm sorry that I've basically copied your design 1:1 but I thought it was really good. Yes, I might get a slightly-more-complex text editor that has syntax highlighting; it's definitely a useful feature.
1. I always put my CSS in a seperate file if I can. The only reason I didn't is because I had only made one page and therefore there are no others pages which need the same CSS code yet. ;) Yes, I didn't notice that I hadn't put the <style> bit in the <head>. How stupid of me. I usually open up an XHTML 1.0 Strict template I have built but this time I decided to type it from scratch. lol
2. Yes, I'm going to make all of my pages validate to the W3C specs, thanks for reminding me. And I'm also going to have those lovely slim W3C compliant pictures for XHTML and CSS that I saw somewhere on the Web...
3. I won't use the <iframe> suggestion from Jamie simply because I don't like using anything in HTML with the word "frame" in it. lol I dislike frames because of many reasons, which is why I prefer lovely CSS layouts. By the way, I've read your entire site and I think your content is amazing. :-D I agreed with every point you make on your site... keep up the good work!
4. Yes, this is what I try to keep in mind. However, a lot of the time I can't think of what to write and so I produce useless pages similar to some of the ones on geocities.com or Tripod. This site is definitely going to have some good content, most of which is concentrated on computers, the Internet and programming.
Once again, thank you everyone for making all of those comments. I really appreciate it. :) Once I've finished the site, I'll post in the WebDev forum again with a subject that is something like "My Site is Finished!" Please make any further criticisms about the page/template I have so far. By the way, I have corrected many errors and I am going to upload an updated version soon.
Thanks a lot,
JamesP.S. Sorry for the HUGE post, it's probably the biggest one I've ever written. lol

@fbi agent
"well i think the page is pretty sweet, but now for the good part. why would someone make a website w/o using programs? does it make them feel more manly?"
Nope, it puts the creator in 100% control of the output. How many times you seen some guy say "I used x program and this problem...."? And the reason is the program screwed it up. They all do it, even the famous Dreamweaver screws up, that's why I dumped it a long time ago.
By hand coding you achieve two things... a full understanding of what you are doing and how web pages work (read "getting an education"), and total responsibility for what happens (read "can't blame the tools").
Any little monkey can be trained to click a few buttons in a program without understanding a damn thing. it takes a REAL webmaster to start with blank page and build up by hand. The true skill lies in knowing WHAT is happening, HOW it happens and WHY it is done that way.
So, you like using programs that's fine, but don;t deride or belittle those of us who prefer to hand code because we don;t trust software. At least when our pages mess up we blame ourselves and accept the guilt... who do you blame when yours are a mess?

hehehe, my turn :)
Not bad, if you are going for the simple look.
Above "the results" there is no black bar!
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.james-greenwood.co.uk%2Fmysite%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Strict
Have a look thereExcell Hosting for all your hosting needs.

Hi Chaud,
Thanks, that's a little bug that I need to fix in my CSS. I was aiming for a decent site. By decent, I mean:
* it looks fairly nice;
* it loads very quickly; and
* it has real content.I think I've succeeded on those points -- but I haven't uploaded the rest of the site yet so the last point is invalid at the moment.
Thank you for reminding me to check my site for validation. However, the link you provided -- to the W3C Validator -- is for an HTML 4.0 Strict DOCTYPE. If you had looked in the source for my page, you would have noticed I was using XHTML 1.1 Strict.
I've heard a lot about your Excel Hosting web site and I decided to give it a look. It does looks quite nice but it loads about five times slower than mine does. And I would shudder to think how long it takes to load on 56kbps.
Also, the link to your example site (http://mysticalsenshi.com) is slightly malformed. You have a "%20" hexidecimal (?) URL encoding character at the end of the HTML tag.
Thanks for the kind comments,
James

@ James
Sorry, but chaud is correct. Your page fails the W3C validation, as it not only has coding inconsistent with the XHTML standards (malformed tags mostly), but it doesn't even match either the declared or override DOCTYPE.

safeTsurfa,
I didn't actually say my pages have validated correctly. In fact, I gave the hint that I was still in the progress of doing so in Repsonse Number 6:
> By the way, I have corrected many errors and I am
> going to upload an updated version soon.The point I was making was that Chaud had tried to validate my page against an older spec which isn't right; I had specifically chosen the W3C XHTML 1.0 Strict DOCTYPE. I have now uploaded a better version of the page. Nothing physically has changed to the normal user but it now validates under XHTML 1.0 Strict.
James

It's looking good mate, here's my comments:
Chenge the font size on the entire menu to a smaller one. Blech. It's way too big.
Get a border on the bottom of that middle table.
I do like the random quote and the poll.
Orange is fine, it's a good colour to use there mate.
And using notepad is the ONLY way to go to create websites. Every site I create is made in Notepad. Check out pleth0ra.co.uk/retro - the entire thing in notepad.
Need any help with CSS or iframes (they rock mate, if you do them properly), email me.
Poor Stevie. They never did find his head.

"using notepad is the ONLY way to go to create websites"
Notepad is great...But personally I love anything with syntax highlighting. After using Microsoft's Visual Studio 7.0, (not the WYSIWYG part, just the coding window that checks your code against a schema on the fly) it's tough to go back to anything else.-SN

Cheers pineapplehead,
Here's the changes I've made:
1. I've changed the font size of the menu to a smaller one.
2. I've put a border on the bottom of the middle section.
3. I've put a border line above "The Results" in the right-hand column.I completely agree with you on the Notepad thing: I've always created all pages and sites in Notepad.
That site you've made is nice but some of the links on the left...
history
competitions
forums
contact me
blah...don't go anywhere. Are you going to have any competitions or forums?
James

Yeah, the links on the left aren't supposed to go anywhere. It's just a mockup for my other site. One day I hope to finish it.
And I do have to agree - syntax highlighting is useful. I use Lightpad sometimes - it's like notepad but with S.H. for different codes, eg HTML, CSS, PHP etc.
Menu looks much better mate, well done. I think the titles on the sections (Menu, Site Info) are still a bit big, but never mind. I still don't like the blue underlined links but leave them.
Poor Stevie. They never did find his head.

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |