English French German Italian Portuguese Russian Spanish

logo_old

  • Web Development Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Development

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Development

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

HTML and CSS Primer

PDF Print Email

Course duration

  • 1 day

Course Benefits

  • Learn the basics of Web development
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.

Course Outline

  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Ajax
      5. JavaScript Frameworks
    2. Server-side Programming
      1. Java EE
      2. ASP.NET
      3. Python
      4. PHP
      5. ColdFusion
      6. Node.js
  2. Introduction to HTML
    1. Getting Started
    2. Exercise: A Simple HTML Document
    3. The HTML Skeleton
      1. The <head> Element
      2. The <body> Element
      3. Whitespace
    4. Viewing Page Source
    5. HTML Elements
      1. Attributes
      2. Empty vs. Container Tags
      3. Blocks and Inline Elements
      4. Comments
    6. Special Characters
    7. History of HTML
    8. lang Attribute
  3. Paragraphs, Headings, and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Exercise: Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Text-Level Semantic Elements
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Exercise: Adding Links
    6. Targeting a Specific Location on the Page
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
      1. Making Images Accessible
      2. Alternative Text
      3. Long Descriptions
      4. Height and Width Attributes
    2. Image Links
    3. Exercise: Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
      1. Nesting Unordered Lists
    2. Ordered Lists
      1. Nesting Ordered Lists
      2. The type Attribute
      3. The start Attribute
    3. Definition Lists
    4. Exercise: Creating Lists
  7. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
      1. CSS Comments
    3. Selectors
      1. Type Selectors
      2. Class Selectors
      3. ID Selectors
      4. Attribute Selectors
      5. The Universal Selector
      6. Grouping
    4. Combinators
      1. Descendant Combinators
      2. Child Combinators
      3. General Sibling Combinators
      4. Adjacent Sibling Combinators
    5. Precedence of Selectors
    6. How Browsers Style Pages
    7. CSS Resets
    8. CSS Normalizers
      1. External Stylesheets, Embedded Stylesheets, and Inline Styles
      2. External Stylesheets
      3. Embedded Stylesheets
    9. Inline Styles
    10. Exercise: Creating an External Stylesheet
    11. Exercise: Creating an Embedded Stylesheet
    12. Exercise: Adding Inline Styles
    13. <div> and <span>
    14. Exercise: Divs and Spans
    15. Media Types
    16. Units of Measurement
      1. Absolute vs. Relative Units
      2. Pixels
      3. Ems and Rems
      4. Percentages
      5. Other Units
    17. Inheritance
      1. The inherit Value
  8. CSS Fonts
    1. font-family
      1. Specifying by Font Name
      2. Specifying Font by Category
    2. @font-face
      1. Getting Fonts
    3. font-size
      1. Relative font-size Terms
      2. Best Practices
    4. font-style
    5. font-variant
    6. font-weight
    7. line-height
    8. font
    9. Exercise: Styling Fonts
  9. Color and Opacity
    1. About Color and Opacity
    2. Color and Opacity Values
      1. Color Keywords
      2. RGB Hexadecimal Notation
      3. RGB Functional Notation
      4. HSL Functional Notation
    3. color
    4. opacity
    5. Exercise: Adding Color and Opacity to Text
  10. CSS Text
    1. letter-spacing
    2. text-align
    3. text-decoration
    4. text-indent
    5. text-shadow
    6. text-transform
    7. white-space
    8. word-break
    9. word-spacing
    10. Exercise: Text Properties

Class Materials

Each student will receive a comprehensive set of materials, including course notes and all the class examples.

Follow-on Courses
Since its founding in 1995, InterSource has been providing high quality and highly customized training solutions to clients worldwide. With over 500 course titles constantly updated and numerous course customization and creation possibilities, we have the capability to meet your I.T. training needs.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.
Facebook TwitterGoogle BookmarksLinkedin