CSWB 110 Tutorial1 Part A
Upcoming SlideShare
Loading in...5
×
 

CSWB 110 Tutorial1 Part A

on

  • 732 views

 

Statistics

Views

Total Views
732
Views on SlideShare
549
Embed Views
183

Actions

Likes
0
Downloads
5
Comments
0

3 Embeds 183

http://learn.palomar.edu 167
https://learn.palomar.edu 15
http://localhost 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

CSWB 110 Tutorial1 Part A CSWB 110 Tutorial1 Part A Presentation Transcript

  • 1
    CSWB 110 HTML / XHTML
    Tutorial 1.1 and 1.2 up to lists
  • 2
    History of the Internet
     
    • 1969 Advanced Research Projects Agency Network (ARPANET) Begins
    • 1989-90 the World Wide Web (WWW) Begins
    • 1993 Mosaic is Released
    • 1994 Netscape is Released
    • 1995 Internet Explorer is Released
  • 3
    Development of the Word Wide Web
    Timothy Berners-Leeat the CERN nuclear research facility near Geneva, Switzerland, in 1989.
    He developed a system of interconnected hypertextdocuments that allowed their users to easily navigate from one topic to another
    HTML- language of the Web
    HTTP – protocol to send and receive Web pages
  • 4
    HyperTextDocuments
    An entire collection of linked documents is referred to as a Web site.
    The hypertext documents within a Web site are known as Webpages.
    A Web page can contain text, graphics, audio, video.
    These are separate files that also reside with the html file
  • 5
    Web Servers and Web Browsers
    A Webpage is stored on a Web server
    The browser or clientdisplays the Web page
    The Web page is written in the HTMLlanguage
    They communicate with the HTTPprotocol
  • 6
    Search.htm
  • 7
    www.palomar.edu/search.htm
    search.htm
    image.jpg
  • 8
    How is the home page loaded?
  • 9
    www.palomar.edu
    searches for
    default file
  • 10
    Which page to load as Home Page??
    • index.html
    • index.htm
    • home.html
    • home.htm
    • default.htm
    • default.asp, default.aspx, index.asp, index.aspx
  • 11
    HTML: Language of the Web Page
    A Web page is a text file written in a language called Hypertext Markup Language - describes a document’s structure and content.
    HTML is not a programming language or a formatting language.
    XHTML – the latest official version of HTML
    HTML5– the next version of HTML
  • Goal of XHTML
    Portability
    Accessibility
    Standardization
    12
  • How was this accomplished
    Separation of content from presentation by using Cascading Style Sheets (CSS)
    CSS replaces many HTML attributes
    13
  • 14
    Tools for Creating HTML Documents
    HTML Editor – Coffeecup
    Text editor – notepad
    Visual creator – Dreamweaver, SharePoint Designer
    Converter – MSWord
  • The HTML Language
    Elements ( or tags)
    Attributes
    Values (of the attributes)
    15
  • Characterisitcs of HTML5
    Open platform
    Adapts to any device
    Native support for more powerful applications
    16
  • The HTML language consists of
    “tags” or “elements”
    Tags can be two-sided:
    <body> </body>
    Enclose something – either content or more tags
    Tags can be one-sided:
    <br> or <br/>
    No content, they are considered “empty” tags
    17
    XHTML syntax
  • HTML Tags and Attributes
    18
  • The HTML Document
    Consists of two parts:
    Head section
    Where information for the browser goes
    Body section
    Where the content for the web pages goes
    19
  • Basic HTML Tags or Elements
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    </body>
    </html>
  • Paragraph Tag – centering – Block Level Element
    <p style=“text-align: center”> </p>
    values are left, right, center, justify
    Attribute CSS property CSS value
    21
  • Break Tag
    • Line break
    • One sided tag
    • Self-terminating
    <br> <br/>
    22
  • Bold / Italic – Inline Elements
    <b>this is bold</b>
    <i>this is italic</i>
    Comments: <!-- -->
    23
  • Heading tags - bold, block-level element
    <h1> </h1>
    <h2> </h2>
    <h3> </h3>
    <h4> </h4>
    <h5> </h5>
    <h6> </h6>
    <h1 style=“text-align: center”> </h1>
    values are left, right, center, justify
    24
  • Deprecated - “align” attribute
    <h1 align=“center”> </h1>
    Replaced with CSS:
    <h1 style=“text-align: center”> </h1>
    25
    deprecated
  • Now start learning to write HTML
    by using the elements
    we have just covered!
    26