View Full Version : Website help
Nacho
08-02-2005, 07:36 PM
Ok, I'm trying to make a nice looking website. The thing is I know barely anything about HTML. So does anyone know a way where I can make a nice looking website fairly easily?
Or, somewhere I can learn HTML fast.
GodBlitZor
08-02-2005, 07:44 PM
Geocities.
Get a free template and start from there.
http://www.google.com/search?hl=en&lr=&q=Free+Web+Templates&btnG=Search
NetNessie
08-03-2005, 03:30 AM
Website builders that come with most hosts are always an option.
But for a good website you have to learn your HTML, CSS and work with Standards. Expecially if its for commercial use.
IwantMORE
08-03-2005, 04:28 AM
If it's your first site, keep it simple.
What's the site going to be about?
p.s. If you are only doing this one site get a demo version of dreamweaver it's normally good for a month.
Phait
08-03-2005, 05:06 AM
http://www.webmonkey.com
fmuder
08-03-2005, 06:56 AM
W3Schools (http://www.w3schools.com/)
I learned CSS reading the tutorial.
fmuder said:
W3Schools (http://www.w3schools.com/)
I learned CSS reading the tutorial.
The most reliable of them all.
Don't forget to use their validator to check your files. You can learn a great deal from the results.
DrFunkenstien
08-22-2005, 07:57 PM
http://www.w3schools.com/
Excellent reference for just about any question you have on HTML coding.
Yatta
08-23-2005, 01:28 AM
Here, I'll teach you somce basics.
<a href="http://www.site.com">link</a>
</a> is to end the link text.
<img src="image_name.jpg" alt="Image Description"> that's for image.
<center> centers everything and </center> uncenters it.
<table width="percent or pixel value"> that's a table
<font align="left or right or center" size="3" color="blue" face="fontname"></font>
slash tags like </font> mean the the font attribute stops after that.
<body bgcolor="colorname" text="general text color" alink="link color" vlink="visited link color">
<body background="picture.jpg"> --> if you want a picture for background instead of a color.
<br> --> end line / break
<hr> horizantal rule
</p> end paragraph
Here's how it's all layed out at the end:
<html>
<head>
<body bgcolor="#000000 or black">
<font color="white">hi</a><br><img src="goat.jpg" alt="goat">
Nothing goes below this line except:
</body>
</html>
And there you've got your basic page. You can learn a lot by just looking at a page's source code--that's what I did. Just mess around with it and you'll get the hang of it. I recommend Macromedia Dreamweaver MX 2004 (2006 version coming soon) if you want to get more serious, because it basically does everything for you.
DrFunkenstien
08-23-2005, 10:46 PM
I would definately recommend learning a bit of CSS as well.
To give you a basic idea of what CSS does: suppose every heading in your website is BOLD and BLUE. Suppose you have about 20 headings in the whole site.
Now suppose you wanted your headings to be RED instead of BLUE? Which is easier?
1. Go through each page and change every heading to be BLUE.
2. Just open up your CSS file in Notepad and change one line, then see that change reflected in every page in your site.
If you prefer the Number 2 scenario, learn a bit of CSS! You won't regret it!
Usurper
08-24-2005, 10:15 PM
I would definitely suggest you learn css.
I would definitely suggest you not ever use a font tag unless you were coding for html 3.x.
I would definitely suggest you not ever code for html 3.x.
I would definitely suggest you not use Dreamweaver, because you will not become any better at coding by letting a wysiwyg editor generate (potentially inefficient) code for you.
Good way to learn is to look at a site's source to see how they solved problems.
Usurper said:
I would definitely suggest you not use Dreamweaver, because you will not become any better at coding by letting a wysiwyg editor generate (potentially inefficient) code for you.
I got a suprise for you.
http://img369.imageshack.us/img369/2687/dreamweaver9cw.th.jpg (http://img369.imageshack.us/my.php?image=dreamweaver9cw.jpg)
NetNessie
08-25-2005, 07:32 AM
Usurper said:
I would definitely suggest you not use Dreamweaver, because you will not become any better at coding by letting a wysiwyg editor generate (potentially inefficient) code for you.
I disagree, Dreamweaver is a great program, the WYSIWYG editor side could use a bit of work, but so can all WYSIWYG editors, however the syntex colouring, error checking, FTP and File Manager make life so much easier when working with large projects. I code entirely in XHTML, and Dreamweaver makes my life that little bit easy.
Well I used to use Dreamweaver but now I do all of my work in Editpad Lite (Which is basically Notepad with tabs).
I like having more control of my code.. and I hate wysiwyg things.
DrFunkenstien
08-25-2005, 07:08 PM
Dreamweaver is a good way to get started.
But I've been sticking to text-only editing lately.
(I'm developing a corporate site (http://www.pirellimoto.com) and have used nothing more than Notepad++)
I generally only use Dreamweaver if I want a specific effect on my page that I'd rather not hand-code.
Go grab Notepad++ (http://notepad-plus.sourceforge.net/uk/site.htm) now -- it's free and they keep making new versions too.
Phait
08-26-2005, 08:04 AM
I use this, it rocks:
http://context.cx/content/view/18/41/
Usurper
08-26-2005, 10:33 PM
Iggy said:
Usurper said:
I would definitely suggest you not use Dreamweaver, because you will not become any better at coding by letting a wysiwyg editor generate (potentially inefficient) code for you.
I got a suprise for you.
http://img369.imageshack.us/img369/2687/dreamweaver9cw.th.jpg (http://img369.imageshack.us/my.php?image=dreamweaver9cw.jpg)
I'm not surprised.
Let's go in order.
Why do you have <div class="h1">blah blah</div> instead of <h1 class="xyz">blah blah</h1> when obviously you're making a title? Header tags are called that for a reason. Not only is it semantically correct, but it helps screen-readers and portable devices know how to treat the text.
Underneath that is <div class="header">. See above. <h2> should work. And why is there a manual line break between them? You could precisely guide the space between them using margins in your css. If you needed space precision, anyone increasing their text size would increase the space between elements at the same time since <br /> tags are treated as having the same height as other text in their parent element.
Ignoring the use of tables for layout purposes...
Gah, this must be html 4 transitional. Why does that class have both a class and a string of depricated attributes that could be placed in its class?
On your unlinked images, border="0" is implied.
I won't get into the table attributes without knowing the doctype or if you're coding for NS4, but border="0" and cellpadding="0" can both definitely be handled using css more efficiently than using in-line attributes repeatedly.
avatar_58
08-27-2005, 03:01 AM
As much as I agree in using good, clean, efficient HTML/CSS for webpages, you don't have to be perfect for a website to be good. I'm making one and its done with tables....and I don't really care because it works.
Phait
08-27-2005, 06:38 AM
avatar_58 said:
As much as I agree in using good, clean, efficient HTML/CSS for webpages, you don't have to be perfect for a website to be good. I'm making one and its done with tables....and I don't really care because it works.
Agree. I got away for years with not caring about standards. They are important, but not necessarily vital.
DrFunkenstien
08-28-2005, 10:25 PM
As with so many things.... it depends on what you aim to use it for.
For a personal homepage, a small business site, a blog,etc... etc... you don't have to get all anal about standards and W3C.
On the other hand there are some types of sites that really benefit from good standards.
Such as large sites (e.g. Microsoft.com, Amazon.com, etc... etc..). Also if you know that some of your website audience are going to require accessibility features, you might make a point of clearly implementing them in your code.
Usurper said:
I'm not surprised.
Let's go in order.
Why do you have <div class="h1">blah blah</div> instead of <h1 class="xyz">blah blah</h1> when obviously you're making a title? Header tags are called that for a reason. Not only is it semantically correct, but it helps screen-readers and portable devices know how to treat the text.
Underneath that is <div class="header">. See above. <h2> should work. And why is there a manual line break between them? You could precisely guide the space between them using margins in your css. If you needed space precision, anyone increasing their text size would increase the space between elements at the same time since <br /> tags are treated as having the same height as other text in their parent element.
Ignoring the use of tables for layout purposes...
Gah, this must be html 4 transitional. Why does that class have both a class and a string of depricated attributes that could be placed in its class?
On your unlinked images, border="0" is implied.
I won't get into the table attributes without knowing the doctype or if you're coding for NS4, but border="0" and cellpadding="0" can both definitely be handled using css more efficiently than using in-line attributes repeatedly.
I posted that screenshot to show you that DreamWeaver is more then just a WYSIWYG-editor. If I wanted your opinion about my code then I would have asked for that.
Usurper
08-29-2005, 09:26 PM
Iggy said:I posted that screenshot to show you that DreamWeaver is more then just a WYSIWYG-editor. If I wanted your opinion about my code then I would have asked for that.
In the context of the post, you seemed to be indicating what wonderfully efficent code it produced. But I guess that's stating the obvious. Have a swell day.
Usurper said:
In the context of the post, you seemed to be indicating what wonderfully efficent code it produced. But I guess that's stating the obvious. Have a swell day.
Appearantly there's been some slight miscommunication. With DreamWeaver you can either work the WYSIWYG-way or you just type it all by hand. That's what i wanted to show you by posting that picture.
Usurper
08-30-2005, 01:08 PM
Understood. Pardon if my html breakdown seemed snarky; just assumed you were green and thought that was super-efficient code. No offense intended.
DrFunkenstien
08-30-2005, 06:24 PM
You guys are hilarious! God this should be in the classic posts thread.... im gonna ask Joe.....
vBulletin® v3.8.0 Beta 3, Copyright ©2000-2008, Jelsoft Enterprises Ltd.