Sorry, this page is no longer available

We may earn an affiliate commission when you visit our partners.

Build Your Portfolio Website with HTML and CSS

Harrison Kong

This 1-hour long tutorial 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 tutorial, you will be hosting a website that you can use to showcase your work and your résumé to the world!

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Two deals to help you save

Save money when you learn. Here are two deals and offers that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until July 14

Coursera Plus Annual

Work toward what's next for your career with access to 10,000+ programs. Discover emerging skills and save.

Valid until August 30

Google AI App Builder

Learn how to use Gemini API and API Studio with a three-course series from Google DeepMind

What's inside

Syllabus

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Teaches essential building blocks of web development, which are core skills for web developers

Project-based learning allows learners to apply knowledge

Covers foundational web development concepts relevant to industry

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

Quick portfolio website for beginners

According to students, this course is an excellent starting point for anyone looking to quickly build a simple portfolio website using HTML and CSS. Learners particularly praise its clear, step-by-step instructions and the hands-on project approach, making it highly effective for absolute beginners with no prior coding experience. The section on hosting the site on GitHub Pages is frequently highlighted as invaluable. While widely considered a quick and practical guide, some suggest it's very basic and may lack depth for those with existing web development knowledge or a desire for advanced CSS styling. Overall, it serves as a strong, concise introduction.

Serves as a foundation, but advanced topics require additional learning.

"I had to look up a few things myself to fully grasp certain concepts."

"I wish there were more resources or next steps suggested for further learning after completing the portfolio."

"It's a solid introduction, but not enough depth for me to truly build comprehensive skills."

A short, efficient tutorial for rapid skill acquisition.

"It's short, sweet, and to the point. I now have a functional website!"

"A good introductory course. For a 1-hour course, it delivered what it promised."

"I completed it quickly and feel confident with what I learned."

Valuable guidance on deploying the portfolio site to GitHub Pages.

"The GitHub hosting part was surprisingly easy to follow."

"The instructions on hosting were especially helpful, as that seemed daunting before."

"Deploying to GitHub Pages was invaluable, I completed it quickly and feel confident."

Emphasizes hands-on coding to create a functional website.

"A good introductory course. It covers the basics well and I appreciated the hands-on project approach."

"Exactly what I needed! A quick and practical guide to get my portfolio online."

"The hands-on coding and projects are the strongest part of the course for me."

Provides a clear and accessible introduction to web development.

"This course is fantastic for absolute beginners! I had no prior coding experience and now I have a basic portfolio site up."

"As someone completely new to web development, this course was a godsend. It's short, sweet, and to the point."

"Highly recommended for absolute beginners. I found the course to be very well-structured and easy to follow."

Focuses on functionality rather than advanced aesthetic design.

"I wish there was more depth on CSS styling beyond the very basics."

"The design aspect was very limited, so don't expect to create a visually stunning site just from this."

"The explanation of some CSS concepts was a bit superficial."

Too simplistic and lacks depth for learners beyond absolute beginners.

"If you already know some HTML/CSS, this will be too simplistic and not challenging enough."

"This course just scratches the surface and felt more like a quick demo than a learning experience."

"The content was a bit too elementary for anyone even slightly familiar with web development."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Build Your Portfolio Website with HTML and CSS with these activities:

Review HTML and CSS basics

Show steps

Review the fundamental concepts of HTML and CSS to strengthen your understanding of web development.

Browse courses on HTML

Show steps

Revisit the course материалы.
Complete online quizzes and exercises.
Build a simple web page to practice your HTML and CSS skills.

GitHub tutorials

Show steps

Learn the basics of using GitHub to host your website and manage your code.

Browse courses on GitHub

Show steps

Watch the official GitHub video tutorials.
Follow along with the step-by-step guide in the course materials.
Create a GitHub account and upload your website files.

Website critique group

Show steps

Join a group of fellow students to critique each other's websites and provide constructive feedback.

Browse courses on Peer Review

Show steps

Find a group of students to participate in the critique group.
Share your website with the group and receive feedback.
Provide feedback to other students' websites.

Four other activities

Expand to see all activities and additional details

Show all seven activities

HTML and CSS exercises

Show steps

Practice writing HTML and CSS code to build interactive elements and style your website.

Browse courses on HTML

Show steps

Complete the exercises provided in the course materials.
Find additional coding challenges online.
Build a simple web page from scratch using HTML and CSS.

Website development workshop

Show steps

Attend a workshop to learn advanced techniques for building and optimizing websites.

Browse courses on Website Development

Show steps

Find a website development workshop that aligns with your learning goals.
Register for the workshop and attend all sessions.
Apply the skills you learn to your own website projects.

Website optimization exercises

Show steps

Practice techniques for optimizing your website for search engines and improving its performance.

Browse courses on Website Optimization

Show steps

Complete the exercises provided in the course materials.
Analyze your website's performance using Google Analytics.
Implement recommended optimization techniques.

Website design portfolio

Show steps

Create a portfolio of your website design work to showcase your skills and attract potential clients.

Browse courses on Portfolio

Show steps

Gather your best website design projects.
Create a website or online portfolio to display your work.
Optimize your portfolio for search engines and social media.

Career center

Learners who complete Build Your Portfolio Website with HTML and CSS will develop knowledge and skills that may be useful to these careers:

Web Designer

A Web Designer is someone who creates and maintains websites. They are responsible for the layout, design, and functionality of a website. This course can help you learn the basics of HTML and CSS, which are the two most important languages for web design. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Web Designer

Front-End Developer

A Front-End Developer is responsible for the user interface and functionality of a website. They work with designers to create and implement the visual elements of a website, and they also work with back-end developers to ensure that the website is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are the two most important languages for front-end development. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Front-End Developer

UX Designer

A UX Designer is responsible for the user experience of a website or app. They work to ensure that the website is easy to use, navigate, and understand. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for UX design. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for the visual design of a website or app. They work to create a visually appealing and consistent user interface. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for UI design. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for UI Designer

Full-Stack Developer

A Full-Stack Developer is responsible for both the front-end and back-end of a website or app. They work with designers to create and implement the visual elements of a website, and they also work with back-end developers to ensure that the website is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for full-stack development. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Full-Stack Developer

Web Developer

A Web Developer is responsible for the development and maintenance of websites. They work with designers to create and implement the visual elements of a website, and they also work with back-end developers to ensure that the website is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for web development. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Web Developer

Software Developer

A Software Developer is responsible for the development and maintenance of software applications. They work with designers to create and implement the visual elements of an application, and they also work with back-end developers to ensure that the application is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for software development. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Software Developer

Computer Programmer

A Computer Programmer is responsible for the development and maintenance of computer programs. They work with designers to create and implement the visual elements of a program, and they also work with back-end developers to ensure that the program is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for computer programming. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Computer Programmer

Database Administrator

A Database Administrator is responsible for the management and maintenance of databases. They work with designers to create and implement the visual elements of a database, and they also work with back-end developers to ensure that the database is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for database administration. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Database Administrator

Systems Analyst

A Systems Analyst is responsible for the analysis and design of computer systems. They work with designers to create and implement the visual elements of a system, and they also work with back-end developers to ensure that the system is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for systems analysis. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Systems Analyst

Network Administrator

A Network Administrator is responsible for the management and maintenance of computer networks. They work with designers to create and implement the visual elements of a network, and they also work with back-end developers to ensure that the network is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for network administration. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Network Administrator

Information Security Analyst

An Information Security Analyst is responsible for the security of computer systems and networks. They work with designers to create and implement the visual elements of a security system, and they also work with back-end developers to ensure that the system is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for information security. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Information Security Analyst

Webmaster

A Webmaster is responsible for the management and maintenance of websites. They work with designers to create and implement the visual elements of a website, and they also work with back-end developers to ensure that the website is functional and easy to use. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for webmasters. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Webmaster

Consultant

A Consultant is responsible for providing advice and guidance to clients on a variety of topics. They work with clients to identify their needs and develop solutions to their problems. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for consultants. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Consultant

Teacher

A Teacher is responsible for teaching students a variety of subjects. They work with students to help them learn and grow. This course can help you learn the basics of HTML and CSS, which are two of the most important languages for teachers. With this knowledge, you can create your own portfolio website to showcase your work and skills.

See salaries and explore the career path for Teacher

Reading list

We've selected eight books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Build Your Portfolio Website with HTML and CSS.

Web Design with HTML, CSS, JavaScript and jQuery Set

Save

Provides a comprehensive overview of HTML and CSS, covering the basics of web design and development. It valuable resource for beginners who want to learn the fundamentals of web development.

Web Design with HTML, CSS, JavaScript and jQuery Set

Paperback

Css3

Save

Comprehensive guide to CSS, covering advanced topics such as CSS3 and responsive design. It valuable resource for experienced web developers who want to improve their CSS skills.

Front-End Back-End Development with HTML, CSS,...

Save

Set provides a comprehensive overview of web design, covering the basics of HTML, CSS, JavaScript, and jQuery. It valuable resource for beginners who want to learn the fundamentals of web development.

Front-End Back-End Development with HTML, CSS,...

Hardcover

$$$

How JavaScript Works

Save

Provides a comprehensive overview of JavaScript, covering the basics of the language. It valuable resource for beginners who want to learn the fundamentals of JavaScript.

How JavaScript Works

Kindle Edition

Responsive web design

Save

Provides a comprehensive overview of responsive web design, covering the basics of HTML5 and CSS3. It valuable resource for beginners who want to learn the fundamentals of responsive web design.

Responsive Web Design: Second Edition

Paperback

(Français) Responsive web design: N° 4

Paperback

Responsive Web Design: Second Edition

Kindle Edition

CSS Secrets

Save

Provides a comprehensive overview of CSS, covering advanced topics such as CSS3 and responsive design. It valuable resource for experienced web developers who want to improve their CSS skills.

Responsive Web Design with HTML5 and CSS

Save

Provides a comprehensive overview of responsive web design, covering the basics of HTML5 and CSS3. It valuable resource for beginners who want to learn the fundamentals of responsive web design.

Responsive Web Design with HTML5 and CSS - Fourth...

Paperback

Responsive Web Design with HTML5 and CSS: Develop...

Paperback

Responsive Web Design with HTML5 and CSS: Build...

Kindle Edition

Responsive Web Design with HTML5 and CSS: Develop...

Kindle Edition

JavaScript and JQuery

Save

Provides a comprehensive overview of JavaScript and jQuery, covering the basics of front-end web development. It valuable resource for beginners who want to learn the fundamentals of JavaScript and jQuery.

JavaScript and jQuery: Interactive Front-End Web...

Paperback

Web Design with HTML, CSS, JavaScript and jQuery Set

Paperback

Front-End Back-End Development with HTML, CSS,...

Paperback

$$$

(Deutsch) JavaScript & jQuery (German Edition)

Paperback

$$$

JavaScript & jQuery interactive Web front-end...

Paperback