English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย
All categories

I want to make my own website. How do you do It?? I need step by step instructions that i can understand.

2006-12-10 11:35:26 · 11 answers · asked by Anonymous in Computers & Internet Internet

11 answers

Since you want something easy, I suggest using a free tool like those "page builders" that are included with free hosts like freewebs or Geocities.

If you want to learn HTML, I suggest this tutorial:

http://www.davesite.com/webstation/html/

It will teach you the basics.

I think that the most important thing to do is to start small. Don't plan to make Myspace while you're still learning.

2006-12-10 11:40:11 · answer #1 · answered by Anonymous · 0 1

If you have no prior experience it is best to go with Yahoo Websites, they have the tools and step by step instructions to get you up and running the first day. You will not even need to learn HTML to work with Yahoo sites, and your web creation can turn out looking very professional and beautiful.
Good luck to you!

2006-12-10 11:48:30 · answer #2 · answered by Kyanne 3 · 0 0

Well... creating a website isn't something that can be explained so easily. The best way to do it, if it's your first time, would be to get Macromedia Flash and Dreamweaver demos from the Alias website. They also have several tutorial downloads that will teach you all the basics of the program. I HIGHLY recommend Dreamweaver because not only can you work using a designer interface, but also a programmer interface that you can switch back and forth between to learn simple commands and stuff.

2006-12-10 11:40:40 · answer #3 · answered by Jaia 2 · 0 0

funny enough i just spent the last 2 days creating a website..

to start u off...




whatever u want ur title to be



this is where u put the main things in ur page





Theres a lot of websites which show codes for html, if u just want to mess about u can create something in wordpad if u really wanted to.

Good advise is to learn the basics about html, then go for a program like dreamweaver to implement ur ideas. It gives u a design view, so u dont have to worry too much about code.... though its useful to know a bit
:)

2006-12-10 11:46:38 · answer #4 · answered by Anonymous · 0 0

Useing a code called HTML you may create a web page. If i were you i would search google for Html for sites to guide you on how to use html. It is a very complicated process and it will take a while

2006-12-10 11:40:00 · answer #5 · answered by Willy 2 · 0 0

if you want a .com site then you may have to learn html which is what sites are made from if you want a subdomain eg. yourname.yahoo.com or something check out

geocities - free u obviously have a yahoo account
google pages (need a google account) which is free

and there are many other but i've found these are the easiest

2006-12-10 11:57:20 · answer #6 · answered by dreessya a 1 · 0 0

For starters you can have got to be trained HTML and CSS. Some elementary photoshop knowledge might be helpful if you are making plans on designing your internet site as good. If you wish to make a extra complicated internet site flash and java can be useful. Learn HTML and CSS on the minimal.

2016-09-03 08:47:02 · answer #7 · answered by pointdexter 4 · 0 0

You need to learn HTML, a programming language used for creating websites. Go to http://w3schools.com and learn HTML.

2006-12-10 11:39:33 · answer #8 · answered by Anonymous · 0 0

Go to Zyweb and just use their free web page creator. Its really easy, you just fill in the boxes with what content you want to have on the web page.

2006-12-10 11:43:22 · answer #9 · answered by Anonymous · 0 0

(Here's hoping this site doesn't have a length limit!)

Creating a website is ** very easy ** (until you deal with complicated layouts). However, many books underplay the importance of adhering to recent standards. By doing so (for example, using XHTML 1.0, or HTML 4.01 Strict), you will make your pages more compatible with browsers now and in the future, and make them most likely readable to anyone with disablilities who uses "screen-reader" software to have webpages read to them, or who use Braille printers.

Browsers have 2 modes..."Standard" and "Quirks"...in Quirks mode, they deal with webpages the old way -- they guess what to do with bad code, and you might not like what they do. By adhering to XHTML or a strict standard, you should ensure that modern browsers will *not* use Quirks mode on your webpages.

HTML uses "tags" to "markup" content (think how teachers have special characters to indicate what to do to correct your school papers). Generally speaking, content is enclosed between a pair of tags. The tags tell the browser what the content **IS**, and displays it as it makes sense to be displayed. Here is an example of a paragraph:

Here is a brand-new paragraph. Notice the tag has been shortened to a "p". Some tags are one-letter, some use an abbreviated word, some use the whole word. But you will remember them quickly. A paragraph will be displayed with extra space above and below it, to seperate it from other paragraphs. This space is put there automatically.



And below, a link:

This is the clickable text.

A few tags are "empty tags" and can use a special "shorthand style"...this is because the content is literally external to the page, such as images, or because there is no content. For example, an image tag, and a line-break tag:

My dog Buster




The most important things to follow standards:

1) Use lower-case in your tags (except where necessary in some attributes...for example, an image tag must contain the URL/path to the image, and that is case-sensitive).

2) Always use both an opening and closing tag. For "empty tags", you have the option of using "shorthand style" instead, and it may be strictly neccessary to use "shorthand style" for backwards compatibility. In other words:
* My dog Buster
is not standard
* My dog Buster
is standard, but some browsers will be confused
* My dog Buster
BEST -- will work in all browsers, just make sure you leave the space before that slash for the older browsers' sake

3) Always surround attributes with either single or double quotes.

4) Always use the *alt* attribute on images (for people who have images turned off or who are using screen-readers).

5) Ditto for *title* attribute on links.

6) Avoid tables -- they are a nightmare to maintain as you have more pages with complicated layouts, and also many screen readers have problems with them! Especially if you use tables for funky layouts, like many people tell you to do, the screen reader doesn't understand and may read chunks of text in the wrong order! (If you must use tables, only use them for *legitimate* "tabular data" that is *supposed* to be displayed in tables, and provide a link to a list-based alternative or something similar.)

7) Avoid frames, however fantastic and useful they may seem. They cannot be understood by screen readers and most text-based browsers.

8) Be careful about using "Image Maps" (images that have clickable areas). Some text-based browsers cannot understand them (though Lynx on Linux has no problem). If you use them, provide a plain-text alternative set of links somewhere else on the page.

9) Never use (or ) -- bold and italic, respectively. It is not semantic...style should not be part of content. Use and instead -- strong will be read loudly, em with emphasis, and they will still be bold or italic as the browser displays them.

10) Never, EVER use the tag, no matter what anybody tells you! There is a long article on the Internet about the problems it can cause, especially if someone is using a different language than you, or does not have your fonts installed, or needs to override the text-size due to vision problems!

** Ideally, all style-related stuff should be seperate from content, usually via CSS (Cascading Style Sheets). This is better practice, and easier to manage in the long run, though it is an extra technique to learn. **


*** BOOK RECOMMENDATIONS ***
(Get most of these on http://www.amazon.com )

* "The Complete Idot's Guide to Creating a Web Page"
-- Paul McFedries
I have an old one, which again, does not always follow standards. But your main benefit to a beginner book is learning what the tags are...just follow the rules above, regardless. He has a great writing style.
http://www.mcfedries.com

* "Laura Lemay's Web Workshop: Designing with Style Sheets, Tables, and Frames"
-- Molly E. Holzschlag
Though you should limit the use of tables and avoid frames, this has great coverage of style sheets. And this author herself is one of those fighting for better web standards.

* "250 HMTL and Web Design Secrets"
-- Molly Holzschlag
Awesome tips on browser compatibility, making your pages accessible to those with disabilities, using proper !DOCTYPE declarations (helps browsers know what standards your page claims to follow), how to insert multimedia for ALL browsers (for a long time methods were only compatible with Netscape OR IE, this will show you how to make sure they both understand), even planning projects for clients in a professional environment. BUY THIS BOOK AND ONE OTHER BOOK FOR STARTERS.

* ANY BOOK by "Eric Meyers" (all the other top writers recommend him)

* "SAMS Teach Yourself CSS in 24 Hours"
-- Kynn Bartlett
Because one book never covers every style you could imagine.


*** WEBSITE RECOMMENDATIONS **

http://www.alistapart.com
I tend not to try out many of the "browser hacks" because browsers fix new problems and cause more so frequently (especially IE), but you should at least know about the problems, and about webstandards, which seem to be this website's focus. Molly Holschlag is a frequent contributor.

http://www.molly.com
Molly Holschlag's website and blog.

http://webstandardsgroup.org/
The Web Standards Group is actively working to bring webpage designers in conformance with standards and accessibility issues. There are many useful charts and articles, and also a mailing list.

By the way, you should test all websites in 3 or 4 browsers (at least, once you get the basic hang of HTML). I am mainly on Windows, so I test in Internet Explorer, Firefox, Opera, and Netscape.

You can also test in multiple versions of IE, if you download these "standalone" versions:
http://browsers.evolt.org/?ie/32bit/standalone
To make it work, certain files have been deleted from the package after much experimentation. The address bar for all the old versions will not work right, so you need to use "File", "Open".

In IE 3, you can't even click the result there, even if it happens to be in the correct folder. Use the drop-down list to select your drive, and navigate through the folders down to where your file is, double-clicking each folder on the way. I'm not sure why you have to do this, but I figured it out after much headache. Maybe it's because of an 8-character filename limit in old versions of Windows (I notice every long file and folder has "~" in it). If you do that, it will work. Also, IE 5 sometimes crashes. Don't use these old browsers to browser the Internet!


*** SAMPLE WEBPAGE ***

Here is a very short sample of what webpage code can look like (deliberately simple). See how some tags are ** nested ** within others. Stuff in the "head" section does not show in the webpage. It is information for the browser. The title will be displayed on the "title" bar of the browser window. "h1" is a large, bold header. Notice the !DOCTYPE tag does not actually follow the HTML standards -- that is because it is actually an XML tag, and it tells the browser what you will be using for standards. It has its own format. But I see Yahoo cuts off the end of it. That's okay, you'll get it out of Molly's "250" book.

"www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



My Website



Welcome!


Here is a picture of my dog, Buster. He is 3 years old now. We got him from the shelter when he was just 4 months old. He had been abandoned on the side of the road. Now, he is happy to have a family that spends time with him and takes him for a couple of walks every day!


My dog Buster




For some instant excitement, copy everything to Notepad and name the page something, with the extension ".html". Change the "src" attribute of the image to a real picture on your hard drive. Notice I use double-quotes on my attribute values (like the "alt" text), because then I can use apostrophes *inside* without messing the display up.

*** Be careful of those WYSIWYG ("What You See Is What You Get") tools! They often do not create standard code, and sometimes they will use IE-specific tags, too! I do not trust any program that does not let me see the code. You also can't do anything fancy. Start as you mean to go on. ***

2006-12-10 12:39:41 · answer #10 · answered by Teh L 2 · 0 0

fedest.com, questions and answers