Question:
How do you make a web page?
2008-07-21 14:00:47 UTC
Hi everyone! I was just wondering how you actually make a web page. I know most people know how, but I am one of those few who don't. So please explain to me, in the simplest way possible how I can make a web page. Thanks!

Oh, and I may pick a best answer!
Seven answers:
Tikken
2008-07-21 14:19:29 UTC
You are wrong that most people know how, they might know how to get something to render in a given browser, but usually their code is filled with errors, nonbreaking spaces, nested lists or tables.



You should take note that (x)'HTML is used for markup, while CSS is used to style your page, I.E. Apply a font, or change the background colors.



PHP is a serverside programming language, used to preprocess data, such as images, html, css, pdf etc. MySQL is also a serverside language, this is however a database used to store data, there are several ways to handle the data with so called queries made from php.





You can create a simple website using notepad in windows, but basically any text editor can be used. Just remember to save your pages with the .html extension, and of cause to validate your pages. Validators are used to check your code for errors, this helps to solve most code related problems, and makes it easier to get your pages to work in most browsers.





Do not let people confuse you about the differance between html and xhtml, the differance between the two is minimal, this may however change when/if the next version of html/xhtml is released as a recommendation by w3c.



xhtml is a child language of xml, and is suposed to be served with the "application/xhtml+xml" mimetype, instead of "text/html", this means if you have coding errors, the browser will show an error rather then the page. Some browsers do however not support this mimetype, and won't even render the page when its used. Usually the web server will serve the page as "text/html" for those browsers, see also: http://www.w3.org/2003/01/xhtml-mimetype/content-negotiation



Never mind about xhtml for now, You can easily start to learn HTML + CSS, and later pick up XHTML. The differance (as it is now) is minimal, and it dose not require much work to "convert" a html file into xhtml by hand.



The below links has some useful articles, and Tutorials/References for beginners.

http://www.brugbart.com/Tutorials/17/ - HTML 4.01

http://www.brugbart.com/Tutorials/18/ - CSS level X

http://www.w3schools.com - Tutorials/References



http://www.w3.org/MarkUp/Guide/ - Dave Raggett's Introduction to HTML

http://www.w3.org/Style/Examples/011/firstcss/ - Starting with HTML + CSS



WYSIWYG editors are also very pupoler amongst people building simple personal/family websites, its however not recommended to use such tools, they are simply impractical for serious websites. Actually such editors are only to prefer if you need to publish a document in a hurry. Many website hosts, (free as well as payed) offer a WYSIWYG editor, which you can use to "design" your website with, simply by the push of a few buttons. They do not however account for the many browser incompatibilities, and the authors inability to use the elements in (x)'html correctly, often they mix deprecated attributes used for presentation with their CSS equivalents, and it so happens that the authors often get frustrated when things doesn't behave the way they expect, and finally they end up coding by hand.





You would also want somewhere to host your site, when looking for a host where you can upload your files, you should check that they offer some sort of FTP, either in their control panel, or by an FTPClient such as SmartFTP.



Some of the free hosts are listed below:

http://members.freewebs.com/

http://www.tripod.lycos.co.uk/

http://geocities.yahoo.com/

http://pages.google.com/



Buying a domain name is however cheap, and usually ensures that you are able to upload your pages, examples of such hosts would be:

http://www.one.com/

http://www.godaddy.com/



You can find and ask about hosts on the webhostingtalk forum:

http://www.webhostingtalk.com/

See also the threed (List your "top list of hosts"):

http://www.webhostingtalk.com/showthread.php?t=654242



Its recommended to learn HTML and CSS togetter, since this makes it much easier, never mind the deprecated attributes, i don't even remember half of them, and neither do i need any of them in my CSS based layouts.





Finally take note that the font tag has been deprecated in favor for the span tag, i only say this because someone mentioned using it, but the usage of font is not recommended. Same goes for the attribute named "bgcolor" which has been replaced by the background properties of CSS, see also: http://www.brugbart.com/References/58/ - Background Properties



The "marquee" element is a non-standard element, and as such its not a part of html, but most browsers still renders it.
2008-07-22 00:07:50 UTC
There are many good free online web design tools that requires no coding for you to make a web page. One of the best ones right now is Microsoft Office Live Small Business - works great for personal sites, fan sites, hobbies, etc as well. It provides some basic templates, and then you can add images, links, navigation, themes, etc. and even custom HTML if you know how to code to it. It provides 500MB of storage, so you can get started right away. Try it out:



http://moourl.com/z6m6d
Nemesis
2008-07-21 21:22:05 UTC
There are several programming languages for designing web pages, most of which are probably more than you can handle. So let's put off Javascript and PHP, etc. For the time being.



You're going to want to learn HTML. It's the easiest programming language out there, and you'll have no problem learning it.



http://www.w3schools.com will give you the information on how to do this, it's really quite simple.



If you want a crash course on how to do it, send me an e-mail or instant message and I'll explain it to you. I'm afraid it would take too long and be way too much to read for me to post it here.
2008-07-21 21:36:27 UTC
The best and easiest way to make a web page is to use the “web space” you have available to you at the moment and in most cases FREE.



Most ISP's offer some sort of web space for you to use for personal reasons. (Meaning you can NOT advertise on them) and the "free space" you have to work with, is limited. I'm guessing that if you are on Y!A asking questions, you have some sort of "ISP" (Internet Service Provider).



Knowing that you have an ISP, It would be a good guess, that you also own a computer. Most Computers come with some sort of word processing programs pre-loaded on them. (M.S. Word, Word Perfect - or something along them lines)



Just create a document in whatever word processing program you have, as if you were going to print it out on your printer. (Pay attention to the folder (s) you are saving your work to and where all image files are stored, as you will need them later)



Once you've saved your work as a "document", you will most likely have the option to "save as" an HTML file (or in other words a "web page") – do so, but name the page “index.html” (this could change – depending on the host site)



Be sure to “preview” your work in a web browser to make sure it looks like and says what you want it to.



Now you are ready to upload your web page!!!



Depending on your ISP, you should be able to use a web based “up-loader” to copy the files you’ve made, to your ISP’s server. However, you may need an FTP client – look at your ISP’s help page to know for sure.



While at your ISP’s help site, be sure to look for how to access your new page. It could be something like http://www.whatever.net/~kc



Hope this helps.
alectaf
2008-07-21 21:13:02 UTC
hello this is the site i used to make my web site



http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html



I am in the process of making a tutorial on how to make web sites, when I have finished then it will be on my site

this is the link to my site

http://pendragon.110mb.com/



at the moment i only have my home page up but there are a few links on it, they are on the right hand side adobe they will help you if you go to that site that is how i learned how to do it , if i can do it so can anybody else .



if you have any problems just as me and i will do my best to help you

alec t
zizix
2008-07-21 21:19:12 UTC
do you know how to code things or are you just wondering how to get your site online?

as for coding, you'd probably just want to start with html.

you'll be told to use deals such as and and

but you really don't need those. they don't do ANYTHING. it just helps those who aren't too organised get their junk straight.

basically though, you use <>'s. [don't include " 's "]

everything goes in the brackets.

so if you want something to scroll, you use

and remember that you need to close every code too.

so you close a code with a /.

so it'd be your text here

same thing just with a slash.

to do things with font, you use of course

and close it with


the font syntax though is varified by variables per se.

such as
and you would wait to close the bracket until you've finished the variables. for example:

Your text

you separate variables with spaces as shown above.

font face is the text type, such as "arial" or "times new roman"

and you can put the above in any order you want.

so basically all you need to learn are simple key terms.

key terms being things such as "font" or "marquee" or "table"



the
code put a line on your screen underneither whatever the code was put after.

so in that case, if I were to put:

Hello


then on the screen, it would show as:



Hello

-------



you can specify the width by putting


the number can be whatever you want.



the
code puts an enter in the page. So it just moves the coding after
a line below on the finished page.




and
don't have to be close with a /.



same with




  • just puts a bullet before the text, and you don't have to put a
    after the text to enter down if you're putting another bullet, you only have to put it if you're putting other texts.



    to change your background color, you would use



    you don't have to close it with a /



    and that's one of the only times would come in use.



    when you're finished with your code, you will save it as "whatever.htm" [with no quotation]

    and just open the file that you saved later to see your results.



    once you learn the basics of html, you move to things like php, flash, java, div, css, etc.



    hope that helped.
    prolificcoder
    2008-07-21 21:10:41 UTC
    Type this in notepad







    This is my first web page



    and save it as first.html

    Open this in browser IE or Firefox



    You got your first webpage


    This content was originally posted on Y! Answers, a Q&A website that shut down in 2021.
    Loading...