Creating Your Own Web Page

1
Creating Your Own Web Page

• Steve Hendrickson
• George Mason University

2
Motivation

• Communication in the 21st Century
• School
• Job
• Personal

3
Overview

• Steps to Making a Web Page
• Writing in HTML
• What is HTML
• Things Youll Need
• Basic HTML Template
• Set up our Mason (OSF1) Account (mason.gmu.edu)
• (see directions)
• Publish Web Page on Mason Account
• http//mason.gmu.edu/email_name

4
What is HTML?

• HyperText Markup Language
• HTML provides a means to describe the structure
  of text-based information in a document by
  denoting certain text as links, headings,
  paragraphs, lists, and so on and to supplement
  that text with interactive forms, embedded
  images, and other objects.
• -Wikipedia http//en.wikipedia.org/wiki/HTML
• Basically, HTML is the language your computer
  recognizes to relay information onto a web page.
• -Me

5
Things Youll Need

• Notepad (or other text editor)
• Webspace (i.e., Mason account)

6
Writing in HTML A Simple Example

• lthtmlgt
• ltheadgt
• lttitlegtSteves Web Pagelt/titlegt
• ltheadgt
• ltbodygt
• Hello! This is my web page. ltbrgt
• click lta href speech.htmgtherelt/agt for
  directions!ltbrgt
• click lta href speech3.pptgtherelt/agt for PPT!ltbrgt
• ltbodygt
• lthtmlgt

7
How To Make the Page

• Notepad
• HTML Language
• The index.txt file (this is your hard copy)
• The index.html file (this is the actual page)
• Publish .html page on Mason account

8
Your Mason Account

• This is personal web space given to you by GMU
• 5 Easy Steps (see directions)
• Download SSH Client
• Activate Password
• Create public_html folder
• Transfer Files
• Permission

9
Summary Additional Help

• Access Mason Account (mason.gmu.edu)
• Write page in HTML on Notepad
• Save Index page as both .txt and .html
• Publish .html page on Mason account
• Additional Help
• Beginning PageTutor http//www.pagetutor.com/in
  dex.html
• Advanced W3 Schools http//www.w3schools.com/