WHAT – WHERE – WHEN – WHY – HOW Inside Out Angela Kocher 304.527.3410 WEBSITES.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

3.02D HTML Overview 3.02 Develop webpages.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.

Oct 7, 2006Presented By Leonard Doucette © 2006 Welcome to the “Erica Miller Spa School” at The Hills Health Ranch “E” Marketing and the Web.

Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.

Project 1 Introduction to HTML.

The process of increasing the amount of visitors to a website by ranking high in the search results of a search engine.

LIST- HYPERLINK- IMAGES

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

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.

Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.

Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

HTML Introduction HTML

Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.

Introduction to Web Lingo

Search Engine Optimization March 23, 2011 Google Search Engine Optimization Starter Guide.

What Is A Web Page? An Introduction to the Internet.

COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 

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.

CIT 256 SEO and Web Commerce Dr. Beryl Hoffman. After you create a website Buy a domain name and rent web server space or go for a free one if you don’t.

Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.

Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.

Internet. Internet is Is a Global network Computers connected together all over that world. Grew out of American military.

Search Engine Optimization. Introduction SEO is a technique used to optimize a web site for search engines like Google, Yahoo, etc. It improves the volume.

Computer Science 101 Introduction to Web Pages. Origins of the Web Vannevar Bush (Memex, 1945) Ted Nelson (Xanadu, 1968) Doug Englebart and Alan Kay (

Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.

CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.

Review: How do you change the border color of an image?

The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

HTML (HyperText Markup Language)

Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.

XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.

1 Networks and the Internet PCS115 Introduction to the Internet ©Richard L. Goldman December 7, 2006.

Search Engine optimization.  Search engine optimization (SEO) is the process of affecting the visibility of a website or a web page in a search engine's.

Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.

1 Essential HTML coding By Fadi Safieddine (Week 2)

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.

 2002 Prentice Hall, Inc. All rights reserved.2 Chapter 2 — Introduction to HyperText Markup Language 4: Part I Outline 2.1Introduction 2.2Markup Languages.

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

The Internet : Exploration, Evaluation, and Elaboration presented by Kathy Schrock.

The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.

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.

Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

HTML: Hyptertext Markup Language Doman’s Sections.

HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..

HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

Lawrence Snyder University of Washington, Seattle © Lawrence Snyder 2004.

HTML – The Basics COE 201- Computer Proficiency. The Internet The World Wide Web ▫Also known as the Web ▫Created in 1989  European Laboratory for Particle.

The Internet and World Wide Web Sullivan University Library.

Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.

The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.

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)

Uniform Resource Locator URL protocol URL host Path to file Every single website on the Internet has its own unique.

 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.

Search Engine and Optimization 1. Introduction to Web Search Engines 2.

HTML Structure & syntax

WEBMASTER SKILL SESSION

Search Engine Optimization

Chapter 8 Browsing and Searching the Web

Chapter 1 Introduction to HTML.

Internet Technologies I - Lect.01 - Waleed Ibrahim Osman

Chapter 16 The World Wide Web.

Internet and the world wide web (www)

Presentation transcript:

WHAT – WHERE – WHEN – WHY – HOW Inside Out Angela Kocher WEBSITES

WHY A WEBSITE? You are driving along and you see this billboard…

WHY A WEBSITE? You remember your old buddy, Bill, wants to volunteer. You decide to call and tell him about RSVP. Can you remember the phone numbers? How about the address? Now what about the website?

INSIDE OUT OF WEBSITES How do I get a Website? Where do I get a Domain Name? Basic Website Information Tools used in building website Additional Resources

HOW DO I GET A WEBSITE? Just starting… FREE site hosting. Yahoo has Geocities Angelfire.com Comcast/Verizon (Internet Service Provider) Google for more….

WHERE DO I GET MY DOMAIN NAME? Domain Names are purchased/hosted at: Hostway.com Aplaus.net Brinkster.com Network Solutions Google for more info/pricing…

BASIC WEBSITE INFORMATION What is HTML? What is xHTML? What is URL? How to connect page

WHAT IS HTML HyperText Markup Language. Tim Berners-Lee, inventor of WWW/html. Language used to write web pages. Describes web page's content/structure. HTM and HTML are regarded the same. Index page is usually stored as.html.

WHAT IS xHTML There isn't much difference from HTML. Need to use proper language tags.

Uniform Resource Locator (2 Parts) Global address of www documents/resources. First part is protocol identifier Indicates what protocol to use (ftp:/ Second part is called a resource name Specifies the IP address/domain name where resource located. WHAT IS A URL

Examples: 2 URLS for ftp:// Fetches executable file using ftp:// protocol Used to upload/download sites Free Programs WS_FTPLE or CoreFTP Fetches web page using protocol

HOW TO CONNECT PAGE Connect page to Search Engine Connect to ISP Connect two pages together

HOW TO CONNECT PAGE CONNECT TO SEARCH ENGINE Basic HTML in a Web Page… Page title Your visible content goes here...

HOW TO CONNECT PAGE CONNECT TO ISP HTML page - add.html to end of title. FTP usually recognized index.html as the home/default page FTP distinguishes uppercase/lower case Save all files in lowercase.

HOW TO CONNECT PAGE CONNECT TO ANOTHER PAGE The anchor tag has a couple of uses Main use is to create hyperlinks. tag & closing tag for click able target. href attribute to the opening tag (href stands for "hypertext reference"). Example: contact us Tells tag where to link.

TOOLS USED TO BUILD SITE The Domain Name ( Heading or Tag in the

TOOLS USED TO BUILD SITE Key Word Density Checker Contain Information to be found Key Word Density Analyzer Tool Analyze the density/distribution of keywords Check Ranking Tools Enter URL to see where your site is positioned Site map generator Helps build a site map for search engine

TOOLS USED TO BUILD SITE Search Engines see HTML: Engines read from top to bottom left to right. They are more partial to black on white text The higher your searched word falls on the page The more likely your page is going to be found. Alt Tags should all be completed with text.

TOOLS USED TO BUILD SITE Flash and JavaScript is good in design Keep to minimum when wanting to be found The longer it takes your site to load The lower your ranking. The more images, flash and JavaScript Farther text is down on page Will affect ranking. Google….. for free Optimization Tools…

TOOLS USED TO BUILD SITE Ask for outside links to your site Show your website on other sites and hard copies such as mail. Design in black and white on paper before you upload live. Ask others how they look for your site. YOU DO HAVE TO SUBMIT YOUR SITE TO SEARCH ENGINES.

TOOLS USED TO BUILD SITE Ask for outside links to your site Submit directly to site NOT through an online service. May be considered unaccredited. Resource sites such as news articles.

TOOLS USED TO BUILD SITE Five seconds to gain the interest on site. Some pointers to keep in mind: People skim not read They make fast decisions Will not wait to look at picture Driven by their goals not ours Remember the “you” factor Don’t decorate-- communicate

TOOLS USED TO BUILD SITE Golden Rule: Everything that goes into your website must have a purpose. GIGO –Garbage in Garbage Out.

WHEN DO I UPDATE? The more you update your site –Websites sees it as creditable. Freshen your site as much as possible –Keep all information updated. The longer you renew your domain on your host –the more accredited. May loose ranking if site is down. More important to renew site than update search engine.

WHAT IF I DON’T KNOW HTML Programs such as Front Page and Adobe Go Live –to help develop a website. Helps to know a little html –How search engines find your site –What they see. To view the html on site: –view source within internet browser.

RESOURCES Htmlgoodies.com Geocities.com Webdesignfromscratch.com\ Google webmaster tools