Designing a Home Page (Your Image On The Net) using a Cookbook Method with help from Lions at LionNet Lion Dan Uitti, PDG LionNet International

Slides:

Advertisements

Similar presentations

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

Advertisements

How To Create A Web Page By: Mikeon Briddy & Darrius Jacobs April 10,2006 Mr. Barnett.

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

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

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.

CIS101 Introduction to Computing

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

HTML Introduction HTML

Chinese Information Processing (I): Basic Concepts and Practice Unit 7: Web Pages in Chinese.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

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

HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.

Sourcing Event Tool Kit Solicitation Archiving User Guide.

9/12: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW images courtesy of

Designing a Classroom Web Site Using NVU Beginning Level.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

9/7: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW image courtesy of

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.

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

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

XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.

Internet Vocabulary 1-21 State Test Vocabulary. Address address, Internet address, and web address. A code or series of letters numbers and/or.

1 Essential HTML coding By Fadi Safieddine (Week 2)

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.

Using a Template to Create a Resume and Sharing a Finished Document

Windows Tutorial 4 Working with the Internet and

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

15.1 Fundamentals of HTML.

Just Enough HTML How to Create Basic HTML Documents.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

1/28: The Internet & Website Design What is the Internet? –Parts of the Internet –Internet & WWW basics –Searching the WWW Website design considerations.

Lions Communicating on the Internet By Lion Dan Uitti, PDG n Lions Use the Internet for many purposes n How Lions use the Internet n What Lions do on the.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

INTERNET PRESENTATION. WHAT IS THE INTERNET? The worlds largest computer network. A collection of local, regional and national computer networks linked.

Internet Presentation. What is the Internet? The worlds largest computer network. A collection of local, regional and national computer networks linked.

Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.

15.1 Fundamentals of HTML DeKalb County School System.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.

Chapter 1: The Internet تال 311 Prepared by: Mr. Hassen HAMOUDA.

HTML BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.

The Internet and World Wide Web Sullivan University Library.

Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi.

Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

Taking Them With You Portable Bookmarks: What’s the Difference? Molly Graham Mary Ann Jones.

Uploading Web Page  It would be meaningful to share your web page with the rest of the net user.  Thus, we have to upload the web page to the web server.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

Computer Basics Introduction CIS 109 Columbia College.

XP Creating Web Pages with Microsoft Office

Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.

Online PD Basic HTML The Magic Of Web Pages

Exploring Microsoft Word 2000

Geography 121 Homepage Design Project Zero

Presentation transcript:

Designing a Home Page (Your Image On The Net) using a Cookbook Method with help from Lions at LionNet Lion Dan Uitti, PDG LionNet International

Introduction 4 Why Lions Clubs have a web page –Publicity –Electronic Communication –Low or No cost, No risk 4 Represent Lions Clubs International –Keep it current –Faithful to our International Trademark –Simple Sponsor Ads

Ingredients before starting 4 Computer- 486 or faster - Windows 95/98 4 Internet account with Internet Service Provider (ISP) 4 Some computer knowledge and/or willingness to learn by doing

Ingredients made during the cooking process 4 Image files needed for web page 4 HTML file of Prototype Lions Club web page 4 FTP program 4 Unzip program

Where to get the ingredients When starting out, it is assumed that you already have the Ingredients that are listed in the first section. The second set comes from the internet.

Step 1 - What to put on your page 4 The Full name of your Lions Club. 4 The President, Secretary and Treasurer with contacts. 4 Your Community Projects. 4 Your Club's meeting place, date and time. 4 Where your club is situated in relation to the rest of the world Contact Lion Dan at

Step 2 – Getting the Ingredients 4 go to 4 click on WebPage Help 4 click on prototype Lions Club page 4 Right click on each graphic Save 4 use FILE - SAVE AS to get web page

The Prototype page contains the graphics and basic HTML webpage needed.

Make a folder on your computer with Explorer.

Select your new folder before saving each file.

List of Files 4 undercon.gif 4 lionnet_logo-small.gif 4 lci_button.jpg 4 flag_array.gif 4 mailbutton.gif 4 we_serve1.gif 4 club.html

Get the FTP Software (some Internet Providers do not need this) 4 Go to 4 Select USA Region 4 pick Windows 95/98 programs 4 Section Network Tools - click on FTP and Archie 4 Scroll down to LeechFTP - it is FREE 4 Click the “Try Now” button

Step 3 - Writing the page in HTML 4 Hyper Text Markup Language - it really is simple. 4 Use Accessories - WordPad 4 Open club.html 4 Just substitute the text

The HTML file really is simple.

Get help from LionNet 4 Check our Webpage Help –We provide an annotated guide to the HTML code 4 Prototype Lions Club Homepage

Title Bar section Prototype Lions Club Homepage Simple change this to say Watertown Lions Club Homepage

Title section with Graphics Federation City Lions Club Pardon our appearance... we're still building this site ! Federation City Lions Club we're still building this site ! Pardon our appearance...

Section on Meeting Information Meetings: When: 2nd & 4th Wednesday - 18:30 Where: Starfleet Academy Lounge Meetings:  When: 2nd & 4th Wednesday - 18:30  Where: Starfleet Academy Lounge

Other Sections Officers:  King Lion: James T. Kirk home: xxx-xxxx; office: xxx-xxxx;  1st Vice President: Spock home: xxx-xxxx; office: xxx-xxxx;  Secretary: Nyota Uhura home: xxx-xxxx; office: xxx-xxxx;  Treasurer: Montgomery Scott home: xxx-xxxx; office: xxx-xxxx;  Membership Chairman:Hikaru Sulu home: xxx-xxxx; office: xxx-xxxx; Links:  National (for national LionNet nodes)  International (linking on-line Lions Clubs world-wide) International  (Lions headquarters)

Contact Section Your link for would be set up like this We welcome your questions and comments To use a button, make a link like this:

Step 4 - Adding graphics and links 4 Prototype already contains some 4 download or create your own graphics –LionNet Image Archive –Lions Programs 4 Links to – –

Step 5 - Testing your page 4 Open the file with your web browser –Do all graphics appear? –Does the address open a blank message? –Do Links work correctly?

Step 6 - Finding a site 4 Your own Internet Provider 4 A local provider in your area 4 Free web space on the internet Geocities Tripod

Uploading your site 4 Use your FTP program 4 Review your Internet Provider’s member help section 4 Check your web page again

Step 7 - Publicizing your site 4 Let us know at LionNet 4 Contact your local paper 4 your friends 4 Internet search engines –Yahoo –Lycos –Altavista –Excite Or

Notes about HTML - Anchor - Blank Row - Center text - Font setting - Header section - Horizontal Line - Beginning of HTML code section - Insert Image file - Line Intent - New Paragraph

Other HTML Code Notes - Webpage Title - Underline - Unordered List LionNet International - Hypertext link to another page. Contact us - Hypertext contact - include a graphic file