Build Your Portfolio Website with HTML and CSS

1,650 ratings
Offered By
Coursera Project Network
27,531 already enrolled
In this Guided Project, you will:

Understand the infrastructure of hosting a website and web browsing

Understand how to create web page contents with HTML (hypertext markup language)

Understand how to customize the format of web page contents with CSS (cascading style sheets)

Clock90 minutes
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

This 1-hour long project will take you step by step to create a portfolio website. You will learn the basic components of a website, and how to create simple contents using HTML (hypertext markup language) and CSS (cascading style sheets), and how to host it on a popular developer website called “GitHub” with your own subdomain name! By the end of the project, you will be hosting a website that you can use to showcase your work and your résumé to the world!

Skills you will develop

Cascading Style Sheets (CCS)HtmlWeb DesignWebsitesWeb Page

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. UI introduction and finished product preview.

  2. Learn how web browsing works and what HTML is.

  3. Use HTML to specify headings and paragraphs.

  4. Use HTML to specify images, small text and horizontal lines.

  5. Use HTML to add hyperlinks.

  6. Learn what CSS is and use it to control margins, background colours, text colours.

  7. Use CSS to control fonts, text alignments, hyperlink colours.

  8. Enhance your website to make it look more professional, device-friendly and ready for search engines such as Google.

  9. Upload your files to Github and make your website live to the world!

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step




View all reviews

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.