All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.

Slides:



Advertisements
Similar presentations
The Internet.
Advertisements

3.02H Publishing a Website 3.02 Develop webpages..
Getting Familiar with Web Pages 1 2 The Internet Worldwide collection of interconnected computer networks that enables businesses, organizations, governments,
 2008 Pearson Education, Inc. All rights reserved Web Browser Basics: Internet Explorer and Firefox.
Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.
Project 1 Introduction to HTML.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
What Is A Web Page? An Introduction to the Internet.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Website Publishing. Publishing Basics Early Web Sites Obtain a Domain Name IP Address (Internet Protocol Address) – A number that uniquely identifies.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Computer Concepts 2014 Chapter 7 The Web and .
Internet. 1.Someone creates a website 2.They load it to a web server computer 3.We must have an Internet connection 4.We can see the websites on a browser.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Exploring Word Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 6: Introduction to HTML: Creating a Home Page.
 Internet vs WWW  Pages vs Sites  How the Internet Works  Getting a Web Presence.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
BASIC UNDERSTANDING OF INTERNET AND WEB BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY Activity No. 8.
Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
The INTERNET A worldwide network of computers linked together. Web Pages, , Instant Messaging, Xbox Live, iTunes downloads, etc. are all part of.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
INTERNET. BROADBAND The amount of information a connection is capable of carrying. Measured in bits per second.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
Communication, Networks, The internet and the Worldwide Web.
Chapter 8 Browsing and Searching the Web. 2Practical PC 5 th Edition Chapter 8 Getting Started In this Chapter, you will learn: − What is a Web page −
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
The World Wide Web. What is the worldwide web? The content of the worldwide web is held on individual pages which are gathered together to form websites.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Internet Someone creates a website 2.They load it to a web server computer 3.We must have an Internet connection 4.We can see the websites.
Week-6 (Lecture-1) Publishing and Browsing the Web: Publishing: 1. upload the following items on the web Google documents Spreadsheets Presentations drawings.
Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
3.02H Publishing a Website 3.02 Develop webpages..
Chapter 1 Introduction to HTML.
Warm Handshake with Websites, Servers and Web Servers:
Evolution of Internet.
Introduction to Computers
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Internet.
INTERNET.
Computer Networks and Internet
Objectives To understand the about types of computer network
What is the World Wide Web (www)
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
4.02 Develop web pages using various layouts and technologies.
4.02 Develop web pages using various layouts and technologies.
An Introduction to the Internet
Presentation transcript:

All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011

The Internet is Just a Collection of Websites You are connected to an ISP (Internet Service Provider) such as Astound, Comcast, ATT, etc You open a Browser program (Internet Explorer, Firefox, Chrome, Safari, etc) on your computer which links you to your ISP You type in a URL (Universal Resource Locater) address showing where you want to go (yahoo.com, google.com, sir- web.org, etc) Your ISP routes your request to the hosting Server you have requested. If there is a programmed web page at the address requested, then a website will appear on your computer. 7/21/20112

Simplistic View of a Server Internet Hosting Services are referred to as Servers. Think of a Server as a giant hard drive with countless partitions. Each partition contains a website and all of its information The hosting hardware can route multiple requests to any partition. It routes incoming requests as well as internal requests to jump to other partitions. (i.e. google.com to maps.google.com) Think of millions of requests seeking millions of partitions coming from thousands of ISPs. Routing and handling all of these requests requires very special hardware – THINK CISCO! 7/21/20113

Steps to Create a Simple Website 1.Sign up with an Internet Hosting Service to get some space on their Server. Examples are GoDaddy, HostMonster, 1&1 Internet, etc. (These companies may rent space from Google, IBM, etc.) 2.Select a unique Domain name (internet address) so that people can link to your website (myname.org, etc.) 3.Write a program that will present a website when your viewers’ link to your Domain address 4.Upload your program via an FTP program (File Transfer Protocol) to your assigned server space. Sounds Difficult but it’s Not! That is why there are millions or billions of websites are available. 7/21/20114

Step 1 – Sign Up with an Internet Hosting Service There are many Internet Hosting Services looking for your business. Space is cheap, so you can get 5 GB or more for $5/month. Branch 116 uses 1&1 Internet.com and pays about $7 per month. That covers the Branch website, Golf website, CAT Website and Newsletter website with lots of remaining space. 7/21/20115

Step 2: Select a Domain Name The Internet Host Provider will ask you select a Domain Name. It must be a unique combination of characters. Your domain name will likely end in “.org” An example would be NancyPelozi.org Simple ones are better, but hard to find unique simple names. The Branch 116 Big SIR selected “116-web.org” as our domain name. We could change it to something simpler but we would have to notify everyone. 7/21/20116

Step 3: Write a Program This is the Hard Part. All websites are coded in a language called HTML (Hypertext Markup Language) Most programmers understand HTML and can easily code a simple webpage. Next slide is an example of a simple web page coding using HTML. 7/21/20117

Step 2: Sample HTML Coding Isn’t there an Easier Way to Design a Web Page? 7/21/20118

WYSIWG Editors to the Rescue Companies have seen the problem and developed products that will write the HTML code for you. You design the page with pictures, text, etc and then the WYSIWG program writes the HTML code. Examples are Microsoft’s Web Expressions, Adobe’s Dreamweaver, Serif WebPlus, Komposer (free) and many more. You can even use MS Word, Excel, or Publisher and they will convert your page into HTML code. WYSIWG means “What You See Is What You Get” 7/21/20119

Internet Host Providers like GoDaddy, HostMonster etc, also have proprietary programs to help you build a web page. Providers also offer pre-formatted templates where you just insert your text and or pictures. Additional Options to Create the Code 7/21/201110

Create a Web Site with MS Word Open a blank word document and write text with pictures, etc. Under the SAVE AS command call the document “index” and Save as type Web Page (Index is the default name of your Home web page) 7/21/201111

Upload your File to your Web Space So Far You Have: Signed up for some web space Selected a Domain Name Created and Saved an HTML code file called “index” Uploading your file is like copying it to another hard drive. You need a FTP program to do this, but they are very simple. Note: Some Internet Host Providers offer special upload processes. Filezilla is a free FTP program and works well. 7/21/201112

Upload your File to your Web Space via FTP Files on Your Hard Drive Upload to Files on your Web Host 7/21/201113

How Do You Link to Other Pages? Web Site programming is full of tricks. Commercial programmers insert code written in other languages such as Flash, Javascript, etc. The most commonly used process is a “hyperlink.” When you click on a hyperlink, you are directed to another webpage. To program a hyperlink in a WYSIWG progam (like MS Word), just highlight the text or image, right click, select “hyperlink” and then give the address of the new page. 7/21/201114

Your Website is Online When your “index” file is uploaded, your website is online. Things to Remember: Your Home page is called “index” Sub pages (accessed by hyperlinks) can be named whatever you like All Internet Host Providers have proprietary software and free templates to help you design your web site. Many Host Providers advertise “free space” but it is extremely limited and usually comes with advertising. Personal websites used to be very popular but people are using Facebook instead. 7/21/201115

Final Comments I create the Branch 116 and CAT websites without writing any HTML code. I use a WYSIWG program called Serif Webplus. (Its written and sold in Britain but it seems to work anyway) Derek Southern uses Wordpress for his Branch Website You can have fun building a personal website by paying as little as $3 per month for space. There may be a free provider that works but they are very limited. 7/21/201116