Setting Up a Website
description
Transcript of Setting Up a Website
![Page 1: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/1.jpg)
Setting Up a Website
Zero to Live in under 1 Hour!
A Presentation by David Bolton http://www.dhbolton.com
![Page 2: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/2.jpg)
Creating a Website Needs– Domain Name– Web Server– Linking the name to the server.
![Page 3: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/3.jpg)
Creating a Website Needs– Domain Name
• E.g PathwayCaribbean.com• Google.com • dhbolton.com (My own website)
![Page 4: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/4.jpg)
We Need a Domain Name!I’m going to register a domain name
now. I need suggestions for a domain name, something short.
![Page 5: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/5.jpg)
Domain names need to be registered. – I use http://123-reg.co.uk– Costs: £10 a year for .com– £3.00 a year for .co.uk
![Page 6: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/6.jpg)
David gets suggestions and registers the domain…
![Page 7: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/7.jpg)
Creating a Website Needs– Domain Name– Web Server
• This is called hosting a website. Hosting companies charges vary but typically
![Page 8: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/8.jpg)
Costs– Single site £2 a month.– Reseller Site. £20-30 a month.– Mine costs £200 a year and has 60
websites on it.– Virtual Server £30-50 a month– Dedicated server £65- 300 a month – Facebook - $Million a month!
![Page 9: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/9.jpg)
Companies that register domains are called Registrars.
Tip: Never register a domain with a company that hosts. Why?
![Page 10: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/10.jpg)
If you need to change hosting –Maybe your website grows or the hosting company goes bust then it gets messy trying to transfer domains.
![Page 11: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/11.jpg)
Question.– How many people know the
difference between the Internet and the Web?
![Page 12: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/12.jpg)
Internet– Millions of connected computers.
Started in 1969 in the USA.
Web– A Publishing Service that runs on the
web. Created in 1991-1993 at CERN by an Englishman.
![Page 13: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/13.jpg)
Other Internet Services– Email– Instant Messenger– FTP and SFTP (File Transfer
Protocol)– Telnet. – Log into a remote computer.
Now replaced by SSH as Telnet sends passwords in plain text!
– Many others
![Page 14: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/14.jpg)
Internet Slightly Technical Bit– IP Address. A 4 part number that
uniquely identifies a computer’s connection to the internet.
– Eg. 123.234.123.56
![Page 15: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/15.jpg)
Example Domain and IP AddressesPathwaycaribbean.com 82.195.136.135
dhbolton.com 82.195.136.135
Google.com 209.85.229.104
Note that dhbolton.com and pathwaycaribbean.com are the same IP as they’re on the same webserver.
![Page 16: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/16.jpg)
The global “phone book” that converts domain names to IP addresses is called DNS.
DNS is short for Domain Name System.
![Page 17: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/17.jpg)
To hook up a domain name to my webserver, I have to configure the DNS info at the registrar and tell it the IP of the webserver.
![Page 18: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/18.jpg)
After hooking up, the DNS system broadcasts it to many other DNS servers. These are all over the world.
A DNS Server is a electronic phonebook automatically used by web browsers.
![Page 19: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/19.jpg)
It can take up to 24 hours to “propogate” when a domain name is pointed to a webserver but in practice I’ve seen it work within 5 -50 minutes.
![Page 20: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/20.jpg)
Once it’s live, I can type in the url and see the website. Only we haven’t created a site yet!
![Page 21: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/21.jpg)
Types of Websites– Pure HTML. Old fashioned but
still a lot around.– Use a scripting language so it
can use databases to pull information out.
![Page 22: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/22.jpg)
Modern websites are a mixture of these four types of content:
• HTML – text and formatting• CSS – Specialised Formatting• Graphics• JavaScript
![Page 23: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/23.jpg)
Simple HTML– <h1>David Bolton</h1>– <p><b>David</b> is a web
designer and <i>programmer</i></p>
![Page 24: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/24.jpg)
CSS is complicated!– Allows exact design but needs a good
designer. Not quick!
– The websites on http://csszengarden.com all have the same html but different CSS and graphics.
![Page 25: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/25.jpg)
JavaScript runs programs in your browser. – It’s how GoogleMail, Google
Maps etc works.– Need to be a programmer!– Many websites never use
JavaScript
![Page 26: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/26.jpg)
• Easiest Way to Create a Site– Get a free web design– http://oswd.org– http://www.opendesigns.org/
– No charge but they expect a link back to the designer’s website
![Page 27: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/27.jpg)
I’ve downloaded Bitter Sweethttp://www.oswd.org/design/preview/id/3569
![Page 28: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/28.jpg)
I’m now going to upload it to the website.
I’m using Adobe Dreamweaver which uses the File Transfer Protocol (FTP) to copy the file.
As soon as the file reaches the webserver, it’s live on the web.
![Page 29: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/29.jpg)
I’ll edit the main file (called index.html) and add a name or two, then upload it to show that it’s live.
![Page 30: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/30.jpg)
Things to Do– Use Free Software– Create a Sitemap– Get found in Google - SEO– Track Visitors – Google
Analytics
![Page 31: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/31.jpg)
• Open Source Software– Wikipedia Software –
• http://wiki-cruise.org
– WordPress CMS/Blog • http://portent.org
– Both use software that’s totally free and are running on the same server as http://PathwayCaribbean.com
![Page 32: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/32.jpg)
• Open Source Web Software– Chat– E-Commerce– Email Lists– Blogging– Databases– Graphics
![Page 33: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/33.jpg)
Some Statistics– There are about 72 million active
websites with over 240 million domain names registered
– Source http://Netcraft.com
![Page 34: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/34.jpg)
SEO – the Art of Getting Found– Search Engine Optimisation– Billions of people searching but
so many websites that it’s hard to be found for a given phrase.
– Google is what most people use
![Page 35: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/35.jpg)
• Various Free Tools for SEO– Google Webmaster Tools– Google Analytics – track visitors
for free. – Sitemaps: http://sitemaps.org/
![Page 36: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/36.jpg)
• Why Google?– 78% of searches are Google.– 10% Yahoo– 7% Bing (Microsoft’s search
engine)
![Page 37: Setting Up a Website](https://reader036.fdocuments.in/reader036/viewer/2022070410/56814573550346895db24200/html5/thumbnails/37.jpg)
• Q & A Session