OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Course image
Course image
Coursera logo

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

What's inside

Syllabus

Project Overview
Here you will describe what the project is about. It should give an overview of what the learner will achieve by completing this project.

Good to know

Know what's good
, what to watch for
, 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

Save Build Your Portfolio Website with HTML and CSS to your list so you can find it easily later:
Save

Reviews summary

Build a web portfolio with html and css

Learners say this course is largely positive, with excellent guided projects that teach HTML and CSS basics. Many people found the engaging assignments and clear explanations helpful, especially for beginners. However, a few learners mentioned that the course was too basic or that they experienced technical difficulties.
Clear and knowledgeable
"The instructor is great and clear with his instructions."
"I really like the instructor, he explains things well and makes them simple and clear without being too simple to the point of being boring or condescending."
"Instructor was engaging and clear in explaining concepts"
Interactive and hands-on
"The opportunity of doing the course using a remote desktop took it to the next level."
"The way in which the instructor drove the project is really good."
"The course has a good structure. It is very useful to work with an instructor simultaneously and follow his steps, it makes it easier to retain the information after the course. Thank you!"
"I'll highly recommend this guided-project for beginners to gain the fundamental knowledge quick.The instructor was so good and his explanations were very much clear and understandable."
Great for beginners
"Excellent course for beginners Those who're learning HTML, CSS."
"Quick, fun and well explained. If you are interested in an introduction to HTML and CSS or just want to face the challenge of putting a personal portfolio online, dont miss it!"
"This course is really helpful if you want to learn html and css."
"The best-guided project here on Coursera. Perfect for a beginner. Loved-it!"
May be too basic for some
"This was so simple, any 6th grade child coud have done it."
"Its too fast..As A non IT or computer engineering guy unable to catch up."
"Didnt grab much in this course since Id say Im an advanced leaner. But it will be quite interesting for a beginner."
Some users reported connectivity problems
"Rhyme was not working with a good connectivity sometime."
"The issue of shared spacetime needs to be resolved for future candidates."
"The course was great but...there were times when the internet was cut, but the timer would still run and hence it ran out before I could finish."
"The cloud system is such a waste. it did not connect until the completion of my project videos"

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
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
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
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
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
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
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
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:
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
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
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
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
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
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
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
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
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
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
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
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
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

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.
Cover image
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
$$
Cover image
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.
Css3
Paperback
Check
Css3
Kindle Edition
Check
Cover image
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
$$$
Cover image
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
$$
Cover image
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
$
Cover image
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.
CSS Secrets
Paperback
Check
CSS Secrets
Kindle Edition
Check
Cover image
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
$$
[JavaScript and jQuery: Interactive Front-End Web...
Unknown Binding
$$$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Here are nine courses similar to Build Your Portfolio Website with HTML and CSS.
Learn Object Oriented PHP By Building a Complete Website
WordPress for Beginners
Scrapy: Powerful Web Scraping & Crawling with Python
Web Design Creating websites from scratch
Design A Newsletter with MailChimp
Creating Your Resume in Canva
WordPress for eCommerce: Build online stores with...
Learn HTML and CSS together for Beginners
Mastering Wix Studio: Design a Wix Studio Website in 5...
Course image
Effort
90 minutes
Level
Introductory
Via
Coursera
Institution
Coursera Project Network
Instructor
Harrison Kong
Language
English
Good to know
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
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser