High School

Digital Media Web Design 2a

0.5 Credits
18 weeks
Open
Digital Badge

Did you know that you are consuming digital media every time you open an app or use your computer or tablet? Digital media may be a webpage, video, image, podcast, form, or more. Explore how you can develop webpages that embed different media and interactivity for excellent user experience through programming languages such as HTML and CSS. Examine trends and opportunities, education requirements, student organizations, and industry certification options. It’s your turn to start designing websites and experiences for digital media consumers.

During this course, you will learn career-related skills and earn a badge for this accomplishment. A badge is a digital certification of your career-related learning that you can share on social media and higher education platforms, or with colleges, potential employers, peers, and colleagues. Select this link to learn more about badges.

Competencies

Digital Media Careers

Students will demonstrate an understanding of digital media careers by describing specialized web-related career paths and explaining the requirements for becoming a digital media professional.

Web Development

Students will demonstrate an understanding of web development by describing the process of transferring data over the internet and explaining the fundamentals of web development.

HTML

Students will demonstrate an understanding of HTML by describing foundational HTML elements and explaining the structure of webpages with HTML elements.

Cascading Style Sheets (CSS)

Students will demonstrate an understanding of Cascading Style Sheets (CSS) by explaining the process of adding CSS to HTML and describing considerations for styling text with CSS.

Multimedia

Students will demonstrate an understanding of multimedia by describing the process for adding multimedia elements to a website and explaining considerations when creating an interactive form.

Website Design

Students will demonstrate an understanding of website design by explaining design principles and describing considerations when planning a website.

Web Development Process

Students will demonstrate an understanding of the web development process by explaining the web development pre-production process, explaining the web development production process, and explaining the web development post-production process.

Work Presentations

Students will demonstrate an understanding of work presentations by describing best practices for presenting work and describing considerations when planning presentations.

Major Topics and Concepts

Unit 1: Getting Ready for a Career in Digital Media

  • Describe emerging trends in the digital media workplace
  • Identify the educational requirements, skills, and certifications needed for digital media careers
  • Explore the opportunities provided by membership in professional organizations like the Future Business Leaders of America

Unit 2: Web Development Basics

  • Describe the basic elements and networks that make up the internet
  • Explain how data is transferred from one device to another via the internet
  • Identify the most often used programming languages for creating websites and how they are used
  • List and evaluate the tools necessary for web publishing and hosting

Unit 3: Introduction to HTML

  • Describe what HTML does and how it has evolved into different versions
  • Identify the most often used HTML elements for formatting text and data on a web page
  • Identify the most often used HTML elements to format the layout and structure of a web page
  • Use HTML elements to create a basic web page and then preview it in a browser

Unit 4: Introduction to CSS

  • Describe how CSS allows for the separation of concerns in programming and briefly summarize its history
  • Articulate the basics of CSS, particularly how to manipulate fonts and colors
  • Format the style and flow of text with CSS
  • Format the style of tables and web page layout with CSS

Unit 5: Multimedia and Interactivity

  • Identify image formats used in website development and when to use each type
  • Add images to a web page using HTML and CSS
  • Embed audio and video in a web page using HTML and CSS
  • Create an interactive form using HTML and CSS

Unit 6: Designing a Website

  • Identify and apply basic design and layout principles for website development
  • Describe important trends in website design
  • Use principles of website design to create an engaging and intuitive user experience
  • Plan the design of a website using a site map and flow chart

Unit 7: The Web Development Process

  • Plan and design a website, including the creation, collection, and conversion of a variety of media files
  • Choose the optimal development tool for your skill level and circumstances and use it to create a website
  • Validate code, proofread, test, publish, and maintain a website

Course Materials

  • Word processing software
  • Slide presentation software
  • Video camera (optional)