Difference between revisions of "Introduction to web development"
From OSSCOM
(→Lecture 4) |
|||
Line 54: | Line 54: | ||
**Images formats | **Images formats | ||
**Adding flash, video and audio to your webpage | **Adding flash, video and audio to your webpage | ||
− | [[media: | + | [[media:IntroWeb_Lecture05.pdf|Slides]] |
=== Lecture 6 === | === 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 === | === 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 === | === 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 === | === 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 === | === Lecture 10 === | ||
+ | ---- | ||
+ | *CSS Page Layout | ||
+ | [[media:IntroWeb_Lecture10.pdf|Slides]] | ||
+ | |||
=== Lecture 11 === | === Lecture 11 === | ||
=== Lecture 12 === | === Lecture 12 === |
Revision as of 16:46, 24 February 2016
Contents
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
Lecture 2
- HTML Page Structure
- Basic Document Structure
- Attribute Groups
- Basic Text Formatting
- Presentational Elements
- Lists
- Comments
- element
- Block and inline elements
- and elements
Lecture 3
- HTML Links and Navigation
- Basic Links
- Understanding Directory and Directory Structure
- Creating Links with the <a> Element
- E-mail Links
Lecture 4
- HTML Tables
- Basic Table Elements (<table> , <tr> , <td>, <th> )
- Adding a
to a Table - Grouping Sections of a Table
- Nested Tables
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
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
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
Lecture 8
- Introduction to CSS
- CSS Rules
- CSS Comments
- CSS Selectors
- Precedence of Selectors
- Determining a Selector’s Specificity
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
Lecture 10
- CSS Page Layout
Lecture 11
Lecture 12
Lecture 13
Lecture 14
Lecture 15
Lecture 16
Lecture 17
Lecture 18
=== Lecture 19 ===
- HTML Links and Navigation