Caleb
Joined: 30th Jun 2010
Posts: 2064
 My First Html Coded Website
As the the subject of this topic says, this was my first Html coded website. I had learned a few things from my fellow
friends(Undead, and Kody) and had worked up a little example website of what I could do so far. You can find the website here, but it is currently being reviewed by the web host I'm using, which happens to be 000webhost.com and you should be able to visit it
within a few days.
Here is a screenie of it: (or go here to see it as a full sized website)
Now obviously I'm not experienced enough to make a forum, irc client, ect... but I figured I'd just put those tabs in there for space and realism. Also the (copyright) is obviously just their for visual purposes and it doesn't actually apply. xD I also just wanted to add in there that I
managed to create all my images, including the background, in Photoshop, but I rushed them and I'm just a beginner in that too. :P Anyways I just wanted to share with you guys my design and what I've learned so far and if you have any tips on coding feel free to supply me with them, and I also
for got to tell you that I learned all this in like 2-4 hours. Lol So, feel free to tell me what you think of the website.
Goodnight for now,
-Caleb
---
Yep.
13 years, 13 weeks ago
|
Zeriu
Joined: 30th Jul 2009
Posts: 363
Re: My First Html Coded Website
Is that force centering to match the person viewing's resolution? Cause so far it looks nice, nice layout and simple.
---
"Everyone is a retard until they prove themselves otherwise."
13 years, 13 weeks ago
|
kodyt
Joined: 6th Apr 2009
Posts: 2271
Re: My First Html Coded Website
Looks goood <3 If it was me this is just me but I'd make a single table in the middle for where your content would go.
All I did was tell you the stupid space code xD but thanks for teh credit. This makes me wanna make a sample website now, you should send me the buttons an back ground on msn! ;D ---
http://www.ctronic.ga
http://www.tsu.co/Deltro
https://www.reverbnation.com/deltro9
13 years, 13 weeks ago
|
Re: My First Html Coded Website
Try making a gradient in css (if you know how) instead of using the image.
But other than that it's really good for your first ^.^
---
stay tuned.
13 years, 13 weeks ago
|
Caleb
Joined: 30th Jun 2010
Posts: 2064
Re: My First Html Coded Website
Thanks guys. :o
@Zeiru, Honestly, I can say I have no idea what you're talking about. xD
@Kody, sure. :P And you're the reason why my buttons are separated from each other. xD
@Andrew, I don't know what a gradient is, and I don't use CSS. :/ I just use the html editor on 000webhost.
---
Yep.
13 years, 13 weeks ago
|
Misca
Joined: 10th May 2011
Posts: 2738
Re: My First Html Coded Website
A gradient is a range of colors that blend into one another, the most common of this is Black>Black gray>Gray>White gray>White. Gradients can be used as opacity masks, (Make some areas appear while others are faded or invisible), if you are using photoshop or other
programs.
Example of a gradient:
As you can see, it changes from blue to green as you travel right. Rainbow, if that's what you want to call it.
---
Former multi-server mapper.
13 years, 13 weeks ago
|
Re: My First Html Coded Website
I would only use an image for your gradients. Internet explorer doesn't support this and a lot of people still use it. I would keep everything compatible so everyone can view it correctly. So far this seems good by I need to look into the source ( I'm on my iPod).
Edit: Ok, first. Only use one body tag
<body>
stuff.
</body>
Also img has an href property so you can just put href="calebsiteurl" into the img tag.
Another thing, its <hr> and <br> not <hr />
Copyrights also are valid on something you create. That copyright for example, could be valid.
It is pretty good for your first site. Try and get more into using more advanced css.
---
Andrewbob - I would be on the fucking copter of rofls
Programmer, Web Developer, and Graphics Designer
13 years, 13 weeks ago
|
Belac
Joined: 29th Jan 2012
Posts: 249
Re: My First Html Coded Website
Nevermind, he gave the code. O.o But yeah, it's the dirtiest code ever.. /: ---
i hate kody
13 years, 13 weeks ago
|
Re: My First Html Coded Website
Belac posted: (1st Feb 2012, 03:30 pm)
Nevermind, he gave the code. O.o But yeah, it's the dirtiest code ever.. /:
It's pretty good considering some people go crazy with tables or only being compatible on their resolution ---
Andrewbob - I would be on the fucking copter of rofls
Programmer, Web Developer, and Graphics Designer
13 years, 13 weeks ago
|
Desmond
Joined: 7th Jun 2010
Posts: 2424
Re: My First Html Coded Website
Wildsurvival posted: (1st Feb 2012, 01:39 pm)
I would only use an image for your gradients. Internet explorer doesn't support this and a lot of people still use it. I would keep everything compatible so everyone can view it correctly. So far this seems good by I need to look into the source ( I'm on my iPod).
Edit: Ok, first. Only use one body tag
<body>
stuff.
</body>
Also img has an href property so you can just put href="calebsiteurl" into the img tag.
Another thing, its <hr> and <br> not <hr />
Copyrights also are valid on something you create. That copyright for example, could be valid.
It is pretty good for your first site. Try and get more into using more advanced css.
Just to point out. <br> is HTML and <br /> is XHTML so it is very valid. All tags that don't have a close tag should be closed with */> Image tags do not have a closing one so it's <img src="" /> but links do so it's <a href=""></a>
---
I am an alien and not crazy!
13 years, 13 weeks ago
|
Ananas
 Moderator
Joined: 22nd Apr 2009
Posts: 2190
Re: My First Html Coded Website
Better than my first website :P But that one didn't have color what so ever. Code based, Did you choose to not put in the <head></head> part? Due that's where your <title>Caleb's Website</title> goes, as for links to either JavaScripts or CSS files?
Also, if I were you, I would learn CSS along with HTML, it's much easier and your source will get less messy, and your things will be more orginized.
Also a tip, don't use tables to build your website might you build one, use divs + CSS, I tell you, it's much better to make a website like that.
---
"Pineapples and shit."
13 years, 13 weeks ago
|
Re: My First Html Coded Website
Ahh I've never used XHTML. What did he declare the doctype as though? ---
Andrewbob - I would be on the fucking copter of rofls
Programmer, Web Developer, and Graphics Designer
13 years, 13 weeks ago
|
Ananas
Moderator
Joined: 22nd Apr 2009
Posts: 2190
Re: My First Html Coded Website
Also, why do you use body 3-4 times?
<html>
<head>
<title> My Website </title>
</head>
<body>
My website content and shit and pictures and stuff like that.
<br /> <!-- Oi! here we got a break! and some commentary -->
</body>
</html>
Is basic website layout.
EDIT: Just noticed Wildsurvival already said this. Oh well :P
---
"Pineapples and shit."
13 years, 13 weeks ago
|
Caleb
Joined: 30th Jun 2010
Posts: 2064
Re: My First Html Coded Website
Thanks for all the tips and compliments guys. :p To everyone who was talking about cleaning up the code, I pretty much did everything you told me to do and I guess it's a lot cleaner now. c: ---
Yep.
13 years, 13 weeks ago
|
Re: My First Html Coded Website
Caleb posted: (1st Feb 2012, 09:39 pm)
Thanks for all the tips and compliments guys. :p To everyone who was talking about cleaning up the code, I pretty much did everything you told me to do and I guess it's a lot cleaner now. c:
1 more thing, depending on what style of syntax you are using, always declare what type of document it is (if u did, great!) or some browsers will render the page incorrectly. I use <!doctype HTML> but if your using XHTML you'll have to use something else. ---
Andrewbob - I would be on the fucking copter of rofls
Programmer, Web Developer, and Graphics Designer
13 years, 13 weeks ago
| | | | | | | | | | | | | | | |
