• Save
Hour 02
Upcoming SlideShare
Loading in...5
×
 

Hour 02

on

  • 1,242 views

Hour 02 ~ CSCI 28A

Hour 02 ~ CSCI 28A

Statistics

Views

Total Views
1,242
Slideshare-icon Views on SlideShare
1,211
Embed Views
31

Actions

Likes
0
Downloads
0
Comments
0

4 Embeds 31

http://www.siskiyous.edu 15
https://etudes-ng.fhda.edu 13
http://student.ins.siskiyous.edu 2
https://myetudes.org 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Hour 02 Hour 02 Presentation Transcript

      • Everyone has a success mechanism and a failure mechanism. The failure mechanism goes off by itself. The success mechanism only goes off with a goal. Every time we write down and talk about a goal we push the button to start the success mechanism.
      • Charles Jones
    • Create a Web Page Right Now
      • Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition
    • Objectives
      • Using Notepad
        • Getting Started
      • Learn simple codes
        • HTML Tags Every Web Page Must Have
      • Create a look and feel
        • Organizing a Page with Paragraphs and Line Breaks
    • Objectives
      • Emphasize your content
        • Calling Out Text with Headings
      • Looking under the hood
        • Peeking at Other People’s Pages
      • Suitable Structure
        • Validating Your Pages
    • Getting Started with a Simple Web Page
      • Working with a simple text editor
      • Save as plain, standard ASCII text
      • Don’t forget to add .html after the file name
    • Getting Started with a Simple Web Page
      • HTML Tag – a coded command used to indicate how part of a web page should be displayed
    • HTML Tags Every Web Page Must Have*
      • <?xml version=“1.0” encoding=“UTF-8”
        • XML – Extensible Markup Language
        • UTF-8 – Unicode Transformation Format
          • ASCII – American Standard Code for Information Interchange
      *element
    • HTML Tags Every Web Page Must Have*
      • <!DOCTYPE html Public “-//W3C// DTD XHTML 1.1//en” http://www.we.org/TR/xhtml11/DTD/xhtml11.dtd>
      *element
    • HTML Tags Every Web Page Must Have
      • Most HTML tags have two parts:
        • Opening tag - <html>
        • Closing tag - </html>
      • Another type - empty tag
        • No matching pair of tags - <br />
    • HTML Tags Every Web Page Must Have
      • <html>…</html>
        • Encloses the entire HTML document
        • Always close every web page with </html>
    • HTML Tags Every Web Page Must Have
      • <head>…</head>
        • Encloses the head of the html document
        • Describes the page and is not displayed in browser
    • HTML Tags Every Web Page Must Have
      • < title> … </title>
        • Indicates the title of the document
        • Used within <head>
        • Appears in title of web browser
    • HTML Tags Every Web Page Must Have
      • <body>…</body>
        • Encloses the body of the HTHL document
        • Everything between the tags will appear in the browser window
    • Organizing a Page with Paragraphs and Line Breaks
      • <p> … </p>
        • Skip a line between paragraphs
        • Open and close
    • Organizing a Page with Paragraphs and Line Breaks
      • <br />
        • Line break within a paragraph
        • Empty tag
        • Not <br>
    • Organizing a Page with Paragraphs and Line Breaks
      • <hr />
        • Horizontal rule line
        • Causes line break
        • Empty tag
        • Not <hr>
    • Calling Out Text with Headings
      • Heading Tags
        • <h1> … </h1> Heading One
        • <h2> … </h2> Heading Two
        • <h3> … </h3> Heading Three
        • <h4> … </h4> Heading Four
        • <h5> … </h5> Heading Five
        • <h7> … </h6> Heading Six
    • Peeking at Other People’s Pages
      • Just the tip of the HTML iceberg!
      • View Source
      • Building on a solid foundation
    • Validating Your Page - validator.w3.org
      • Looking to the future
      • Published = Yes
      • Computer = YES!
      • On the fly = YES!
    •  
    •  
    •  
    • Summary
      • Using Notepad
        • Getting Started
      • Learn simple codes
        • HTML Tags Every Web Page Must Have
      • Create a look and feel
        • Organizing a Page with Paragraphs and Line Breaks
    • Summary
      • Emphasize your content
        • Calling Out Text with Headings
      • Looking under the hood
        • Peeking at Other People’s Pages
      • Suitable Structure
        • Validating Your Pages
    • Creativity