ITD 110 Web Page Design I

Study Guide
CIW Lesson Objectives & Skills

Objectives

  • This study guide lists the CIW Lesson objectives in more detail that the CIW Lessons to Textbook handout.

Instructions

  • Study this guide in addition to your textbook and CIW online practice tests.
  • Also review the Powerpoint slides for the recommended CIW Lessons available from the Lectures page.

Final Exam Details

  • The final exam is the CIW v5 Site Development Foundations certification exam.
  • The exam must be given with a CIW certified proctor (Mrs. Eaton) in the classroom during exam week.
  • The exam will be online and closed book. Only 1 browser window can be open during the exam.
  • Bring an id with a photo on it such as a driver's license or NRCC ID card.
  • You will have 30 minutes to answer 30 multiple choice questions.
  • To pass the certification exam you must achieve a total score of 63%.
  • You will know your score at the end of the exam.
  • The final exam score will be scaled before entering in the grade book for you. If you pass the exam, 100 will be entered as your grade.

CIW Site Development Foundations

Lesson 1: Introduction to Web Site Development

In this lesson, you learn that you can create web pages in 2 ways: with a simple text editor (such as Notepad) or a GUI Editor application (such as Dreamweaver). This course will teach you the basics of both methods. You learn the fundamentals of Web page design by studying front-end and back-end issues. You will understand how to help ensure Web site accessibility. You also learn that Web pages are connected to databases using technologies such as CGI and ODBC. Before you develop a Web page or site, you must consider important variables such as the interface, business considerations, bandwidth and the names of your Web page files.

  • Distinguish between using a text editor (such as notepad) and a GUI markup language editor (such as Dreamweaver)
  • Identify web page design issues
  • Identify the standards organization that controls markup languages
  • Identify front-end web page design issues, such as the interface file formats, and strategies for developing accessible web pages.
  • Define the concepts of creative design and branding standards, and demonstrate their importance to business.
  • Identify back-end web design issues, such as bandwidth, file structure and web document naming conventions.

Lesson 2: Markup Language and Site Development Essentials

In this lesson, you learn about the origins of HTML and the purpose for its creation. W3C is the standards organization governing the evolution of HTML and XHTML. HTML editors may provide a simple interface to help you create HTML pages, but without the core knowledge to write HTML code manually, you are limited in your Web page development. After you learn to write HTML code, the possibilities are limitless. Finally, you learn the principles of Web site planning, development and management.

  • Discuss the history of markup languages.
  • Distinguish between HTML and XHTML.
  • Identify HTML and XHTML flavors.
  • Explain the value of universal markup.
  • Demonstrate knowledge of site management principles.
  • Plan web site development.

Lesson 3: XHTML Coding

In this lesson, you learn to use container and stand-alone HTML and XTHML tags. You learn the basic structure tags that must be present in any XHTML document. You learn how to format both text and paragraphs, and how to use the <pre> tag. You created a bulleted list and a numbered list. Finally, you were introduced to the concept of good coding practice, and the importance of correct application and sequence of your code.

  • Demonstrate knowledge of basic XHTML document structure.
  • Identify XHTML document structure tags, including the <meta> tag and the <!DOCTYPE> tag
  • Create XHTML that validates properly.
  • Format paragraphs and text with XHTML tags.
  • Use comments and good coding practices.

Lesson 4: Horizontal Rules and Graphical Elements

In this lesson, you are introduced to graphical Web page elements such as horizontal rules, images and colors. you learn how to position graphics relative to text on a page, and how to resize images for display. In addition, you are introduced to the <font> tag, which specifies font face, size and color information. You are learn about special characters, and how to use the <div> tag and CSS to add structure to a Web document.

  • Add horizontal rules to your pages.
  • Incorporate image files as stand-alone graphics.
  • Use the web-safe color palette.
  • Use colors and tiled images for page backgrounds.
  • Add special characters to XHTML pages.
  • Structure your XHTML document using the <div> tag and CSS.

Lesson 5: Hyperlinks

In this lesson, you learn to create hyperlinks from text and images to other Web files and sites. You learn that you could use full or partial URLs in your links, and you learned to link to an internal anchor point within the current document or even in another document. You also had a chance to use skills you learned in previous lessons.

  • Reference full (absolute or external) and partial (relative or internal) URLs.
  • Specify alternative protocols.
  • Create hyperlinks for text.
  • Create hyperlinks for images.
  • Link to local files.
  • Link to remote files.
  • Create an internal anchor within a file and link to it.

Lesson 6: Tables

In this lesson, you learn to create and manipulate HTML tables. You used the basic structure tags to generate a table, rows and individual cells. You also aligned cell content, spanned cell content across rows and columns, and added background colors to both tables and cells. Finally you learned that manipulating a border can dramatically affect the appearance of your table.

  • Create simple and complex tables in HTML and XHTML.
  • Add or remove table border lines.
  • Format table rows and cells using attributes (called properties in Dreamweaver.)
  • Use tables when appropriate.

Lesson 7: Web Forms

In this lesson, you learn to use each of the major form elements, and you created a fundamental Web form. You also saw the different form results that can be returned by setting the form action to point to a public test engine. You also aligned the form elements using a table.

  • Identify web form elements for HTML and XHTML.
  • Construct a web form.
  • Test your web form using a public test engine.

Lesson 8: Image Techniques

In this lesson, you learn several image techniques you can use on your Web pages. You learn to create a client-side image map by determining coordinates, defining image map hot spots and linking image hot spots to other pages. You also learned about image transparency, interlacing and animation.

  • Create client-side image maps.
  • Define rectangle, circle and polygon areas as hot spots in an image.
  • Link defined areas to URLs.
  • Define image transparency.
  • Distinguish between GIF 87a and 89a formats.
  • Define image interlacing.
  • Identify animated GIF and PNG image formats.

Lesson 9: Frames

In this lesson, you learn that frames allow you to create attractive Web pages with more creative control over the user's experience. Frames also make navigation easier by allowing certain links and information to remain visible. You see the relationship between frameset documents and individual frames, and you learn to create framesets and to target frames by name. Finally, you learn to use some <frame> element attributes to create borderless frames, adjust margin sizes and enable frame scrolling.

  • Define frames and the purpose of the frameset document.
  • Use the <frameset> and <frame> tags, and attributes (properties) of each.
  • Identify the purpose of the <noframes> tag.
  • Target links from one frame to another.
  • Specify default targets using the <base> tag.
  • Create borderless frames, and control margins and scrolling in frames.
  • Identify the purpose of inline frames.

Lesson 10: GUI HTML Editors

In this lesson, you are introduced to GUI HTML editors. You used a GUI editor (Dreamweaver) to develop a Web page, and you experienced the power and control that a GUI editor provides over a development project. You explored the editor's features, including text style, icon bars, inline images, hypertext links, table creation and code validation. Finally, you considered the advantages and disadvantages of using such a tool to develop your Web pages, and you published a page to a Web server.

  • Identify types of GUI editors that automatically create HTML and XHTML code.
  • Identify specific features of GUI editors.
  • Create a web page using a GUI editor.
  • Identify requirements for publishing a site to a web server.

Lesson 11: Advanced Web Technologies

In this lesson, you study Web-based technologies that extend your XTHML pages, including server-side and client-side scripts. You also learned about additional methods to apply CSS styles to your Web pages. You wrote some simple JavaScript code to make a Web page interactive, and you learned how DHTML can also add interactivity to your Web pages. You learned the purpose of the DOC (Document Object Model) and the importance of DOM Web browser support. Finally, you learned more about the benefits and drawbacks of working with ISPs (Internet Service Providers) and ASPs (Application Service Providers).

  • Identify client-side and server-side scripting technologies.
  • Connect Web pages to databases.
  • Use CSS to apply formatting to web pages. Know the 4 basic types:
    • Linked - uses the <link> tag
    • Inline - uses the <span> tag or the style attribute
    • Embedded - used the <style> tag within the head section
    • Imported - uses the <style> tag and the @import attribute
  • Identify the benefits of Dynamic HTML (DHTML).
  • Define the function of the Document Object Model (DOM) and its relationship to browsers.
  • Compare the use of a service provider to hosting your own web site.

Lesson 12: E-Commerce Practices

In this lesson, you learn about the many characteristics that e-commerce and traditional commerce share, and you studied the ways that e-commerce differs from traditional commerce. This lesson also discussed Web-based technologies that can be used to improve e-commerce sites. You learned about B2B and B2C commerce models, and you studies their enabling technologies including EDI, OBI, SET, OTP and SSL/TLS. Finally you received a brief overview of global commerce issues, and the ways that Web technologies can be used to improve customer relationships.

  • Compare e-commerce to traditional commerce.
  • Define e-commerce terms and concepts.
  • Relate the concept of supply chain to e-commerce.
  • Identify payment models used in e-commerce.
  • Identify ways to protect a transaction that contains private information.
  • Identify issues related to working in a global environment.
  • Identify ways to build e-commerce relationships using web-based technology.
Resource: "Site Development Foundations" © 2005 Prosoft Learning Corporation - All Rights Reserved.

Last Update: December 8, 2008

Return to
Assignments Page

Return to
Home Page

Copyright Carlotta Eaton