Digital Media Web Design 2A: Build a Portfolio Website
Career Pathway Course Units
Unit 1: Getting Ready for a Career in Digital Media
In this unit, you’ll learn about the digital media workplace with a focus on careers in web design and development. It’s important to start thinking about careers now because there are things you can do—like working toward certifications or joining student organizations—that will be a huge benefit when you’re applying for college or a job. If you approach your study of digital media with an eye to the future, you’ll be more engaged and motivated, and when you graduate, you’ll have a sense of direction and some ideas of what steps to take to begin your career.
Unit 2: Web Development Basics
Before you can begin the process of creating a website, you need to know a few basics, which is what we’ll cover in this unit. We begin with a description of the devices and networks that make up the internet and an explanation of how data travels from one place to the next. We’ll also cover the web development languages and tools you’ll need to know about in order to effectively plan, create, publish, and host a website.
Unit 3: Introduction to HTML
Our goal is to eventually create an engaging website. To accomplish this, we’ll begin the process of learning how to write code in HTML. We’ll start with learning about the required HTML elements that must appear at the top and bottom of every HTML document, and then we’ll analyze how to format text and data on the page using tags for headings, paragraphs, lists, tables, breaks, links, and images. We’ll also briefly cover the layout tags for headers, navigation, sections, asides, and footers. By the end of the unit, you’ll write your first page of HTML and preview it with a browser.
Unit 4: Introduction to CSS
It’s important to understand the basics of how to use CSS in conjunction with HTML to create stylish web pages. We’ll begin with a brief history of CSS and the reasons it needed to be created as a partner to HTML and then learn some of the most often used CSS rules for styling web page elements, including how to style font, how to handle the positioning of text elements, how to style a table, and how to create a simple web page layout.
Unit 5: Multimedia & Interactivity
Once you understand the basics of how HTML and CSS work together to create a web page, the next step is learning how to make the pages more dynamic. As a web developer, you want to create pages that appeal to your users, and the contemporary web audience expects an interactive multimedia experience. Let’s take some time to walk through how to write the code to create web pages that include images, audio, video, and interactive forms.
Unit 6: Designing a Website
Knowing how to write the code to create elements in a website is the first step to becoming a web developer, but before you can create stunning sites, you also need to learn some basic principles of website layout and design. Without knowing the rules of web design—like simplicity, usability, intuitiveness, and interactivity—it’s difficult to put together a site that is appealing to your users. Web design is not a static concept. Because the web is always evolving, web design evolves too. As a digital media professional, it’s part of your job to stay on top of how the rules evolve.
Unit 7: The Web Development Process
You may have heard the saying “Rome wasn’t built in a day.” It’s a reference to the fact that if you’re building something big and complex, you can’t do it quickly. That is the case with developing a website: it takes some time, and you need to follow a process. It’s best to break the web development process into three stages: pre-production (planning), production (creating the site), and post-production (testing and maintaining the site).