Friday, July 26, 2013

Web Designing and Hosting Simple & Basic [#01]

Brief Introduction:

      Hi readers first of all welcome to my blog. I'm was a noob in web designing and launching, but after a lot of sleepless nights i have learned web designing, hosting, SEO, etc,. I have not gone to any web design course or studied in computer science engineering (FYI i studied electronics), but my fascination for graphic designing and web designing pushed me into it. But guys, finding a 'one-stop' tutorial for simple website designing and launching was hell of job.
      Web designing has several parts namely html, css, javascript, Ajax, php, sql, etc,. but fellas take a single step it will take you to all this in a short time.
       The person who design, host and maintains a website is technically called as "webmaster".
"DO YOU WANNA BE A WEBMASTER?"
-------------------DIG IN-------------------

Assumptions i have made about you (the readers):

  • You know nothing about web designing and web hosting but fascinated to design and launch one.
  • You want to do it for "free"- "obviously otherwise you would have gone to a certification course".
  • You believe that, i will throw you that bone? - "you sly dog, :-) yes tats y i spent my time writing this blog thing".
  • Then you wanna cut the crap and go to the tutorial right away.

Like all practical experimentation we need tools (don't worry mostly they are also free stuffs):

  1. Notepad / any other text editor.
  2. Web browser.
  3. Internet connection.
  4. Web hosting service.

 Lets start with our little experiment:

HTML Design:

  1. Go to Start -> All Program -> Accessories -> Notepad (or) Press (Win key + R) then type "notepad".
  2. Type this example example code in the notepad screen.
  3.            Ex: <html>
                                <head>
                                            <title> my first web page </title>
                                </head>
                                <body bgcolor="red">
                                             <marquee><h1>Hai all this is my new web page.</h1></marquee>
                                </body>
                    </html>
  4. Then comes the important part  select File -> Save as -> Name : first.html  -> Save as type : All Files -> Encoding : UTF-8
  5. Then now close the file.
  6. Open the file you have saved and check whether it is opening in your Web browser, if so? you're good buddy.

Launching "first.html" :

  1. Now register with your email in this website for free hosting -> "Free Hosting Click Me" (right click the link and select "open link in new tab").
  2. Then in that web site click "Order Now" button in free hosting column.
  3. In the space below " I will choose your free sub-domain (recommended)" type your website name as you like it to be ex: www. "mywebsite".net76.net (edit only the content given inside the quotes).
  4. Then fill all other information and click create account. (note your website name fully).
  5. After that log in into your account.
  6. Then below the list of domains look for your website and see whether you site status is marked as "Active" If so proceed to next step otherwise wait till its status changes to active.
  7. Then in that row select "go to cpanel" option.
  8. In the cpanel look for "Another File Manager" below "Files" and select it.
  9. In that window look for "public_html" folder and open it.
  10. Then select "Upload file" option from left panel -> click "Browse" button and select "first.html" file and click ok.
  11. The file will be uploaded. and your website is "up and ready to go".(!CAUTION! don't delete ".htaccess" file from the folder and dont put your file outside the "public_html" folder).
  12. Then logout.
  13. Go to your browser's address bar and type you website address.
CONGRATS! YOU'RE A WEBMASTER NOW 
Wait for my next TUT.... I will teach you basic html tags and their uses... so you could upgrade your website...
please post your queries and comments, correct me if i made any mistakes in my post. "Sharing is Caring".
8:47 AM
Blogged by Arvind Anbazhagan in , , , with 0 replies
Read More
Subscribe to: Posts (Atom)