Difference between revisions of "Introduction to web development"

From OSSCOM
Jump to: navigation, search
(Lecture 1)
Line 15: Line 15:
  
 
=== Lecture 2 ===
 
=== Lecture 2 ===
 +
----
 +
*HTML Page Structure
 +
**Basic Document Structure
 +
**Attribute Groups
 +
**Basic Text Formatting
 +
**Presentational Elements
 +
**Lists
 +
**Comments
 +
**<font> element
 +
**Block and inline elements
 +
**<div> and <span> elements
 +
[[media:IntroWeb_Lecture02.pdf|Slides]]
 +
 
=== Lecture 3 ===
 
=== Lecture 3 ===
 +
----
 +
*HTML Links and Navigation
 +
**Basic Links
 +
**Understanding Directory and Directory Structure
 +
**Creating Links with the <a> Element
 +
**E-mail Links
 +
[[media:IntroWeb_Lecture03.pdf|Slides]]
 +
 
=== Lecture 4 ===
 
=== Lecture 4 ===
 +
----
 +
*HTML Tables
 +
**Basic Table Elements (<table> , <tr> , <td>, <th> )
 +
**Adding a <caption> to a Table
 +
**Grouping Sections of a Table
 +
**Nested Tables
 +
[[media:IntroWeb_Lecture04.pdf|Slides]]
 +
 
=== Lecture 5 ===
 
=== 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
 +
[[media:IntroWeb_Lecture04.pdf|Slides]]
 +
 
=== Lecture 6 ===
 
=== Lecture 6 ===
 
=== Lecture 7 ===
 
=== Lecture 7 ===

Revision as of 16:41, 24 February 2016

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 ( , ,

      , )
    • 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

      Lecture 7

      Lecture 8

      Lecture 9

      Lecture 10

      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=42"