BASIC homepage that I coded

[MitchellM]

I just coded a basic Homepage for Lexhost.net and here it is. It is to big to post on the forums so I will give you the link to the image that I uploaded of it.
http://i556.photobucket.com/albums/ss5/ ... agepic.png

Feedback? And please note this is the first time I have coded HTML in over a year and the first time I have coded something like this.

 

[Jonathan]

Errr.. I think it's a little too basic, and thus looks bad. I mean, changing from the default Times New Roman would be the first step. Then learn CSS. And format into tables/divs.

Also never deal with raw html, get DreamWeaver or something.

 

[MitchellM]

Hehe I have no money for Dreamweaver and I'm pretty sure Lexic isn't going to use this as his homepage. Also I know I need to learn CSS It's just hard for me to learn stuff without someone right beside me teaching me. That's how I learn.

 

[Ashish92]

Hehe I have no money for Dreamweaver and I'm pretty sure Lexic isn't going to use this as his homepage. Also I know I need to learn CSS It's just hard for me to learn stuff without someone right beside me teaching me. That's how I learn.

Kompozer is a free alternative for Dreamweaver and it is good 🙂

 

[MitchellM]

Okay thanks for that Ashish. I will check it out.

 

[Jonathan]

Ever tried http://w3schools.com/ ?

Besides, most people don't pay for DreamWeaver. *looks around*

 

[Ashish92]

Ever tried http://w3schools.com/ ?

Extremely required if you want to know html 🙂

 

[MitchellM]

w3schools is where I learned all my HTML. I have tried and tried learning CSS from there But I just can't get it. I need someone to teach me how to code CSS even basically and then I would be off on a start!

 

[Null-11]

First off M16X2, let me just say: Congratz! Everyone's gotta start somewhere, and honestly your first web design attempt was way better than mine. 🙂

The next step would be adding background, images, changing the font... etc. Basically CSS stuff. W3Schools has some great tutorials. And once you get a basic understanding I also recommend checking out CSS-Tricks.com and Net.tutsplus.com.

A free alternative to Dreamweaver is Aptana Studio 2. You could always give is a try.

Hope this helps AND keep on designing. Practice makes perfect - every time.

 

[tech4talk]

Errr.. I think it's a little too basic, and thus looks bad. I mean, changing from the default Times New Roman would be the first step. Then learn CSS. And format into tables/divs.

Also never deal with raw html, get DreamWeaver or something.

Eh, no good advice lol. Dreamweaver is actually very frowned upon by many coders. Its a good aid for beginners/intermediates.

But like everyone said its basically a barebones site. You are getting the hang of it. Next step, like everyone said, is simply learn CSS. And think of it like this, you learned HTML, why cant you learn CSS? In my opinion, CSS is way easier to learn then HTML.

Just sit down, take the time to REALLY focus on it and learn step by step. Even get a book on it from the book store.

 

[Justin]

I just coded a basic Homepage for Lexhost.net and here it is. It is to big to post on the forums so I will give you the link to the image that I uploaded of it.
http://i556.photobucket.com/albums/ss5/ ... agepic.png

Feedback? And please note this is the first time I have coded HTML in over a year and the first time I have coded something like this.

OOOO Very basic and scratchy. Good start though

 

[David]

Errr.. I think it's a little too basic, and thus looks bad. I mean, changing from the default Times New Roman would be the first step. Then learn CSS. And format into tables/divs.

Also never deal with raw html, get DreamWeaver or something.

Why? Please provide a good reason, as for now, in the 5 or so years in Web Development, I have not heard something as misleading as that. The best web templates and web sites start with a blank page on Notepad, and maybe Notepad++. Using DW isn't going to aid you in any way as the way it understands your queries is not as good as if you were to hand code it.

You can use it for coding, but never use it solely for the design aspect and then changing it to coding. Actually, learning HTML and CSS the traditional way gives you far better browser results then on the design function in DW.

 

[froggyboy604]

Pretty nice basic page. Maybe using some <H1></H1> , <H2></H2> ,etc heading tags for the heading/title and sub-headings/titles text may improve the design a little bit.

 

[Jonathan]

Errr.. I think it's a little too basic, and thus looks bad. I mean, changing from the default Times New Roman would be the first step. Then learn CSS. And format into tables/divs.

Also never deal with raw html, get DreamWeaver or something.

Why? Please provide a good reason, as for now, in the 5 or so years in Web Development, I have not heard something as misleading as that. The best web templates and web sites start with a blank page on Notepad, and maybe Notepad++. Using DW isn't going to aid you in any way as the way it understands your queries is not as good as if you were to hand code it.

You can use it for coding, but never use it solely for the design aspect and then changing it to coding. Actually, learning HTML and CSS the traditional way gives you far better browser results then on the design function in DW.

Errr.. I think it's a little too basic, and thus looks bad. I mean, changing from the default Times New Roman would be the first step. Then learn CSS. And format into tables/divs.

Also never deal with raw html, get DreamWeaver or something.

Eh, no good advice lol. Dreamweaver is actually very frowned upon by many coders. Its a good aid for beginners/intermediates.

I'm saying that learning the basics from DreamWeaver a good way of doing things. DreamWeaver automatically generates tables, images, rollovers, hyperlinks and CSS. Granted, it's not always the most professional tool but then again are we creating a professional website?

And yes, David, if you were creating a template from scratch you would code it from scratch. However when you're learning, WYSIWYG is very useful to link what you're creating to the code elements.


I do all my designing in DW using the split mode. Here's why:

http://webdesignernotebook.com/tools/in ... s-defense/

 

[Marc]

And yes, David, if you were creating a template from scratch you would code it from scratch. However when you're learning, WYSIWYG is very useful to link what you're creating to the code elements.

When I was learning, I never used DreamWeaver or any other WYSIWYG.

Fact, I never even downloaded DreamWeaver, lol. I heard people talking about it but never even tested it out.

All that you need to do, is read tutorials from w3School, use that knowledge and attempt to create a web page. If you're having trouble, there are many website design forums that you can use to ask others for help, 😉

PS. Never use something that someone created for you ( eg. download a free website template and attempt to edit it ) . You'll just get headaches when trying to do something with the website template. Once you fully understand everything about HTML & CSS from w3School, then attempt to look at the template then create your own. ( you'll get graphics, etc, from the zip file ) and if you need sizes, open up GIMP or PhotoShop, 😉

Good luck.

Also, nice design for starters. My first page was a blank page with a heading, paragraph text ( font=white ) and a few images I saved from Google, all linking to each other, heehee ( but all the files were not on a web server on the Internet / it was on a folder on my computer ). At first, I thought that you didn't use your CSS file and screen printed the web page by mistake. ( basically, I didn't know that you never learned CSS )

So, CSS is needed for every website designer that wants to make money or design some nice looking website templates. Bye!

 

[Deleted member 4320]

First of all, I have no idea why people are saying that Dreamweaver is not very good, it's great for editing codes and has very useful tools. It's understandable that paying for it is a big issue but when you have it, or have the chance to trial use it you should.

I think that if you want to get better you need to just use w3schools and also play around with codes and so what happens. I can teach you and it is surprisingly easy to learn, but can be hard to get to grips with at the start.

The page is very basic but for a first try and the first one you've done it's pretty good. One thing to say though, don't use tables. If you use CSS it gets cached by browsers making loading time faster than if everything was table based. Second I think adding some background colour to it, and a different font would be good. Also when you get more comfortable with it, jump in and use CSS3, works a charm in most browsers 🙂

 

[David]

First of all, I have no idea why people are saying that Dreamweaver is not very good, it's great for editing codes and has very useful tools.

No one said it wasn't good for "editing codes". It's not good for a WYSIWYG designing. You should never rely on the WYSIWYG design function to code all your websites. It adds unnecessary coding and can malfunction on different browsers due to the WYSIWYG coding structure.

Of course if you just use the code function then it's the same as usual, but never rely on the WYSIWYG function.

 

[tech4talk]

Were not saying its not good, but if you want to create a valid fast loading web page that doesnt have a bunch of extra bullshit code put into it, Dreamweaver isnt a good choice.

 

[Deleted member 4320]

First of all, I have no idea why people are saying that Dreamweaver is not very good, it's great for editing codes and has very useful tools.

...Of course if you just use the code function then it's the same as usual, but never rely on the WYSIWYG function.

Yeah I agree with you there, the WYSIWYG editor on Dreamweaver is not very good at all.

 

[thedudeman]

Ever tried http://w3schools.com/ ?

Besides, most people don't pay for DreamWeaver. *looks around*

Let's not promote pirating. 😉

I paid for my copy of DW CS5. (Actually, I got the student edition of Design Premium, but anyway...)

While it doesn't look great now, you're at least off to a good start. We all start somewhere. :great: