Create the website
- Introduction
- Base HTML and File Structure
- Lecture 3: Hero Image
- Lecture 4: Call-to-action content
- Lecture 5: Social Media Links
- Lecture 6: Body Content
- Lecture 7: Icon Grid
- Final Touches
What you'll learn
- Structure a website with HTML
- Apply styling to website components with CSS
- Combine both HTML and CSS to construct a mobile friendly website
- Key standards and naming conventions for HTML and CSS code
- Learn common design patterns and call-to-action components in UI/UX
Description
When starting out as a web developer, one of the most valuable and rewarding milestones is to create a fully complete website that looks and feels good. Watching and reading tutorials are great for learning new things, but completing a project is key to taking your learning to another level.
In this course you'll be learning how to create a single page website (or micro-site) from scratch using the following technologies:
HTML5
CSS3
Icon Library
Fonts
Block Element Modifier (BEM) CSS naming convention
This course is perfect for people who have a beginner to intermediate level of experience in web development or web design. The website which we'll be creating is going to feature various different web design elements, including:
a hero image
call-to-action components
social media links
icon grid
body content
footer
On top of that, this website will be mobile-friendly, making it compatible with a wide range of devices including both iPhone and Android phones.
Not only will you learn how to create the above components but you'll also learn how to harness the power of HTML and CSS from a technical perspective in which you can then apply that knowledge into other aspects of web development.
Upon completing this course you'll know how to build a website like this for a small business, or even your own personal portfolio.
The University of Sheffield
Other Courses
Master the Forex Markets in 2024 - Basic Level 1
Level up your trading game and grasp the foundations of the FX market like a pro in 2024, with our Level 1 course.
Single Stroke 7 | Beginner Rudiments | Drum Beats & Fills
Take bland rudiments and breath life into them. Take a drum lesson journey unlike any other!
How to Hire a Virtual Assistant
A first-timer's guide to hiring a VA. Free up your time, save your sanity, and focus on what's most important.
Online Arbitrage Beginner To Full Time - Amazon FBA Training
Online Arbitrage Guide: Everything that you need to know to go from a complete beginner to a full time Amazon FBA seller
About the instructors
- 4.52 Calificación
- 1433 Estudiantes
- 3 Cursos
Domenic Corso
Full Stack Web Developer
I'm a full stack web developer from Australia with a passion for software development and teaching people how to code.
I started coding when I was 15 years old and have been loving it ever since. Since then, my focus has been developing software for the web.
My area of expertise is HTML, CSS, JavaScript, OOP, SQL and various other web development technologies.
Student feedback
4.45
Course Rating
Reviews
Jac D
16-01-2024
This is an awesome course for backend developers who want a quick crash course on how to quickly throw together great-looking components and anybody looking to build decent HTML and CSS foundation knowledge.
Giovanni Talarico
27-12-2023
No CSS file in Resources and could not follow along with the video. Missing the whole CSS setup?
Vijaykumar Arjunan
02-12-2023
Great Great work.
Abu Bakar
30-11-2023
His way of teaching is awesome. He tells about a single point. He has an ability to convay his message in a a proper way.