Lect31HTML.doc
advertisement
Slide 1 Announcements Make sure your grades in grades.cs.umd.edu are correct. 1 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________ Slide 2 Miscellaneous Link colors Example colors.html Server directives serverExample.html – If you uploaded locally no significant output is generated. However if it is processed by web server you get significant information (http://www.cs.umd.edu/~nelson/cmsc102/ serverExample.shtml) 2 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________ Slide 3 HTML Frames Frames – divide a web page into multiple scrollable areas Frame document - <body> tag is replaced with <frameset> <frameset> Describes the sub-html elements Describes a set of rows and columns <frame> Defines a frame in a frameset Defines FramesEx1.html Notice the effect of changing the percentages FrameEx2.html FrameEx3.html Notice that now we can “redirect” output to a specific frame <frameset> tags can be nested <noframes> Tag that allows to specify an alternative for browsers that cannot process frames 3 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________ Slide 4 Frames Add the <noframes> tag for browsers not supporting frames You cannot use both <frameset> and <body> in a document FramesEx4.html Frames’ Disadvantages We need to keep track of several html documents Difficult to print 4 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________ Slide 5 Free Web Authoring Tools FirstPage - http://www.evrsoft.com/ HTML Editors Alleycode - http://www.alleycode.com/ Seamonkey http://www.mozilla.org/projects/seamonkey/ Google Web Page Support through http://www.pages.google.com 5 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________ Slide 6 Online Tutorials XHTML - http://www.w3schools.com/xhtml/ CSS - http://www.w3schools.com/css/ 6 ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________ ____________________________________________________________________
