Add to Google

What Are The Steps To Making A Website?

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > The Internet > Web Design

What Are The Steps To Making A Website?

Urilockz
Ideas are everything, if you can come up with an innovative new website... You can become very popular and insanely rich!
If you have no idea how to code use Microsoft Frontpage (If you have office) If you don't you can search for some free WYSIWYG editors on the web.
If you just want a blog, www.wordpress.org would be the way to go.
Lots of addons and usability on wordpress.

Reply

mikeyboy63
First you need to know what the site is about. What's its purpose: to promote, to inform, to sell, or to communicate? To create a menu or navigation system you'll need to know the site's purpose. If the site is large and/or the content on the site needs frequent updating or is an interactive site, you may need PHP scripting. I'll assume you're designing a simple site.

To design the pages, many web designers start in Photoshop or Paint Shop Pro, whichever graphics program you like. The Gimp is a good program available for free on download.com. They create a graphical representation of the site template, probably starting with the logo, then the logo inspires the graphical design of the rest of the template. Personally, I find it easier to create the logo and drop it in a div in a wysiwyg editor. I use the editor rather than a graphics program to get the look of the template since I find it easier and ultimately faster. Then I go into code view and manually clean up the coding.

Before you can continue, you'll need to create a navigation system, so you'll need to know what other pages you'll have on your site. To proceed without being clear on page count, you can create a navigation system as a placeholder. You'll need to update it after you've fleshed out your site.

Don't place your site on a permanent host prematurely. It may get indexed by the search engines before it's ready, and the search engines might not like what they see. It doesn't need to be complete, but it should have good content and coding.

Other posters have laid out some ideas on how to proceed in general. I just wanted to address the nuts and bolts reality that for many designers, you have to actually start somewhere, and it will be in a graphics program designing a logo, which will influence the look of the rest of the graphical design.

 

 

 


Reply

saadatabubakr
goto frontpage...u will learn everything automatically

Reply

minimcmonkey
Well, there may be other beter ways, but this is how i would go about doing it.
  1. ientify who you are targeting
  2. find out how you can help visitors find your site (ie links, ad banners, search engines)
  3. identify how many pages, you will need, and build a site map (a list of pages and their content, showing how each page links to another, and makes it easy to navigat)
  4. create a CSS stylesheet which will be used on every page (although you may consider a different, plain stylesheet for login pages ect.)
  5. Create the graphics that will be used on every page (like the top banner, footer ect.)
  6. Create the homepage, using a layout that will be used on all pages (with exeptions like login pages in some cases) but do not add content yet.
  7. create a navigation bar, which can be displayed on every page (for easy navigation) (you may want to skip this step if you dont want a navigation bar.
  8. create all the other pages, just without the content. (just the title, and a header, as well as anything displayed on all pages ie. logo, and navigation bars)
  9. link up the navigation bar (or navigation method) so that all the links work, then test each link.
  10. create the graphics for all of the pages.
  11. add in the graphics and other content.
  12. Now the website is complete, just check it all works, and make sure all of the pictures have an ALT attribute, ect, so it is widely accessible.
  13. You now need to find a domain name, make sure you choose the most obvious thing (the first ting a person who didnt know the domain name would guess at, like "yourcompaniesname.com") skip this step if you plan to use a subdomain
  14. find a host, make sure you have enough bandwidth, enough space for the site, and any updates which might be added in the future. Make sure it supports all of the languages you have used (like PHP) a make sure that you do not violate their terms of use in any way.
  15. Upload your website, and check that everything works, and all of the images apear correctly, ect.

Reply

thorne
The most crucial step in website development is the research and planning you do before you code a page. It's vital that you take the time to determine the purpose and audience of your site before you set it up. Once it's up, things are much more difficult to change. There are many, many resources online where successful website owners go into detail about all the things you'll want to consider. Htmlgoodies.com has a chapter from a book about web site design that you can read for free, and problogger.net has many articles about things to think about (while the site is aimed at blog creation, many of the tips can be applied to any type of website).

Once this is in place, you'll want to focus on how to organize the information you're providing. O'Reilly's book Information Architecture and the Worldwide Web is very, very comprehensive about this step. It's aimed at site providing massive amounts of information, so you won't need to focus on this as much if you're having a smaller site. But it's still important.

The interface and design of your site is the next step. If your site is hard to navigate and use, users won't waste time trying to figure it out. They'll go somewhere else instead. So you need to make all your organized information easy to access through properly presented links, text, images, etc. Steve Krug's book Don't Make Me Think! is very, very good in this respect. He covers aspects of web usability and ways to test the usability of your site.

The aesthetics is also something to consider. You want an attractive, professional looking site. I find that the best way to acheive this is to look at other site designs and take note of the types of things that look good and they types of things that don't. A popular test for whether something is a good idea is the "would amazon.com do it?" test. Loud music and 3948727634 flashy, bright red animated gifs, for example, would probably be a bad idea.

Once your site is up, you need to think about mainintaining it and promoting it. How often will you (be able to/need to) update it? How can you reach your target audience with news of your site? By posting on forums and commenting on blogs, you can spread the word. Other sites may also want to trade links with you as your site becomes bigger and more well-known. Again, problogger.net has lots of information about these things.

Creating a website is a large process and can be a lot of work, but if you are serious about it and enjoy your topic, it can be a fun experience. Just be sure to give it the time and thought that it deserves, and you will have a successful, well-presented website.

Reply

LadyAshk
Maybe we should add something here which relates to personal websites....where a newbie may create a website from scratch just for his personal enjoyment or learning.
Will come up with those steps shortly in another topic : Basic Of Website Creation

Reply

wordpress_lover
DON't forget an ABOUT ME page.
It's the one thing that connects your page to
your visitors cos they don't know you at all. smile.gif

Reply

williamm
Well i think that when you get a website you should take the following steps:
  1. Get the call from a person that wants a web site
  2. Write down all their information including: Name, Phone. Email if avalaible.
  3. Then make a note of what they have an idea of, what they want on the site, Business name is there, and a slogan
  4. Then start a basic design after what they asked for, then call them up and arrange a meeting
  5. Edit site to what they want again
  6. then start up a domain name and ftp it up to it
  7. maintain the site as they request

Reply

keego
There is a book out there , you can search for it in google, its called The principles of beautiful web design, its a really good book. it tells u what u need to know to become a good designer. smile.gif check out the reviews if u dnt believe me

cheers

Reply

onscreen
QUOTE(keego @ Aug 12 2008, 07:07 PM) *
There is a book out there , you can search for it in google, its called The principles of beautiful web design, its a really good book. it tells u what u need to know to become a good designer. smile.gif check out the reviews if u dnt believe me

cheers


Totally agree with this. I have the book and it is still very useful.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Pages: 1, 2
Recent Queries:-
  1. steps to post a website - 43.09 hr back. (1)
  2. making websites on notepad - 159.56 hr back. (2)
  3. steps in making awebsite - 188.16 hr back. (1)
  4. steps in making html - 209.38 hr back. (2)
  5. what are the steps in making html - 248.80 hr back. (1)
  6. step of making a html - 401.61 hr back. (1)
  7. basic steps in making php - 435.82 hr back. (1)
  8. advance steps in making a website - 524.48 hr back. (1)
  9. steps in making a website - 635.81 hr back. (1)
  10. "steps to upload html document a website" - 654.56 hr back. (1)
  11. steps for creating a website with photos dagrams - 709.69 hr back. (1)
  12. step in making website - 784.02 hr back. (1)
  13. website - 838.50 hr back. (1)
  14. what are the specific steps to making computer software from scratch is making software from scratch easy or hard? - 926.94 hr back. (1)
Similar Topics

Keywords : steps making website

  1. How To Make A Website - (If you're trying to drive people away from your site) (21)
    Alright so there are many topics out there of how to make a website that everyone will love and want
    to go to, but I can't seem to find any about how to make a website that people will hate and try
    to run away from, so here are some pointers for those who are trying to make the worst website:
    Step one: COLORS Be sure to use a vivid and bright background color, and a non-noticeable text
    color. Nothing wakes people wake up more than a florescent yellow background with white text. Make
    people work to try to read your website. After all, you have some great content...
  2. Webdesign Frequently Askd Questions - is it posible to design a sercheingin in your website. (12)
    what i wanna no is is it posible to incorporate a custom search engin into your own website. for a
    while now i have bin wondering is it posible to do this as i would like to try something like this
    out. but i have heard of there being a way to do this in pearl but i no nothing of pearl does
    annyone have anny tips or info on this? (i use frontpage and dreamweaver)...
  3. Web Design Help - I need help designing my website homepage if possible? (5)
    Hey Trap17 Users! /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif"
    /> I'd like to get some help from experienced Trap members, to help me get my homepage of
    Central-Gaming design page up. /smile.gif" style="vertical-align:middle" emoid=":)" border="0"
    alt="smile.gif" /> If possible, I'd like to have the following used: HTML PHP Maybe some
    jscript Also, what I'm trying to do is create a homepage (A good homepage) for Central-Gaming.
    (My site). /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin...
  4. Help Creating A Profile Website - how do i make a profile website (17)
    Ok this is my idea: I am making a website about anime. Its function is add anime, review anime,
    search anime, anime information. Users can make a profile. People can make a profile which they can
    edit to theire likes with html to give it a fancy look.(this is what my problem is about) What i
    would like to know is how can i accomplish this. I already have the database for the anime titles
    etc ready, the only thing that needs to be done is the profile section. If you have any tutorial,
    tip or guide i would really really appriciate it. Thx in advance. ...
  5. Creating A Good Website, How?! - (19)
    Creating a good website, How?! I looked at many forums, searching on now to create a good website,
    by good I meant good website interface. For example, Trap17 have this amazing flash header, and nice
    design… I searched and searched, I found that many people started with a photoshop picture, then
    they make it come true by requesting a website coder (A.K.A. Programmer) to code the whole website
    for it. If, I said if, I were good a art, I can design a good nice picture off photoshop, and I
    know how to code, does that means I can make a good website? Please post any comm...
  6. Flash Media Into Html/css Website - does anyone know how to import a flash into a webpage with transparenc (2)
    Hi I need some help , Im designing this website for school studies However, I made a flash drop down
    menu, works perfectly, but you know how flash has a background when you export it in to a SWF file?
    For example my flash is width= 800, and height = 200 but my div box on my html page for my
    navigation is only 50 px my buttons is width of 50px and the rest of the content is the drop down
    animations i want to insert it into my navigation div box but i want to set the flash background to
    transparent so that when the drop down menu comes down it overlaps the text or whateva...
  7. Help! Php Or Just Html? - i want to start buliding my website. which is better, php or basic htm (16)
    i try to start this topic in webhost category but it seems like i cant. i dont have the permission
    so i just post my topic here. im sorry mod.. i want to build a website which contains: - Links to
    videos - Informations - photos - flash i don't know if i should use php or just HTML. guys,
    what are your opinions..??...
  8. Excellent Free Website Templates - (29)
    Site also includes 60 free logo templates, 63 free banner templates, 84 free newsletter templates,
    website arrows, abstract images, and much more. Fantastic resource...
    http://www.templatesbox.com/templates.htm ...
  9. How To Create Smallest Website - (22)
    I wonder if any one create smallest website on earth? any webmaster can share this things .. .if
    they can make how could it be? /wink.gif" style="vertical-align:middle" emoid=";)" border="0"
    alt="wink.gif" />...
  10. Need A Logo For Website Can't Get Into Ideas - (11)
    Hi friends i'm running site on computinghost server called http://onecore.net i think again i
    need some help,for good touch to the site so pleasse help me can you think of any good logo idea,i
    want simple,creative,techno-anime style yet smoot for eyes. can you think of any good idea,mymind
    is just wandering here and there /unsure.gif" style="vertical-align:middle" emoid=":unsure:"
    border="0" alt="unsure.gif" /> hope u understand that .... Please send in any dieas for logo almost
    anything....
  11. Help Me Flash My Website. - web designing (6)
  12. How To Add The Flash In Our Website ? - Animated image in website make the site atractive, but take more time (3)
    Animation in this world: We see in most of the website that company icon, logos, memorandom,
    Advertisement, smily,even todat Button etc. in the website are animated in a sequencial manner so
    any body who see this get impressed, even so many time i also get impressed and want to give thanks
    that one who creates this logic a fantastic idea, adobe website we read some articles, i want a
    proper process or command from starting to end till image(how many types of image) animated in my
    website. what software, hardware, required to do complete this task. any idea, tutorial, not...
  13. Website Structure - PHP, MySQL, HTML, etc. (3)
    Hey guys, I am a very, VERY, curious person on finding out how things work on the computer if I find
    them interesting and I can't stop thinking about the thing until I find the answer. The sooner
    I find the answer, the less time I get a headache.

    So I was wondering how websites work. I mean how
    everything would be put together. Like how a game would be put together lin...
  14. Making A Scroll Bar In Flash - with an image and words on it (5)
    does anybody know how to make a scrollbar for my game page I am making on my site. This whole site
    is completely in flash. I know how to make a scrollbar for just words but not when there is an
    image on there also. Does anybody know?...
  15. Help Needed For Alumni Website. - (7)
    I'm planning to start an Alumni website for my college mates, I searched for any Alumni CMS but
    couldn't find one. So If anyone of you know any Alumni or Community CMS, please share it with
    me. I need a community CMS where each member Can have his own page, and somewhat related to orkut.
    If there is any add-on MODs for Joomla or Mambo please do share them too....
  16. Has Anyone Designed A Website For A Wow Guild? - (2)
    I belong to a WOW guild and we're considering a website for our members. Has anyone any
    experience designing and running such a site? For a start, we're only interested in a basic
    website for our members so we can show member character stats, announce raids and have a forum so we
    can all leave messages for each other and discuss strategy and levelling tips. I know there are
    templates available and I'm wondering if it would be just as easy to use one of the premade
    templates rather than create a site from scratch. Any comments would be greatly appreciated ...
  17. Php Scripts And Website Templates - php scripts and website templates (7)
    I need some help. I´m trying to start my own website but I´m out of ideas about the design... The
    site should look something like this (click to view) Like I said I´m out of ideas so if any of you
    knows of a good and free web template that looks like my site please post the link to it. I´m also
    looking for some free php scripts (classified ads, fotolog, youtube, banner exchange, link exchange,
    adbux) so if you know where I can find any of those scripts please let me know. Thanks in advance.
    "I Need Some Help" isn't a good topic title. Changed to a more descript...
  18. Basic Of Website Creation - Get basic knowledge on website creation here (9)
    By basic, i mean reaaaal "BASIC". I know that its probably redundant info for so many of us, but I
    still would like you to add your bit into this post , so that newbies benefit from it....
  19. Website Layout? - Help me please (3)
    Im sorta really new to html and php, and i want to make or edit a layout for my website that i might
    get from this forum thing, and i need sombody to point me to some tutorials or make me a layout.
    also if you want to you can make me a myspace one too xD. Please and thanks....
  20. Php Auto Website Title - (8)
    This simple PHP function is pretty handy if you want your websites pages in the title without having
    to name individual ones. It will look like: QUOTE MyWebsite | Index QUOTE Quote:
    MyWebsite | Gallery QUOTE Quote: MyWebsite | Forums etc.. paste the code into your
    "functions" file, or any webpage which is included in every page you have (Reminder: To include a
    webpage, use 'include("webpage.php");') You can of course put the function in each page, but
    that's just annoying .. /tongue.gif" style="vertical-align:middle" emoid=":P" borde...
  21. How To Build A Good Website - (2)
    First, have a good color is important. You don't want people say "Ow!!! My eyes!!! where's
    the X button????" So try not to use colors like light green, yellow. Second, have some content.
    Will you like a site just with a title? Updated it AT LEAST once a month. Third, try not to put
    "too much" image on the homepage. Otherwise, if they come from a search engion, they will probley
    want to find something that they want. If that takes too long, they'll leave. Fourth, having a
    portal is good if you have a forum. If you are using something like ip board, active t...
  22. Image Not Taking The Right Size In Web Page - An image is correct when designed, but not when put in a website (1)
    When trying to make a web page with a GIF image on it which runs a coloured bar along the top and a
    coloured curve along the side, I come across the weird thing that, when I put the image on a web
    site, it does not take in the whole top and does not run from top to bottom completely. The image is
    made in Adobe Photoshop at a resolution of 1024X768 pixela and looks correct , ie. the horizontal
    bit runs completely from left to righ and the vertical bit completely from topright to bottom right,
    yet when put in to the web page, it shows with big margins left and right and to...
  23. Xml For Dynamic Website Content - (3)
    Anyone got a site where they're using XML to generate dynamic content? I'm thinking of
    using XML for several elements of the website for my workplace, partially because I can easily
    generate XML through a simple VBA interface far easier than XHTML (since I'm only considering
    the content), so that I can set up easy ways of changing that content for the completely computer
    illiterate people I work with. Also, I'm doing an XML course later, so I want ot get some
    practice in /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif...
  24. Man Why Is Everything Hard To Get A Website Design - man webdesigning is hard (32)
    okay ppl why is that they give u front pagew that u make a webdisgn adnthe u have to bye better
    stuff just to get it right plz tell me why...
  25. My Website Design , Any Suggestions? - this is something i designed with the help from user sonesay , what do (13)
    Hey guys I designed and almost finish my site, www.keegonguyen.com .. so what do you guys think?
    Have any good suggestions? or anything that i should take out? anything good or bad about it?
    anything at all that would help me out would be nice /tongue.gif" style="vertical-align:middle"
    emoid=":P" border="0" alt="tongue.gif" /> Is it too plain? any beneficial criticism will be fine
    /rolleyes.gif" style="vertical-align:middle" emoid=":rolleyes:" border="0" alt="rolleyes.gif" />
    let me know thanks /smile.gif" style="vertical-align:middle" emoid=":)" border="0" ...
  26. Please Rate My Website - out of a possible 10 (19)
    I have built a newly designed website here with Trap17 - http://www.zofanatic.com . Can you please
    rate it or give me some suggestions on the design and layout (including the forum, which runs on
    SMF). Thanks...
  27. Embedded Object Transparency - Making an object transparent (10)
    Hi, does anyone know if it is possible to make a control panel of an embedded object transparant,
    and if so, could you let me know how it is done? I put a piece of music on my web site earlier,
    with a control panel to adjust the volume, start/stop etc. The problem is, I have also put a
    Christmassy background on the site and the white area around the control panel makes it look
    somewhat untidy. Here is the code I used for the embedding: CODE If anyone knows a
    solution to my problem I would be extremely grateful. Thanks in advance....
  28. Is There An Xbox Live Gamertag Code To Shw The Gamercard On A Website? - The title says all! (1)
    Hi everyone, im looking for a code that will display a users xbox live gamercard. Ive seen one
    little widget but that was for the igoogle page ao its not suitable for what i want. Ideally I want
    one thats written with HTML or something like that so its easy for me to modify and such. What i
    want it to do is t have a URL in the code which the user can then insert their gamertag ID into and
    have the widget display their gamercard for all to see. if i ever use this code it will be on a
    money making site, hopefully, so something thats free to use even for commercial things ...
  29. Making Your Site Successful - No matter what it's about! (9)
    I started writing an article about this for an article site I had just joined. It was done! I wrote
    so much! I was so thrilled! I hit "Submit!" And as it turned out, it had timed out and the entire
    page reset. My face was probably priceless but so was my utter rage. So I've been careful about
    what I write since then. I have a Notepad document open as I type. And then I make several threats
    and continue writing. But back to the point. Hosting This one's simple. Dear god, if you ask
    me questions about this, I will scream very loudly. But seriously, if Trap17...
  30. Need Environmental Website Ideas! - Needing Environmental website ideas for design! (0)
    Hi everyone, I am new to trap17.com. In fact this is my first message. So... Yeah! for me. I
    hope this will website will live up to all of the hype that I have been hearing from all of my
    friends. Ok well getting on to the subject. I am creating an environmental website for a
    competition. The topic is the environment. I can do absolutely anything about the environment. My
    idea is to create a website that will show all of the facts about both the good and bad of the
    environment and all that we can do to help/ save the environment. I am looking for some amazing ...



Looking for steps, making, website,






*SIMILAR VIDEOS*
Searching Video's for steps, making, website,

*MORE FROM TRAP17.COM*
How To Make
A Website
(If
you're
trying to
drive people
away from
your site)
Webdesign
Frequently
Askd
Questions is
it posible
to design a
sercheingin
in your
website.
Web Design
Help I need
help
designing my
website
homepage if
possible?
Help
Creating A
Profile
Website how
do i make a
profile
website
Creating A
Good
Website,
How?!
Flash Media
Into
Html/css
Website does
anyone know
how to
import a
flash into a
webpage with
transparenc
Help!
Php Or Just
Html? i want
to start
buliding my
website.
which is
better, php
or basic htm
Excellent
Free Website
Templates
How To
Create
Smallest
Website
Need A Logo
For Website
Can't
Get Into
Ideas
Help Me
Flash My
Website. web
designing
How To Add
The Flash In
Our Website
? Animated
image in
website make
the site
atractive,
but take
more time
Website
Structure
PHP, MySQL,
HTML, etc.
Making A
Scroll Bar
In Flash
with an
image and
words on it
Help Needed
For Alumni
Website.
Has Anyone
Designed A
Website For
A Wow Guild?
Php Scripts
And Website
Templates
php scripts
and website
templates
Basic Of
Website
Creation Get
basic
knowledge on
website
creation
here
Website
Layout? Help
me please
Php Auto
Website
Title
How To Build
A Good
Website
Image Not
Taking The
Right Size
In Web Page
An image is
correct when
designed,
but not when
put in a
website
Xml For
Dynamic
Website
Content
Man Why Is
Everything
Hard To Get
A Website
Design man
webdesigning
is hard
My Website
Design , Any
Suggestions?
this is
something i
designed
with the
help from
user sonesay
, what do
Please Rate
My Website
out of a
possible 10
Embedded
Object
Transparency
Making an
object
transparent
Is There An
Xbox Live
Gamertag
Code To Shw
The
Gamercard On
A Website?
The title
says
all!
Making Your
Site
Successful
No matter
what
it's
about!
Need
Environmenta
l Website
Ideas!
Needing
Environmenta
l website
ideas for
design!
advertisement



What Are The Steps To Making A Website?