Web Design
Course Description
Can you think of any company that does not have a web presence? Taking this course will equip students will the ability to plan, design, and create a web site. Students will move past learning how to write code and progress to designing a professional looking web site using graphical authoring tools that contains multimedia elements. Working individually and in teams, students will learn to work with web page layout and graphical elements to create a professional looking web site.
Various forms of technologies will be used to expose students to resources, software, and applications of web design. Professional communication skills and practices, problem-solving, ethical and legal issues, and the impact of effective presentation skills are enhanced in this course to prepare students to be college and career ready. Employability skills are integrated into activities, tasks, and projects throughout the course standards to demonstrate the skills required by business and industry. Competencies in the co-curricular student organizations are integral components of both the employability skills standards and content standards for this course.
Web Design is the third course in the Web & Digital Design pathway in the Information Technology cluster. Students enrolled in this course should have successfully completed Introduction to Software Technology and Digital Design. After mastery of the standards in this course, students should be prepared to take the end of pathway assessment in this career area.
Course Standards
IT-WD-1: Demonstrate employability skills required by business and industry
- 1.1 Communicate effectively through writing, speaking, listening, reading, and interpersonal abilities.
- 1.2 Demonstrate creativity by asking challenging questions and applying innovative procedures and methods.
- 1.3 Exhibit critical thinking and problem-solving skills to locate, analyze and apply information in career planning and employment situations.
- 1.4 Model work readiness traits required for success in the workplace, including integrity, honesty, accountability, punctuality, time management, and respect for diversity.
- 1.5 Apply the appropriate skill sets to be productive in a changing, technological, diverse workplace, to be able to work independently and apply teamwork skills.
- 1.6 Present a professional image through appearance, behavior, and language.
IT-WD-2: Plan, develop, implement, and resolve ethical issues involved in creating and publishing a web site.
- 2.1 Define key terms in site development: cloud computing, versions of HTML, CSS, design consistency, deprecated tags, wire framing/layout design, hyperlinks.
- 2.2 Develop a logical argument for using cloud computing and the various web hosting platforms for business and personal use.
- 2.3 Demonstrate proper use of basic HTML tags.
- 2.4 Demonstrate proper use of basic CSS Selectors.
- 2.5 Demonstrate understanding of inline style, header section styling, and separated CSS style pages.
- 2.6 Describe the phases of web development (life cycle) and provide specific tasks for each phase.
- 2.7 Use flowcharts/storyboards/pseudocode language to design a web site.
- 2.8 Identify essential web site navigation issues that help ensure site usability (consistency, intuitive text/icons, and breadcrumbs).
- 2.9 Describe ethical, government, and accessibility standards & W3C standards (readability, usability, browser compatibility, and copyright issues related to use of digital media).
- 2.10 Identify technologies available to enhance the user's experience, including programming languages and multimedia technologies.
IT-WD-3: Create documents using a variety of tags and coding practices commonly used to create web pages.
- 3.1 Identify basic HTML document (web page) layout & tags used to create web pages according to industry standards (e.g., header, footer, side bar, main content, navigation/menu bar, tabs/drop downs).
- 3.2 Demonstrate familiarity with W3C standards for web development and tag usage.
- 3.3 Demonstrate an understanding of common programming structures, such as loops, conditionals, and arrays, using a front-end Object-Oriented programming language, such as JavaScript.
- 3.4 Create a web site using HTML and Separate CSS Styling pages to W3C standards. Upload to online career portfolio.
- 3.5 Demonstrate understanding of the importance of validating web sites and tools available for the process.
- 3.6 Explain the difference between client-side and server-side programming languages and validation.
IT-WD-4: Create and use graphics to enhance web pages using a variety of tools.
- 4.1 Identify and use design and color principles appropriate for graphics and web pages. Explain RGB, HSL, CMYK color formatting.
- 4.2 Describe the image formats used within a web page (gif, jpg, png, image maps) and describe appropriate use of which format. Demonstrate knowledge of lossy and lossless image formats.
- 4.3 Create a web site using multiple image formats. Upload to online career portfolio.
- 4.4 Explore online tools and downloadable software available to create and edit still and animated graphics.
IT-WD-5: Define and apply essential aspects of the Cascading Style Sheets to format elements within a web site.
- 5.1 Demonstrate use of inline, header-located and external style sheets.
- 5.2 Create a web site using multiple style selectors and sub-selectors using external Cascading Style Sheets.
- 5.3 Design web pages utilizing CSS to manage text flow using regions, columns, and graphical interfaces. Demonstrate understanding of exact and relative text size formatting. Upload to online career portfolio.
IT-WD-6: Use (Graphic User-Interface) GUI-based HTML editing software to create web sites.
- 6.1 Explain the differences between the types of editing software and when to editing software: text, object, and WYSIWYG (What You See Is What You Get).
- 6.2 Design web sites using a GUI-based editor following the design principles to enable navigation, usability, and accessibility.
- 6.3 Explore advanced layouts & scripting tools available through GUI-based editors such as widgets, image sliders, etc.
- 6.4 Create a website which implements tables.
- 6.5 Create and use interactive forms on a web site.
- 6.6 Design and implement layers, image maps, and navigation bars.
- 6.7 Enhance a website with media objects and images. Upload to online career portfolio.
IT-WD-7: Develop an understanding of e-commerce practices and related technologies necessary to create a secure, useful interface to conduct business online.
- 7.1 Develop a working e-commerce vocabulary including e-business, mobile commerce, branding, market space, business model (B2B, B2C), security, payment options.
- 7.2 Explain the importance of branding and establishing a color palette for an e-business to create an online presence.
- 7.3 Explain the importance of using web design principles to meet customer expectations.
- 7.4 Explain the benefits of configuring a site to mobile standards currently used further the accessibility of an e-business.
- 7.5 Demonstrate an understanding of security issues associated with the internet including but not limited to backing up files & cloud storage, e-commerce and collecting customer information, vendor tracking devices, hacking, and data security on a web site.
IT-WD-8: Test, analyze, and identify performance issues related to publishing and maintaining web sites.
- 8.1 Identify essential issues in developing and maintaining a web site, including project management, testing, legal issues.
- 8.2 Identify strategies commonly used for managing a user's experience and improving site creativity and aesthetic qualities.
- 8.3 Explore options for publishing a web site and web hosting.
- 8.4 Identify the benefits and drawbacks of running your own web server versus using a service provider.
- 8.5 Plan and deliver oral presentations of a web site explaining the developmental process before, during, and after site completion to a potential customer.
IT-WD-9: Organize personal online career portfolio for specific career interests.
- 9.1 Review and update résumé to reflect new knowledge and skills master and additional work experience.
- 9.2 Organize folders within the portfolio to reflect specific careers of interest, including résumé, targeted cover letter, and artifacts relevant to the specific career.
- 9.3 Update all current items in the portfolio.
- 9.4 Identify and upload additional industry-appropriate artifacts reflective of mastered skills throughout this course. Write and include a reflective entry for each artifact discussing steps taken, problems encountered and how they were overcome, and other pertinent information about the learning.
- 9.5 Polish all entries in the online career portfolio to ensure accuracy and professionalism as expected from employers.
- 9.6 Conduct a job search and share the appropriate folder with the potential employer.
IT-WD-10: Explore how related student organizations are integral parts of career and technology education courses through leadership development, school and community service projects, entrepreneurship development, and competitive events.
- 10.1 Explain the goals, mission, and objectives of Future Business Leaders of America (FBLA) and/or Technology Student Association (TSA) and/or SkillsUSA.
- 10.2 Explore the impact and opportunities a student organization (FBLA, TSA, SkillsUSA) can develop to bring business and education together in a positive working relationship through innovative leadership and career development programs.
- 10.3 Explore the local, state, and national opportunities available to students through participation in related student organizations (FBLA, TSA, SkillsUSA) including but not limited to conferences, competitions, community service, philanthropy, and other student organization activities.
- 10.4 Explain how participation in career and technology education student organizations can promote lifelong responsibility for community service and professional development.
- 10.5 Explore the competitive events related to the content of this course and the required competencies, skills, and knowledge for each related event for individual, team, and chapter competitions.