Foundations of Web Design #9001110

  • web design

    "This course is designed to provide students with opportunities to acquire and apply foundational skills related to web design." ("Foundations of Web Design." 10 August 2015.

    This course is performance-based; most of the assignments are digital files which are uploaded for grading, and then returned electronically to the students. Almost all of this class will be paperless. Click this link for a listing of assignments for this course. This list will update as new assignments are due.

    The syllabus is available electronically as a pdf file here..

    There are 17 State standards for this course:

    If this course is the fifth course offered for program 877110, this standard is not applicable. Methods and strategies for using Florida Standards for grades 09-10 reading in Technical Subjects for student success in this program. Key Ideas and Details

    • Cite specific textual evidence to support analysis of science and technical texts, attending to the precise details of explanations or descriptions. (LAFS.910.RST.1.1)
    • Determine the central ideas or conclusions of a text; trace the text’s explanation or depiction of a complex process, phenomenon, or concept; provide an accurate summary of the text. (LAFS.910.RST.1.2)
    • Follow precisely a complex multistep procedure when carrying out experiments, taking measurements, or performing technical tasks, attending to special cases or exceptions defined in the text. (LAFS.910.RST.1.3)

      Craft and Structure

    • Determine the meaning of symbols, key terms, and other domain-specific words and phrases as they are used in a specific scientific or technical context relevant to grades 9–10 texts and topics. (LAFS.910.RST.2.4)
    • Analyze the structure of the relationships among concepts in a text, including relationships among key terms (e.g., force, friction, reaction force, energy). (LAFS.910.RST.2.5)
    • Analyze the author’s purpose in providing an explanation, describing a procedure, or discussing an experiment in a text, defining the question the author seeks to address. (LAFS.910.RST.2.6)

      Integration of Knowledge and Ideas

    • Translate quantitative or technical information expressed in words in a text into visual form (e.g., a table or chart) and translate information expressed visually or mathematically (e.g., in an equation) into words. (LAFS.910.RST.3.7)
    • Assess the extent to which the reasoning and evidence in a text support the author’s claim or a recommendation for solving a scientific or technical problem. (LAFS.910.RST.3.8)
    • Compare and contrast findings presented in a text to those from other sources (including their own experiments), noting when the findings support or contradict previous explanations or accounts. (LAFS.910.RST.3.9)

      Range of Reading and Level of Text Complexity

    • By the end of grade 9, read and comprehend literature [informational texts, history/social studies texts, science/technical texts] in the grades 9–10 text complexity band proficiently, with scaffolding as needed at the high end of the range.
    • By the end of grade 10, read and comprehend literature [informational texts, history/social studies texts, science/technical texts] at the high end of the grades 9–10 text complexity band independently and proficiently. (LAFS.910.RST.4.10)

    If this course is the fifth course offered for program 877110, this standard is not applicable. Methods and strategies for using Florida Standards for grades 09-10 writing in Technical Subjects for student success in this program. Text Types and Purposes

    • Write arguments focused on discipline-specific content. (LAFS.910.WHST.1.1)
    • Write informative/explanatory texts, including the narration of historical events, scientific procedures/experiments, or technical processes. (LAFS.910.WHST.1.2)

      Production and Distribution of Writing

    • Produce clear and coherent writing in which the development, organization, and style are appropriate to task, purpose, and audience. (LAFS.910.WHST.2.4)
    • Develop and strengthen writing as needed by planning, revising, editing, rewriting, or trying a new approach, focusing on addressing what is most significant for a specific purpose and audience. (LAFS.910.WHST.2.5)
    • Use technology, including the Internet, to produce, publish, and update individual or shared writing products, taking advantage of technology’s capacity to link to other information and to display information flexibly and dynamically. (LAFS.910.WHST.2.6)

      Research to Build and Present Knowledge

    • Conduct short as well as more sustained research projects to answer a question (including a self-generated question) or solve a problem; narrow or broaden the inquiry when appropriate; synthesize multiple sources on the subject, demonstrating understanding of the subject under investigation. (LAFS.910.WHST.3.7)
    • Gather relevant information from multiple authoritative print and digital sources, using advanced searches effectively; assess the usefulness of each source in answering the research question; integrate information into the text selectively to maintain the flow of ideas, avoiding plagiarism and following a standard format for citation. (LAFS.910.WHST.3.8)
    • Draw evidence from informational texts to support analysis, reflection, and research. (LAFS.910.WHST.3.9)

      Range of Writing

    • Write routinely over extended time frames (time for reflection and revision) and shorter time frames (a single sitting or a day or two) for a range of discipline-specific tasks, purposes, and audiences. (LAFS.910.WHST.4.10)

    If this course is the fifth course offered for program 877110, this standard is not applicable. Methods and strategies for using Florida Standards for grades 09-10 Mathematical Practices in Technical Subjects for student success in this program.

    • Make sense of problems and persevere in solving them. (MAFS.K12.MP.1.1)
    • Reason abstractly and quantitatively. (MAFS.K12.MP.2.1)
    • Construct viable arguments and critique the reasoning of others. (MAFS.K12.MP.3.1)
    • Model with mathematics. (MAFS.K12.MP.4.1)
    • Use appropriate tools strategically. (MAFS.K12.MP.5.1)
    • Attend to precision. (MAFS.K12.MP.6.1)
    • Look for and make use of structure. (MAFS.K12.MP.7.1)
    • Look for and express regularity in repeated reasoning. (MAFS.K12.MP.8.1)

    Demonstrate proficiency in website planning and the design process. -- The student will be able to:

    • Define information architecture.
    • Discuss the importance of information architecture to web design and development.
    • Conduct a client interview to determine the business purpose and needs.
    • Conduct a competitive analysis.
    • Identify stages in the web design process and describe the activities comprising each stage.
    • Define the site structure by creating a content map, storyboard, and associated wireframes.
    • Create a global site map.
    • Discuss the legal and ethical issues related to web design.
    • Describe accessibility and its implications on web design.
    • Create a web site mock-up for client approval. 

    Develop markup language structures. -- The student will be able to:

    • Define common markup languages and their usage.
    • Examine emerging and new markup languages.
    • Determine browser support and appropriate usage of markup languages (existing and emerging).
    • Identify common DOCTYPES (e.g., Strict, Transitional and Frameset) and describe their appropriate use. 

    Create basic webpages. -- The student will be able to:

    • Create basic webpage structures using common markup elements and attributes.
    • Incorporate list structures in a webpage (i.e., ordered, unordered, definition, nested).
    • Incorporate link structures in a webpage (i.e., external, internal, email).
    • Research and incorporate web color usage principles in a webpage. 

    Incorporate images and graphical formatting on a webpage. -- The student will be able to:

    • Describe usage guidelines (e.g., format types, size, relevance) for integrating images and graphics onto a webpage.
    • Compare and contrast standard image formats used in webpage design.
    • Incorporate graphics into a webpage design.
    • Create and incorporate image maps in a webpage.
    • Optimize images and graphics for use in a webpage. 

    Create a basic table structure. -- The student will be able to:

    • Describe how tables are used in web design.
    • Discuss the advantages and disadvantages of incorporating tables in a webpage design.
    • Define and modify table structures for the presentation of tabular information.
    • Create accessible tables using standard table elements and attributes. 

    Incorporate form structures in a webpage. -- The student will be able to:

    • Create an accessible form using common elements, including form, fieldset, legend, textarea, select, option, button, and input (radio, checkbox, submit, reset, image, password, hidden). 
    • Describe and diagram the relationship between XHTML forms and server-side technologies.
    • Compare and contrast the GET and POST methods for forms handling.
    • Define form validation and describe how it is accomplished
    • List popular server-side technologies often used to process content sent from XHTML forms.
    • Use labels with form elements.
    • Connect a XHTML form to a server-side script for processing. 

    Describe frame structures and their usage. -- The student will be able to:

    • Explore frame and iframe structures and support issues.
    • Describe appropriate uses of iframes.
    • Incorporate frame structure in a webpage 

    Use Cascading Style Sheets (CSS). -- The student will be able to:

    • Define CSS and describe its importance in web design.
    • Compare and contrast existing and emerging CSS versions.
    • Determine browser support and appropriate usage of CSS (existing and emerging versions).
    • Explain "document flow" and describe its implications on web design.
    • Recognize and use element selectors, ID selectors, class selectors, pseudo-class selectors, and descendant selectors.
    • Explain how inheritance and specificity affect CSS rule conflicts.
    • Use inline styles, embedded style sheets, and external style sheets.
    • Use the link and import methods to connect to an external style sheet.
    • Use CSS shorthand techniques to create efficient and concise style sheets.
    • Apply basic CSS properties (background, border, clear, color, float, font, height, line-height, list-style, margin, overflow, padding, position, text-align, text-indent, width, z-index, padding). 
    • Use CSS to style tables (e.g., borders, width, spacing, alignment, background).
    • Use CSS to enhance the appearance and usability of an XHTML form. 

    Examine web design technologies and techniques. -- The student will be able to:

    • Compare and contrast common authoring tools.
    • Compare and contrast client-side and server-side technologies.
    • Define e-commerce types and usage.
    • Describe database connectivity relative to websites.
    • Identify technologies to enhance user experience. 

    Describe the process for publishing a website. -- The student will be able to:

    • Explore domain name selection principles.
    • Identify process to registering a domain name.
    • Compare and contrast hosting providers, features, and selection criteria.
    • Describe the various means for uploading website files (e.g., FTP, web-based tools). 

    Describe how website performance is monitored and analyzed. -- The student will be able to:

    • Identify issues related to website maintenance.
    • Use webpage validation tools.
    • Describe website performance metrics (e.g., visits, time-on-page, time-on-site) and discuss their design implications.
    • Demonstrate knowledge of accessibility problems and solutions.
    • Examine indexing, page ranking, basic Search Engine Optimization techniques.
    • Explore common website analytic tools. 

    Create an informational website. -- The student will be able to:

    • Use GUI (Graphical User Interface) web authoring software to create a multi-page informational website.
    • Use image-editing software to enhance website designs with simple graphics.
    • Use animation software to enhance website designs.
    • Enhance the website using client-side technologies (rollovers, check plug-ins, pop-up windows).
    • Demonstrate efficient, consistent web site development practice (use of templates, snippets). 

    Demonstrate language arts knowledge and skills. -- The student will be able to:

    • Locate, comprehend and evaluate key elements of oral and written information.
    • Draft, revise, and edit written documents using correct grammar, punctuation and vocabulary.
    • Present information formally and informally for specific purposes and audiences. 

    Demonstrate mathematics knowledge and skills. -- The student will be able to:

    • Demonstrate knowledge of arithmetic operations.
    • Analyze and apply data and measurements to solve problems and interpret documents.
    • Construct charts/tables/graphs using functions and data.