1. 1 Week Four– Advance HTML 2 Dr. Fadi Safieddine

2. 2 Lecture Content Basic HTML Tables Using Email based Feedback form Creating and Using Image Maps Nested frameset s Further readings

3. 3 Basic HTML Tables Tables organize data into rows and columns table attributes are: Border Specifies the table’s border width in pixels Summary Describes the table’s contents Caption Describes the table’s content and helps text-based browsers interpret table data Head section (header cell, defined with a thead element). Contains header information such as column names tr element (defines an individual table row) th element (defines the columns in the head section) Table Footer (defined with a tfoot element) Table Body (defined with a tbody element) Data cells (defined with td element)

4. 4 First part of the HTML and the table:

5. 5

6. 6

7. 7

8. 8 HTML Email Forms Following on last week’s work, we look at email feedback form Attribute method Specifies how the form’s data is sent to Web server  method = “post” Specifies how the form’s data is received via Web server  method = “get” Attribute action Specifies the URL of a script on the Web server input Specifies data to provide to the script that processes the form

9. 9

10. 10

11. 11

12. 12 How to use image maps: You can designate certain areas of an image (called hotspots) as links by mapping it. Elements & Attributes of map Attribute id  Identifies the image map Element area  Defines hotspot  Attribute shape and coords  Specify the hotspot’s shape and coordinates  Circle ( shape = “circle” )  Rectangular ( shape = “rect” )  Polygon ( shape = “poly” )

13. 13

14. 14

15. 15

16. 16 frameset Element Allows the browser display more than one document at a time. frameset attributes: cols  Specifies the frameset’s column layout rows  Specifies the number of rows and the size of each row frame  Specifies the documents that will be loaded  Attribute src  Specifies URL of the page to display

17. 17 Nested frameset s frameset s within frameset s

18. 18

19. 19

20. 20 Finally: This will be the last lesson on HTML but this is not the end of HTML. You should not only rely on the lecture slides, further readings are essential. This week you start your assignment and HTML constitute 40% of the over all grade. Next week we look into planning and documenting your website which constitute 60% of your overall grade.