web design for everybody capstone week 1 assignment

Your browser is ancient! Upgrade to a different browser to experience this site.

Web Design for Everybody: Basics of Web Development & Coding

Description.

This Specialization covers the basics of how web pages are created – from writing syntactically correct HTML and CSS to adding JavaScript to create an interactive experience. While building your skills in these topics you will create websites that work seamlessly on mobile, tablet, and large screen browsers. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.

U-M Credit Eligible

Instructors.

Charles Severance

Clinical Professor, School of Information

School of Information

Colleen Van Lent

Courses (5)

Introduction to HTML5

Introduction to CSS3

Interactivity with JavaScript

Advanced Styling with Responsive Design

Web Design for Everybody Capstone

Know someone who would like this course? Share it with them!

Share on Facebook

Share on Twitter

Share on LinkedIn

Discover the Top 75 Free Courses for August

Udemy Announces Layoffs Without Saying ‘Layoffs’

Udemy’s latest ‘Strategic Business Update’ uses corporate euphemisms to signal job cuts while pivoting to enterprise clients.

• 10 Best Free Programming Courses for 2024
• 7 Best Reverse Engineering Courses for 2024
• 10 Best Organic Chemistry Courses for 2024
• 10 Best Applied AI & ML Courses for 2024
• 7 Best Sketch Courses for 2024

600 Free Google Certifications

Most common

• project management
• cyber security

Popular subjects

Graphic Design

Digital Marketing

Communication Skills

Popular courses

The Bible's Prehistory, Purpose, and Political Future

De-Mystifying Mindfulness

Paleontology: Theropod Dinosaurs and the Origin of Birds

Organize and share your learning with Class Central Lists.

View our Lists Showcase

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Web Design for Everybody Capstone

University of Michigan via Coursera Help

This course may be unavailable.

The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course. Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.

Colleen Van Lent

• united states

Related Courses

Advanced styling with responsive design, web design for everybody: basics of web development & coding, introduction to html5, introduction to css3, interactivity with javascript, related articles, 5 best web development courses, 1700 coursera courses that are still completely free, 250 top free coursera courses of all time, massive list of mooc-based microcredentials.

Select rating

Start your review of Web Design for Everybody Capstone

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Web Design for Everybody

Basics of web development & coding, eric ellingboe portfolio, web design for everyone capstone.

This capstone course is meant to build on the previous 4 courses to have the student build a professional web portfolio. The ability to design and implement a responsive site while adhering to validation and accessibility standards is a requirement. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.

Website Design Technique

Choosing a Process

• Design it from scratch.
• Design using a template.
• Design using a framework.

Wireframing the Design

The first assignment was to create a wireframe for the site. The design sketches created for your site need to show at least two views with a mobile first design scheme. The wireframes were not to utilize color, font, styling etc. but layout, including navigation and possibly content.

Coding and Validating the HTML5

• The code is expected to be semantically correct.
• The code also must to validate using the W3 Validator and the WAVE tool.

Styling with CSS3

This shows the final website. It meets the requirements for validation, responsive design, and styling. The site also includes the 4 unique requirements based on things learned in the previous courses. The 4 items are the image gallary, the image slider, more than 2 responsive screen sizes, and a hamburger flyout menu at the mobile size. Though much of these were based on previously developed code, they all required code changes to work on this site.

Grading and Certification

My grade for this course Web Design for Everyone Capstone is:

100% with 100% on the project

• For Individuals
• For Businesses
• For Universities
• For Governments
• Online Degrees
• Find your New Career
• Join for Free

Web Design for Everybody Capstone

This course is part of Web Design for Everybody: Basics of Web Development & Coding Specialization

Instructors: Colleen van Lent, Ph.D. +1 more

Instructors

Instructor ratings.

We asked all learners to give feedback on our instructors based on the quality of their teaching style.

Financial aid available

61,664 already enrolled

(1,632 reviews)

What you'll learn

Create a series of wireframes for your site or portfolio.

Implement concepts from this series that demonstrate the ability to apply web design theory or practice.

Skills you'll gain

• Cascading Style Sheets (CSS)

Details to know

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Build your subject-matter expertise

• Learn new concepts from industry experts
• Gain a foundational understanding of a subject or tool
• Develop job-relevant skills with hands-on projects
• Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 6 modules in this course

The capstone will develop a higher-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.

Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.

Week One: Introduction

Welcome to the Web Design for Everyone Capstone!!! It really is my intention to make sure that everyone who completes this capstone will have a product they are proud of. The challenge is that "everyone" is actually a very diverse group of people, each person coming in with different skill sets and interests. So in this course you will pick from one of three portfolio options to complete. The goal of this approach is to help students self-select into appropriate peer groups.

What's included

2 videos 11 readings 1 peer review 2 discussion prompts

2 videos • Total 12 minutes

• Welcome • 6 minutes • Preview module
• Portfolio Options • 5 minutes

11 readings • Total 150 minutes

• Course Syllabus • 10 minutes
• Important FAQs • 5 minutes
• Pre-Course Survey • 5 minutes
• Portfolio Objectives • 10 minutes
• Portfolio Requirements • 10 minutes
• Portfolio Grading Rubric • 10 minutes
• Option 1: Building your site from scratch • 10 minutes
• Option 2: Building your site from a template • 10 minutes
• Option 3: Building your site using a framework • 10 minutes
• Week one questions and answers • 60 minutes
• Extra Resources • 10 minutes

1 peer review • Total 20 minutes

• OPTIONAL - Introduce Yourself • 20 minutes

2 discussion prompts • Total 10 minutes

• Are you thinking of using a template? • 5 minutes
• Are you considering using a framework? • 5 minutes

Week Two: Design Phase

Students will submit wireframes for a multi-part online portfolio. The topic of your site is your choice, but you will be expected to fulfill a small checklist of requirements with respect to the amount of proposed content and the variety of HTML5 tags. Emphasis will be on ability to demonstrate mobile-first paradigm design.

5 readings 3 peer reviews 1 app item 1 discussion prompt

5 readings • Total 104 minutes

• Review wireframes and design sketches • 14 minutes
• Week two questions and answers • 60 minutes
• Create a wireframe • 10 minutes
• Submitting and reviewing the design sketches • 10 minutes
• Notice for auditing learners • 10 minutes

3 peer reviews • Total 360 minutes

• Option 1: Design Sketch demo for a site coded from scratch • 120 minutes
• Option 2: Design Sketch demo for a site coded from a template • 120 minutes
• Option 3: Design Sketch demo for a site coded using a framework • 120 minutes

1 app item • Total 10 minutes

• Optional assignment submission for auditing learners • 10 minutes

1 discussion prompt • Total 10 minutes

• What is the topic for your portfolio? • 10 minutes

Week Three: Review and Preparation Phase

This week you will continue to review your fellow students designs. Feedback will be based on layout, proposed content, and accessibility. The goal is that these peer reviews will inspire you to attempt something more on your site (or provide the feedback that lets you know you may want to scale down your own expectations.) You will begin to create the content of your site as you wait for the reviews of your project to be created.

8 videos 6 readings 1 discussion prompt

8 videos • Total 52 minutes

• Using the W3 Validator • 6 minutes • Preview module
• Using the WAVE Tool • 6 minutes
• Utilizing Developer Tools • 5 minutes
• Sticky Footers • 10 minutes
• Embedding a Google Calendar • 5 minutes
• Using Bootstrap to Add a Carousel • 7 minutes
• Adding a Lightbox Plugin • 5 minutes
• Font Awesome • 5 minutes

6 readings • Total 110 minutes

• Preparing your Images • 10 minutes
• Resources • 10 minutes
• WebAIM quick reference • 10 minutes
• The Safari Web Inspector Guide • 10 minutes
• Firefox Developer Tools • 10 minutes
• Week three questions and answers • 60 minutes
• What "extras" are you thinking about? • 10 minutes

Week Four: Coding Phase

Using the feedback you received from other capstone participants you will begin to style your portfolio. At the end of Week Five you will have the opportunity to submit your intermediate work for review.

1 reading 1 discussion prompt

1 reading • Total 60 minutes

• Week four questions and answers • 60 minutes
• Where are you hosting your site? • 10 minutes

Week Five: Validation and Review Phase

This week you will validate and test your site. You will write a summary of the results and explain (if necessary) why you needed to violate any coding conventions.

5 readings • Total 92 minutes

• Why Validate? • 10 minutes
• Creating a screen capture video (Optional) • 10 minutes
• Week five questions and answers • 60 minutes
• Submitting and reviewing in-progress projects • 10 minutes
• Notice for auditing learners • 2 minutes

3 peer reviews • Total 180 minutes

• Option 1: Demo your portfolio (coded from scratch) • 60 minutes
• Option 2: Demo your portfolio (designed from a template) • 60 minutes
• Option 3: Demo your portfolio (designed using a framework) • 60 minutes
• Validation Issues?? Put them here! • 10 minutes

Week Six: Revise and Submit Phase

We will conclude with a period of peer-review and modifications to your site. By the end of this week you will have a unique, responsive, accessible portfolio. Congratulations!!

1 video 4 readings 3 peer reviews 1 app item

1 video • Total 3 minutes

• Congratulations! • 3 minutes • Preview module

4 readings • Total 82 minutes

• Week six questions and answers • 60 minutes
• Post-Course Survey • 10 minutes
• Option 1: Demo you portfolio (designed from scratch) • 120 minutes
• Option 2: Demo your portfolio (designed from a template) • 120 minutes
• Option 3: Demo your portfolio (designed using a framework) • 120 minutes

The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.

Recommended if you're interested in Mobile and Web Development

Google Cloud

BigQuery: Qwik Start - Command Line

University of Michigan

Advanced Styling with Responsive Design

Building Transformations and Preparing Data with Wrangler in Cloud Data Fusion

Interactivity with JavaScript

Why people choose coursera for their career.

Learner reviews

Showing 3 of 1632

1,632 reviews

Reviewed on Nov 13, 2016

Great course ...thanks to Professor DR. Van Lent and her team. I have learned a lot about Responsive Web Design and the need to take accessibility into account when undertaking web design.

Reviewed on Jul 10, 2020

Thank you so much for providing this course. I feel so confident to know I can design a website and understand other people's code. I am grateful and thank you so much.

Reviewed on Jun 14, 2024

Of all the courses I've taken to date around web development this one by far is the best. It's the perfect specialization to learn the big 3 front-end coding languages HTML, CSS and JavaScript.

New to Mobile and Web Development? Start here.

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions

When will i have access to the lectures and assignments.

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.

The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

What is the refund policy?

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy Opens in a new tab .

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

More questions

Web Design for Everybody Capstone

• From www.coursera.org
• Free Access
• Fee-based Certificate
• 6 Sequences
• Introductive Level

Their employees are learning daily with

Course details.

• Week 1 - Week One: Introduction Welcome to the Web Design for Everyone Capstone!!! It really is my intention to make sure that everyone who completes this capstone will have a product they are proud of. The challenge is that "everyone" is actually a very diverse group of people, each pers...
• Week 2 - Week Two: Design Phase Students will submit wireframes for a multi-part online portfolio. The topic of your site is your choice, but you will be expected to fulfill a small checklist of requirements with respect to the amount of proposed content and the variety of HTML5 tags. Emph...
• Week 3 - Week Three: Review and Preparation Phase This week you will continue to review your fellow students designs. Feedback will be based on layout, proposed content, and accessibility. The goal is that these peer reviews will inspire you to attempt something more on your site (or provide the feedback th...
• Week 4 - Week Four: Coding Phase Using the feedback you received from other capstone participants you will begin to style your portfolio. At the end of Week Five you will have the opportunity to submit your intermediate work for review.
• Week 5 - Week Five: Validation and Review Phase This week you will validate and test your site. You will write a summary of the results and explain (if necessary) why you needed to violate any coding conventions.
• Week 6 - Week Six: Revise and Submit Phase We will conclude with a period of peer-review and modifications to your site. By the end of this week you will have a unique, responsive, accessible portfolio. Congratulations!!

Prerequisite

Instructors.

Colleen van Lent, Ph.D. Lecturer School of Information

Charles Severance Associate Professor School of Information

The University of Michigan (UM, UMich or simply Michigan) is a public research university located in Ann Arbor, Michigan, in the United States. Founded in 1817, the university is Michigan's oldest and largest.

The mission of the University of Michigan is to serve the people of Michigan and the world by taking a leadership role in creating, communicating, preserving, and applying academic knowledge, art, and values, and by developing leaders and citizens who will challenge the present and enrich the future.

Coursera is a digital company offering massive open online course founded by computer teachers Andrew Ng and Daphne Koller Stanford University, located in Mountain View, California. 

Coursera works with top universities and organizations to make some of their courses available online, and offers courses in many subjects, including: physics, engineering, humanities, medicine, biology, social sciences, mathematics, business, computer science, digital marketing, data science, and other subjects.

Get certified in

Manage cookies

In this window you can switch the placement of cookies on and off. Only the Functional Cookies cannot be switched off. Your cookies preferences will be stored for 9 months, after which they will be set to default again. You can always manage your preferences and revoke your marketing consent via the Cookie Statement page in the lower left corner of the website.

Like you, we love to learn. That is why we and third parties we work with, use functional and analytical cookies (and comparable techniques) to improve your experience. By accepting all cookies you allow us to place cookies for marketing purposes too, in line with our Privacy Policy . These allow us to track your surfing behavior on and outside of Springest so we and third parties can adapt our website, advertisements and communication to you. Find more information and manage your preferences via the Cookie statement .

check Accept all Cookies

cancel Reject optional Cookies

settings Manage cookies

Web Design for Everybody Capstone

• Price completeness: This price is complete, there are no hidden additional costs.

Need more information? Get more details on the site of the provider.

Description

When you enroll for courses through Coursera you get to choose for a paid plan or for a free plan . 

• Free plan: No certicification and/or audit only. You will have access to all course materials except graded items.
• Paid plan:  Commit to earning a Certificate—it's a trusted, shareable way to showcase your new skills.

About this course: The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course. Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the …

Read the complete description

Frequently asked questions

There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service .

Didn't find what you were looking for? See also: Web Design , Web Accessibility , JavaScript & AJAX , Two Dimensional Design (2D Design) , and Web Analytics .

About this course: The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course. Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.

Taught by:   Colleen van Lent, Ph.D., Lecturer

Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.

Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.

Earn official recognition for your work, and share your success with friends, colleagues, and employers.

• Reading: Special Announcement for New Capstone Students
• Video: Welcome
• Reading: Important FAQs
• Discussion Prompt: Students from earlier cohort - READ ME
• Reading: Help us learn more about you!
• Reading: Portfolio Objectives
• Reading: Portfolio Requirements
• Video: Portfolio Options
• Reading: Building your site from scratch
• Reading: Building your site from a template
• Reading: Building your site using a framework
• Reading: Portfolio Grading Rubric
• Reading: Previous Week One Office Hours
• Reading: Extra Resources
• Discussion Prompt: Template sources
• Discussion Prompt: Framework options
• LTI Item: Introduce yourself
• Reading: Wireframes/Design Sketches
• Discussion Prompt: What is the topic for your portfolio?
• Reading: Previous Week Two Office Hours
• Reading: Assessing the Design Sketches
• Reading: Previous Week Three Office Hours
• Video: Using the W3 Validator
• Video: Using the WAVE Tool
• Reading: WebAIM quick reference
• Reading: OPTIONAL: Recent article on accessibility
• Video: Utilizing Developer Tools
• Reading: The Safari Web Inspector Guide
• Reading: Firefox Developer Tools
• Video: Sticky Footers
• Video: Embedding a Google Calendar
• Video: Using Bootstrap to Add a Carousel
• Video: Adding a Lightbox Plugin
• Video: Font Awesome
• Reading: Preparing your Images
• Video: Setting Up a Byethost Account
• Video: Uploading Files to Your Account using Byethost
• Reading: Working "locally"
• Discussion Prompt: Hosting Options
• Reading: Previous Week Four Office Hours
• Reading: Previous Week Five Office Hours
• Reading: Why Validate?
• Reading: (Optional) Creating a screen capture video
• Discussion Prompt: Validation Issues?? Put them here!
• LTI Item: Demo your portfolio (coded from scratch)
• LTI Item: Demo your portfolio (designed from a template)
• LTI Item: Demo your portfolio (designed using a framework)
• Reading: Previous Week Six Office Hours
• Video: Congratulations
• Reading: Post-Course Survey
• View related products with reviews: Web Design , Web Accessibility , and JavaScript & AJAX .

Share your review

• Privacy Policy
• Cookie statement
• Your reference ID is: X8L9F
• The Netherlands
• United Kingdom

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

Peer-graded-Assignment:Final-Project.html

Latest commit, file metadata and controls.