We may earn an affiliate commission when you visit our partners.
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!
Read more
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!
Read more
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!
Register for this course and see more details by visiting:
OpenCourser.com/course/iis2kk/build
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
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
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
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
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.
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
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.
Web Designer
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.
UX 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.
Web 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.
Full-Stack 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.
UI 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.
Webmaster
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.
Network Administrator
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.
Information Security Analyst
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.
Software 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.
Systems Analyst
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.
Computer Programmer
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.
Database Administrator
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.
Teacher
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.
Consultant
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.
For more career information including salaries, visit:
OpenCourser.com/course/iis2kk/build
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.
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.
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.
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.
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.
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.
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.
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.
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.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/iis2kk/build
Share
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
OpenCourser.com/course/tozgha/learn
Learn Object Oriented PHP By Building a Complete Website
WordPress for Beginners
OpenCourser.com/course/4ro2mv/wordpress
WordPress for Beginners
Scrapy: Powerful Web Scraping & Crawling with Python
OpenCourser.com/course/6im42e/scrapy
Scrapy: Powerful Web Scraping & Crawling with Python
Web Design Creating websites from scratch
OpenCourser.com/course/1otrrh/web
Web Design Creating websites from scratch
Design A Newsletter with MailChimp
OpenCourser.com/course/5kzpya/design
Design A Newsletter with MailChimp
Creating Your Resume in Canva
OpenCourser.com/course/fdfgk8/creating
Creating Your Resume in Canva
WordPress for eCommerce: Build online stores with WordPress
OpenCourser.com/course/s1n784/wordpress
WordPress for eCommerce: Build online stores with...
Learn HTML and CSS together for Beginners
OpenCourser.com/course/390kn0/learn
Learn HTML and CSS together for Beginners
Mastering Wix Studio: Design a Wix Studio Website in 5 Hours
OpenCourser.com/course/igqn52/mastering
Mastering Wix Studio: Design a Wix Studio Website in 5...
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
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