Question:
Question about creating a website?
2010-12-02 05:21:07 UTC
Can anyone tell me what are the steps in creating a website?
I mean, of course:
Step 1: ...
Step 2: ...
...
Step 15: ...
I need this for a project, so if you can go into details, please do.
(Also, no site linking here, I know I can Google stuff on my own and those things I don't find useful :P)

Thank you in advance.
Four answers:
Adam
2010-12-02 06:03:57 UTC
Ok, i will attempt to answer this :) you may want to download this be4 starting. it's free, and helps with the creating of websites...

http://download.cnet.com/KompoZer/3000-10247_4-10655200.html

explore using this for a while! It’s really helpful!



Ok, here goes!



1. Plan the site:

a. Choose a topic with at least two parts, so your site will have at least three

pages: a home page and your other pages

b. Choose images for your topics

c. Choose a color palette for the site.



2. Set up the folder and pages:

a. Name your folder

b. In the folder, save Notepad files named index.html and others that you want.

that don't use spaces or special characters. (They must all end with the .html file extension.)



3. Set up the pages:

a. Add the basic , , and section for each page.

b. Add tags with page titles in the <head> section of each page. <br /><br /> <br /><br />4. Add text: <br /><br />a. Add <h1> text for the heading text on each page. Use the title of the page <br /><br />for the heading text. <br /><br />b. On the home page, make <h2> text with the titles of the other pages, <br /><br />and then link the <h2> text to the other pages. <br /><br />c. On the home page, add a description of each sub-topic page below its <br /><br /><h2> text. <br /><br />d. Add body text on the other pages, using <p> tags. <br /><br /> <br /><br />5. Prepare and add images: <br /><br />a. Resize the images so they are around 72 ppi in resolution and approximately 300- <br /><br />600 pixels in width and height. Optimize them as JPEGs that are <br /><br />approximately 30KB in file size. <br /><br />b. Add an images to each page below the <h1> text. <br /><br /> <br /><br />6. Adjust the spacing and image alignment on the pages as you wish. You'll align <br /><br />the text later, with CSS. <br /><br /> <br /><br />7. Add a navigation bar: <br /><br />a. Across the top of each page, below the <h1> text but above the other <br /><br />content, add a navigation bar with text that links to each page in the site. <br /><br />The navigation bar should say Home and the titles of the pages. <br /><br /> <br /><br />8. Style the site: <br /><br />a. Create an external style sheet named stylesheet.css with style rules for h1, h2 <br /><br />a, and body. Each rule should control the text alignment, font, and color. <br /><br />The body rule should also control the background color. <br /><br />b. Link all pages in the site to the style sheet. <br /><br /> <br /><br />10. Test the site in a Web browser. <br /><br /> <br /><br /> <br /><br />You will want to ask other questions like how to add favicons, and javascript extras, but that was too much to put in this answer  </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post1"> <div class="post_header"> <div class="ya_post_header_poster"> brisray </div> <div class="post_header_date"> <span class="timeago" title="2010-12-01T23:26:21-06:00">2010-12-02 05:26:21 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/VwndK2Kc.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> 1. Write your website <br /><br />2. Find a host <br /><br />3. Upload your files <br /><br /> <br /><br />That's it, that's all you need to know - except how to code HTML, CSS, JavaScript, maybe PHP or ASP, how to edit video (if you use them), how to create and edit images. <br /><br /> <br /><br />Edit: You asked how to create it, not how to find someone to write it for you. Just look on Google for website developer or even look in the yellow pages. They may not be cheap. My current contract I charged $22,000 for - then again I know how to do everything I wrote in my original reply and it's a complicated site. Expect to pay someone who does this professionally to charge anything up to $150 per hour - honestly, I'm not joking. Then again, you can find people who will write a simple site really cheaply - I've written loads where I haven't charged anyone anything at all - which is why I'm not ever going to be rich. <br /><br /> <br /><br />Writing websites isn't particularly hard, and millions of people write their own - which is how I started - but when you're writing for businesses they expect them to attract even more business (which means more money for them) and that's why they hire professionals - like any field, knowledge and experience isn't cheap. <br /><br /> <br /><br />You really can do all of this yourself. There are tutorials all over the internet. <br /><br /> <br /><br />1. Find a HTML Editor - loads of them around and some very good ones for free (Visual Web Developer, SharePoint Designer, NVU, Kompozer) <br /><br /> <br /><br />2. Find a HTML template you like - last time I looked Google listed 200 million of them. <br /><br /> <br /><br />3) Add your content to the template. Unless you're using ASP or PHP you can test the pages easily on your own computer - just open the HTML files with your browser not the editor. <br /><br /> <br /><br />4) Find a host, either a free or paid, it doesn't matter, except most (but not all) free ones will add adverts to your pages. <br /><br /> <br /><br />5) Go through the entire site again, making sure every link works and every image displays properly. <br /><br /> <br /><br />There are tools to help. One of the best free one is Xenu Link Sleuth which produces detailed reports about your site and will check all your links work. <br /><br /> <br /><br />Edit again: honestly, I really would give this a go yourself. Once you're used to it, writing simple HTMLweb pages, with some CSS and maybe some JavaScript, is no harder than writing any other document. It's nice to be able to see something online and say to yourself, "I did that!" You never know, it might turn into a career - I love my job, a hobby I enjoyed turned into a very rewarding career. </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post2"> <div class="post_header"> <div class="ya_post_header_poster"> eisenstein </div> <div class="post_header_date"> <span class="timeago" title="2016-10-01T00:55:13-05:00">2016-10-01 05:55:13 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/VwndK2Kc.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> For starters you'll be able to must be taught HTML and CSS. Some fundamental photoshop advantage shall be helpful if you are making plans on designing your internet site as good. If you desire to make a extra complicated internet site flash and java can also be useful. Learn HTML and CSS on the minimal. </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post3"> <div class="post_header"> <div class="ya_post_header_poster"> </div> <div class="post_header_date"> <span class="timeago" title="2010-12-01T23:28:37-06:00">2010-12-02 05:28:37 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/VwndK2Kc.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> for creating basic website <br /><br />(manually) <br /><br />step 1: place the html tags and then the head tag <br /><br />step 2: place title tag inside heading tag <br /><br />step 3: place body tag where you can place text, audo, image, or video <br /><br />step 4: save it as filename.htm extension <br /><br /> <br /><br />example: <br /><br /><html> // starting html page <br /><br /><head><title>browser title // signals as heading

// body tag

contents here

// close body tag

// closing html page



not manual

use ms office and then preview it as webpage view then use drag drop or any function in ms office then save it as website file extension should be .htm


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