CCS - Coding: Constructing the Site Module Overview

WebDesign_OverviewBanner.png 

Coding: Constructing the Site Module Overview


How often do you use the internet to access websites on the World Wide Web? If you are like most, you do so often. Have you ever given any thought to how the site was constructed? Did you think about how much time and planning is involved in the process? This module will provide you with concepts and guidelines for constructing a website using Hypertext Markup Language (HTML). You will understand how to build your website using the various elements and attributes required for coding a website.

 

Essential Questions

  • How do HTML documents differ from documents created with a word processor?
  • Explain the basic structure of an HTML document.
  • What role does your browser play in viewing a web page?
  • Why is it important to upgrade your browser software?

 

Key Terms

  1. Absolute path - specifies a file's precise location within a computer's entire folder structure.
  2. Attribute - provides additional information about an element.
  3. Augmented linear structure - each page contains an additional link back to the opening page.
  4. Back-end developer - another name for a server-side developer.
  5. Block-level element - elements that contain content that is viewed as a distinct block within the web page.
  6. Character entity reference - short memorable names used in place of numeric character references.
  7. Children - an element that is an immediate descendent of another element or is nested within another element.
  8. Client-side developer - a web developer than concentrates on designing and maintaining what the viewer sees of the website. 
  9. Client-side image map - an image map that is handled entirely by the web browser running on the user's computer.
  10. Element - basic building block of HTML. Consists of an opening and closing tag.
  11. Empty element - an element with no content.
  12. Escape Characters - symbols that represent characters including non-printable characters such as spaces, tabs, and line feeds.
  13. Front-end Developer - another name for a client-side developer.
  14. Hierarchical Structure - the pages are going from the home page down to pages dedicated to specific topics.
  15. HTML Converter - a program that translates text written in another language into HTML code.
  16. Image map - a graphic defined so that a user can click on the different areas of the image and be linked to different destinations.
  17. Inline element - marks a section of text within a block-level element.
  18. Linear Structure - each page is linked with the pages that follow and precede it.
  19. Metadata - information about the website used during the search process.
  20. Protected Structure - typically found on commercial websites whereby a user must enter the password to gain access to the page.
  21. Protocol - a set of rules defining how information is passed between two devices.
  22. Relative path - specifies a file's location in relation to the location of the current document.
  23. Server-side developer - a web developer that uses programming to run the server that houses the website.
  24. Site Index - page containing an outline of the entire site and its contents.
  25. Tooltip - descriptive text that appears when a user positions the mouse pointer over the link.

 

 

IMAGES CREATED BY GAVS