A Basic Guide to Creating

1
A Basic Guide to Creating Designing a Webpage

• Alexis Fuchs

2
The goal of this presentation is

• To give you a few simple lessons on how to make a
  webpage
• Provide you with the basic fundamentals of HTML
  (Hyper Text Markup Language)
• Provide you with a list of useful important HTML
  tags

3
Some Basics

• A webpage is a file made up of text, graphics,
  and links to other documents
• All you need to build a webpage is Windows
  Notepad or SimpleText on the MAC, and a browser
  to view it
• You do not need to be connected to the internet
  to view your webpage

4
Understanding HTML

• HTML is the universal programming language thus
  can be applied to any type of platform, computer
  brand, and/or operating system
• HTML is a set of codes you use to create a
  document. These codes, called tags, format text,
  place graphics on the page and create links
• Basically, HTML tags tell the browser how to
  display the document

5
Understanding HTML Tags

• Each tag begins with an opening angle bracket (lt)
  and ends with a closing angle bracket (gt)
• In between the brackets is the command, or tag
• Most tags (but not all) are paired meaning, when
  finished working with the specific command, you
  must put a close tag (/) before the closing
  command
• All text between the opening and closing tags is
  affected by the tags
• Note If the tag is paired, and you dont put a
  close tag (/) the tag will not be closed, and the
  command will stay in effect

6
Starting your Webpage

• Your first tag in Notepad is lthtmlgt, this
  signifies the start of the HTML document
• Your last tag is lt/htmlgt, thus indicating the end
  of the document
• In between these two tags is the entire Web
  document

7
Structuring your Webpage

• There are two main sections of a webpage- head
  section and body section
• The head section contains the title and
  formatting styles for the rest of the document
• The body section contains the information-
  graphics, text, etc. that will appear on the
  screen

8
A Basic Webpage Layout

• ltHTMLgt
• ltHEADgt
• ltTITLEgt
• text that appears in browsers title bar
• lt/TITLEgt
• lt/HEADgt
• ltBODYgt
• all info that will be displayed
• lt/BODYgt
• lt/HTMLgt

9
Some Physical Tags

• ltBgt lt/Bgt Bolds Text
• ltIgt lt/Igt Italicizes Text
• ltCENTERgt lt/CENTERgt Centers Text
• ltPgt lt/Pgt Paragraph Break
• ltBRgt lt/BRgt Line Break

10
Some Enhancing Tags

• Inserting graphics and pictures-
• ltIMG SRCpicture.jpggt
• Changing the font-
• ltFont faceCourier New size 8 color FF0000gt
  Changed Text lt/FONTgt
• Notice that the color codes are represented with
  letters and numbers

11
Links

• To create a link you use the ltAgt tag, or anchor
  tag
• To link to another website you would use, ltA
  HREFURLgttext the user clickslt/Agt
• To create an Email Link, use this tag,
• ltA HREFmailtoafuchs_at_gwu.edugtEmail Alexis
  Fuchslt/Agt

12
Publishing Your Page

• In order to put your webpage on the Internet, you
  must be connected to a Web Host, or server
• FTP, or File Transfer Protocol is a software
  package that provides you with all the necessary
  information to connect and upload to your site,
  including the Hostname, URL, and Login name.