Chabot College Fall 2008 Removed Fall 2010 Course Outline for Computer Science 91 INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE (HTML) Catalog Description: 91 – Introduction to Hypertext Markup Language (HTML) 2 Units May be repeated 3 times. Design and development concepts and use of the standard HTML “tags” to develop web pages for use on the current, standard World Wide Web latest version browsers. Coverage includes the differences and limitations of the various tags that work only on Microsoft Explorer and other non-Microsoft browsers, use of various web editing tools such as an HTML editor, graphics image editor, special effects applications, design considerations for web page layout including horizontal and vertical spacing commands, introduction to the use of multimedia (audio and movie clip) capability in HTML, hypertext link presentation using both text and graphical presentation, introduction to dynamic HTML tags such as Cascading Style Sheets, frames, tables, image maps, meta tags, sound, and elementary Javascript capabilities. Strongly recommended: CSCI 7 or equivalent (completed with a grade of “C” or higher.) 2 hours lecture, 1 hour laboratory. [Typical contact hours: lecture 35, laboratory 17.5] Prerequisite Skills: None Expected Outcome for Students: Upon completion of this course, the student should be able to: 1. 2. 3. 4. 5. 6. 7. create basic web pages using hypertext links to other URLs, insert graphic images, change and modify fonts and colors for the web page text, insert basic sound capability on the page; use an HTML editor, graphics image editor, and special effects applications to speed development of the web page tag code and enhance web page presentation capabilities; use basic Cascading Style Sheets (CSS) to enhance web page appearance; describe the various differences between Microsoft’s Explorer and other non-Microsoft browsers for tag usage (images, movie clips, sound, object spacing, CSS, marquees, top and left margins, etc.); discuss the limitations of Microsoft and non-Microsoft browser as to web capabilities; be familiar with other dynamic web page capabilities such as JavaScript, VBScript; create elementary background sound capability on the web page. Course Content: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Use of a specialized HTML editor to create HTML source code for text font and colors, background colors and graphics, link and anchors, positioning web page objects, lists Graphics images, font and color control capabilities in HTML Hypertext Link presentations using both text and graphics The use of Tables for text, image and hypertext link displays Frame design consideration and implementation on web pages Multimedia tags used on both Netscape Communicator and Microsoft Explorer Use of Cascading Style Sheet capabilities including embedded web pages, dynamically changing text fonts, appearing and disappearing web page text, columns and shims. Sound capabilities Lists Special symbols for text Meta tag capabilities Introduction to basic JavaScript capabilities Chabot College Course Outline for Computer Science 91, Page 2 Fall 2008 13. 14. Testing an HTML page on the browser Setting up a web site on a “free” web server Methods of Presentation: 1. 2. 3. 4. Lecture Demonstrations of HTML coding Reading assignments from assigned text Research on the web Assignments and Methods of Evaluating Student Progress: 1. Typical assignments a. Build the frame-work for your Website b. Create at least 2 Menus with at least 3 hyperlink text jump prompts each under each of the main menu text. The Javascript code should do the following: 1) When the cursor moves over the main menu text, the submenu items appear. 2) When you move the mouse off the submenu items, those menu items disappear 3) You will want to use the block and none in a style display for the objects. Name the objects under the DIV or SPAN. c. Create a basic web page containing images, text, hypertext links, color or image page backgrounds. 2. Methods of Evaluating Student Progress a. Written quizzes and a final examination b. Lab assignments creating student web pages emphasizing certain features and capabilities as presented in the course content in class Textbook(s) Typical: 1. 2. HTML, XHTML, and CSS, Sixth Edition: Visual QuickStart Guide, 6th Edition, Elizabeth Castro, PeachPit Press, August 2006, ISBN 0321430840 New Perspectives on Blended HTML, XHTML, and CSS, Henry Bojack, Course Technology, November 2007, ISBN 978-1-4239-0651-3 Special Student Materials: USB, free hosted web server account to display assignments DC revised: 9/17/07