View source for Introduction to web development

Jump to: navigation, search

You do not have permission to edit this page, for the following reason:

The action you have requested is limited to users in the group: Administrators.

You can view and copy the source of this page.


== 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
[[media:IntroWeb_Lecture01.pdf|Slides]]

=== 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 ===
----
*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 ===
----
*HTML Tables
**Basic Table Elements (<nowiki><table> , <tr> , <td>, <th> </nowiki>)
**Adding a <caption> to a Table
**Grouping Sections of a Table
**Nested Tables
[[media:IntroWeb_Lecture04.pdf|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 
[[media:IntroWeb_Lecture05.pdf|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
[[media:IntroWeb_Lecture06.pdf|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
[[media:IntroWeb_Lecture07.pdf|Slides]]

=== Lecture 8 ===
----
*Introduction to CSS
**CSS Rules
**CSS Comments
**CSS Selectors
***Precedence of Selectors
***Determining a Selector’s Specificity
[[media:IntroWeb_Lecture08.pdf|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
[[media:IntroWeb_Lecture09.pdf|Slides]]

=== Lecture 10 ===
----
*CSS Page Layout
[[media:IntroWeb_Lecture10.pdf|Slides]]

=== Lecture 11 ===
----
*Introduction to JavaScript
[[media:IntroWeb_Lecture11.pdf|Slides]]

=== Lecture 12 ===
----
*Introduction to JavaScript Programming
[[media:IntroWeb_Lecture12.pdf|Slides]]

=== Lecture 13 ===
----
*Form Validations Using JavaScript
[[media:IntroWeb_Lecture13.pdf|Slides]]

=== Lecture 14 ===
----
*Introduction to jQuery
[[media:IntroWeb_Lecture14.pdf|Slides]]

=== Lecture 15 ===
----
*Static vs. Dynamic Web Content
*Server Pages Technologies 
*ASP.NET Page Lifecycle
*Response and Request Objects
[[media:IntroWeb_Lecture15.pdf|Slides]]

=== Lecture 16 ===
----
*Introduction to AJAX
[[media:IntroWeb_Lecture16.pdf|Slides]]

=== Lecture 17 ===

=== Lecture 18 ===
=== Lecture 19 ===

Return to Introduction to web development.

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

View source for Introduction to web development

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

OSSCOM Courses

Navigation

Tools