CTP 111 - HTML/CSS Programming

• Introduction to the Internet and World Wide Web.
  • Describe the evolution of the Internet and the Web.
  • Explain the need for web standards.
  • Identify benefits of accessible web design
  • Identify reliable resources of information on the web
  • Identify ethical use of the Web.
  • Describe the purpose of web browsers and web servers
  • Identify networking protocols
  • Define URLs and domain names
  • Describe popular trends in the use of Web
• Design web page using basic HTML tags.
  • Describe HTML, XTML, and HTML5
  • Identify the markup language in a web page document.
  • Use the html, head, body, title, and meta elements to code a template for a web page in a text editor.
  • Configure the body of a web page with headings, paragraphs, line breaks, divs, lists and blockquotes.
  • Configure tet with phrase elements and special characters.
  • Use anchor elements to link from page to page
  • Create absolute, relative, and e-mail hyperlinks
  • Code, save, test using different web browsers, and display a web page document.
• Configure Color and Text using CSS
  • Describe the evolution of style sheets from print media to the Web.
  • List advantages of using Cascading Style Sheets.
  • Configure background and text color on web page.
  • Create style sheets that configure common color and text properties.
  • Apply inline styles.
  • Use embedded style sheets.
  • Design external style sheets Configure element, class, id and contextual selectors.
  • Validate CSS using validator.
• Design web page using visual elements and graphics.
  • Create and format lines and borders on Web pages.
  • Decide when to use graphics and what graphics are appropriate.
  • Apply the image element to add graphics to Web pages.
  • Optimize an image for web page display.
  • Configure images as backgrounds on Web page elements.
  • Configure images as hyperlinks.
  • Configure color with CSS
  • Use HTML element to caption a figure.
  • Find free and fee-based graphic sources.
  • Use recommended Web design guidelines when using graphics on Web pages
• Explain concepts associated with Web design.
  • Describe the most common types of Web site organization.
  • Describe and investigate the principles of visual design.
  • Design for your target audience.
  • Design and investigate clear, easy-to-use navigation.
  • Improve the readability of the text on a web page.
  • Use graphics appropriately on web pages.
  • Apply the concept of Universal design to web pages.
  • Describe web page layout design techniques
  • Explain best practices of web design.
• Design and apply Page Layout.
  • Describe and apply the CSS Box Model.
  • Configure margins with CSS.
  • Configure float with CSS.
  • Configure relative and absolute positioning with CSS.
  • Create column page layouts using CSS.
  • Configure navigation in unordered lists, interactivity to hyperlinks using CSS.
• Work with Links, Layout, and Mobile.
  • Code relative hyperlinks to pages in folders and named fragments.
  • Configure images using CSS sprites.
  • Configure CSS for printing.
  • Configure CSS for mobile display.
  • Utilize CSS media queries to target mobile devices.
• Implement Tables on a web page.
  • Create a table on a web page.
  • Apply attributes to format tables, table rows, and table cells.
  • Increase the accessibility of a table.
  • Style an HTML table with CSS.
• Create Forms on web pages.
  • Describe common uses of forms on web pages.
  • Create forms on web pages using the form, input, textarea, and select elements.
  • Create forms to provide additional accessibility feature using the accesskey and tabindex.
  • Associate form controls and groups using label, fieldset and legend elements.
  • Create custom image buttons and use the button element.
  • Use CSS to style a form.
• Apply Multimedia and Interactivity to web pages
  • Describe the purpose of plug-ns, helper applications, media container, and codecs.
  • Describe the types of multimedia files used on the Web.
  • Configure hyperlinks to multimedia files.
  • Apply the object element to display Adobe Flash multimedia on a web page.
  • Configure audio and video on a web page.
  • Describe features and common uses of Flash, Java applets, JavaScript and Ajax.
  • Configure a Flash animation on a web page.
  • Configure a Java applet on a web page.
  • Create an interactive image gallery with CSS.
  • Configure the CSS transform and transition properties.
  • Describe the purpose of the HTML canvas element.
  • Locate Flash, Java applets, JavaScrip, and Ajax resources on the Web.
• Create web pages using JavaScript
  • Describe common uses of JavaScript in Web pages.
  • Describe the purpose of the Document Object Model and list some common events.
  • Create simple JavaScript using script element and the alert() method.
  • Distinguish variables, operators and the if control structure.
  • Create a basic form validation script.