Introduction to web development

From OSSCOM
Revision as of 16:46, 24 February 2016 by Osscom (Talk | contribs)

Jump to: navigation, search

Introduction

The main aim of this course is to give students a hands-on experience with different web technologies and standards like: HTML, XHTML, JavaScript, CSS, and some of main aspects of server side scripting using ASP.NET and PHP.


Lecture 1

  • Introduction to Web Development
  • Introduction to Web Technologies
    • HTML/XHTML and the difference between them
    • CSS
    • Client Side Scripting (JavaScript)
  • Tools for Writing Web Pages

Slides

Lecture 2

  • HTML Page Structure
    • Basic Document Structure
    • Attribute Groups
    • Basic Text Formatting
    • Presentational Elements
    • Lists
    • Comments
    • element
    • Block and inline elements
    • and elements

Slides

Lecture 3

  • HTML Links and Navigation
    • Basic Links
    • Understanding Directory and Directory Structure
    • Creating Links with the <a> Element
    • E-mail Links

Slides

Lecture 4

  • HTML Tables
    • Basic Table Elements (<table> , <tr> , <td>, <th> )
    • Adding a to a Table
    • Grouping Sections of a Table
    • Nested Tables

Slides

Lecture 5

  • Images, Audio, and Video
    • Adding images using <img> element
    • Using images as links
    • Image maps
    • Images formats
    • Adding flash, video and audio to your webpage

Slides

Lecture 6

  • HTML Forms
    • Creating Forms with <form> Element
    • Form Controls
      • Text Inputs
      • Buttons
      • Checkboxes
      • Select Boxes
      • File Select Boxes
      • Hidden Controls
    • Focus
    • Disabled and Read-only Controls
    • Sending Data to the Server

Slides

Lecture 7

  • HTML Frames
    • <frameset> Element
    • Creating Links between Frames
    • Setting a Default Target Frame Using <base> Element
    • Inline or Floating frames with <iframe> Element

Slides

Lecture 8

  • Introduction to CSS
    • CSS Rules
    • CSS Comments
    • CSS Selectors
      • Precedence of Selectors
      • Determining a Selector’s Specificity

Slides

Lecture 9

  • CSS Positioning and Visibility
    • Work with position property
    • Work with z-index property
    • Work with display property
    • Work with visibility property
    • Work with float property
    • Work with clear property

Slides

Lecture 10

  • CSS Page Layout

Slides

Lecture 11

Lecture 12

Lecture 13

Lecture 14

Lecture 15

Lecture 16

Lecture 17

Lecture 18

=== Lecture 19 ===

Retrieved from "http://wiki.osscom.org/index.php?title=Introduction_to_web_development&oldid=44"