Web Design Creating websites from scratch from Udemy

Everything you need to know to build a website from scratch.

Learn how to use HTML and CSS to make websites from scratch. This course covers the fundamentals on how to use HTML and CSS together to build websites.

Learn how to identify different core containers within your web design and then build your HTML code prepping it for styling.

Start by planning your website, what do you want it to look like. This is the guide to develop your HTML coding by using this blueprint to build the HTML structure. Use HTML to create the initial website structure.

Apply CSS to customise the way the website is rendered in visitors browsers. Explore CSS and how to style your website. Add placeholder content and images to get the feel of you websites. Build out a navigation menu, style your navbar. Create content sections, style them in modern website styling. Add styling to your headers and footers to make them stand out. Setup you content area separate your content sections, including setting up a sidebar. Improve your website, with special tweaks and updates fine tuning your source code. Then use CSS to make it responsive.

Add jQuery to dynamic added functionality. Adding event triggers and customised interactions. Detect current URL and set the active class on your navbar.

Source Code is included
Top Resources and links used to create websites
HD quality video
Step by step instruction
taught by an instructor with over 16 years industry experience
quick forum response
ready to answer any questions you may have

Develop a solid foundation in web development, this course is designed to get you creating your own websites. Explore how to make websites.

Upon successful completion of this course students will have a solid foundation in the core principles of web design and web development.

What's inside

Learning objectives

Build websites using html css
Know how to add jquery for advanced functionality

Create web design workflow for creating a website
Create multiple page websites from scratch

Build websites using html css
Know how to add jquery for advanced functionality
Create web design workflow for creating a website
Create multiple page websites from scratch

Syllabus

find out about resources and learn how to setup to begin creating a website

Website from scratch introduction

Course Resources web design

Website Planning wireframe design

Coding HTML and CSS to create webpage structure

Create parent elements HTML structure

Add resources and dummy placeholder content

Apply Styling to HTML top level elements

Navbar setup and styling

Creating a content wrapper

Creating a header

Source Code HTML and CSS

Setting up sections sidebar and footer

CSS tweaks and fixes

Add media queries make it responsive

Add additional media queries

Source Code Media Queries

Setup responsive navbar

Setup menu for toggle of class

add jQuery to website to event triggers

Add jQuery event trigger

jQuery source code

Setting classes on the fly

Page Tweaks and options

Source Code with jQuery

tips to complete website

Create additional pages for website

update contact form

Practice tips and resources

Source Code for Project

Course Resources

Bonus Section

Bonus Lecture

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops beginner web development skills, which are desirable for starting a career in technology

Promotes the use of jQuery, which while popular, may require additional study for advanced applications

Provides access to source code and top resources, facilitating the learning process

Teaches basic web design workflow, which is useful for understanding the development process

May require additional study for advanced techniques and technologies

Covers responsive design, an essential skill for modern web development

Reviews summary

Beginner-friendly web development

According to students, this beginner-friendly web design course is great at teaching website creation from scratch. Learners report that they found it easy to follow and that the materials are well-organized. While not explicitly mentioned, hands-on experience is likely included in this course based on reviews that mention the creation of websites.

The materials in the course are well-organized.

"It was a good course for me as I learnt a lot."

You will create a website as part of this course.

"It was a good course for me as I learnt a lot."

Course is accessible for those new to web design.

"It was a good course for me as I learnt a lot."

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 Web Design Creating websites from scratch with these activities:

Refresh HTML and CSS Fundamentals

Show steps

Strengthen your grasp of HTML and CSS fundamentals to enhance your web development capabilities.

Browse courses on HTML

Show steps

Review HTML and CSS tutorials and documentation
Practice writing HTML and CSS code to reinforce your understanding

Compile a Glossary of Web Development Terms

Show steps

Expand your understanding of web development terminology by creating a comprehensive glossary.

Show steps

Gather and define relevant web development terms from various sources
Organize the terms alphabetically or by category in your glossary

Form a Study Group with Peers

Show steps

Collaborate with peers in a study group to reinforce concepts, share knowledge, and support each other's learning.

Show steps

Identify and invite interested peers to form a study group
Establish a regular meeting schedule and agenda for your study sessions
Engage in group discussions, problem-solving, and knowledge-sharing activities

Four other activities

Expand to see all activities and additional details

Show all seven activities

Attend a Web Development Workshop

Show steps

Participate in a workshop to enhance your web development skills, gain hands-on experience, and connect with professionals in the field.

Browse courses on Web Development

Show steps

Research and identify relevant web development workshops
Register for a workshop that aligns with your learning goals
Actively participate in the workshop, asking questions and engaging with the instructors and attendees

CSS Flexbox Exercises

Show steps

Sharpen your CSS Flexbox skills through targeted exercises, improving your layout and design proficiency.

Browse courses on CSS Flexbox

Show steps

Complete the CSS Flexbox exercises provided
Experiment with different Flexbox properties to gain a deeper understanding of their effects

Participate in a Web Design Competition

Show steps

Challenge yourself in a web design competition to showcase your skills, receive feedback, and learn from others in the community.

Browse courses on Web Design

Show steps

Identify and register for a suitable web design competition
Design and develop your website submission according to the competition requirements
Submit your website for evaluation and feedback

Design and Create a Static Website Landing Page

Show steps

Apply your HTML and CSS knowledge to create a functional and visually appealing landing page, showcasing your design and development abilities.

Show steps

Plan the layout and design of your landing page
Code the landing page using HTML and CSS
Test and refine your landing page for optimal functionality and appearance

Career center

Learners who complete Web Design Creating websites from scratch will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers are responsible for the design and development of websites and web applications. They work closely with designers and other developers to create websites that are both visually appealing and functional. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for Web Developers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Web Developer.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-End Developers are responsible for the design and implementation of the user interface of a website or web application. They work with designers and other developers to create websites that are both visually appealing and functional. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for Front-End Developers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Front-End Developer.

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

Web Designer

Web Designers are responsible for the visual design of websites and web applications. They work with developers to create websites that are both visually appealing and functional. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for Web Designers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Web Designer.

See salaries and explore the career path for Web Designer

UX Designer

UX Designers are responsible for the user experience of websites and web applications. They work with designers and other developers to create websites that are both visually appealing and functional. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for UX Designers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful UX Designer.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers are responsible for the visual design of websites and web applications. They work with developers to create websites that are both visually appealing and functional. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for UI Designers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful UI Designer.

See salaries and explore the career path for UI Designer

Project Manager

Project Managers are responsible for the planning, execution, and delivery of projects. They work with teams of people to achieve project goals. This course provides a solid foundation in web design, which is an essential skill for Project Managers. It also covers the basics of planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Project Manager.

See salaries and explore the career path for Project Manager

Product Manager

Product Managers are responsible for the development and launch of new products. They work with engineers, designers, and marketers to create products that meet the needs of customers. This course provides a solid foundation in web design, which is an essential skill for Product Managers. It also covers the basics of planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Product Manager.

See salaries and explore the career path for Product Manager

Technical Writer

Technical Writers are responsible for creating and maintaining technical documentation. They work with engineers, designers, and other stakeholders to create documentation that is accurate, clear, and concise. This course provides a solid foundation in web design, which is an essential skill for Technical Writers. It also covers the basics of planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Technical Writer.

See salaries and explore the career path for Technical Writer

Business Analyst

Business Analysts are responsible for analyzing and understanding the needs of businesses. They work with stakeholders to define and document business requirements. This course provides a solid foundation in web design, which is an essential skill for Business Analysts. It also covers the basics of planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Business Analyst.

See salaries and explore the career path for Business Analyst

Information Architect

Information Architects are responsible for designing and organizing the structure and content of websites and web applications. They work with designers, developers, and other stakeholders to create websites that are easy to use and navigate. This course provides a solid foundation in web design, which is an essential skill for Information Architects. It also covers the basics of planning, wireframing, and coding. Taking this course can help you build the skills you need to be a successful Information Architect.

See salaries and explore the career path for Information Architect

Software Developer

Software Developers are responsible for the design, development, and maintenance of software applications. They work with engineers, designers, and other stakeholders to create software applications that are reliable, efficient, and user-friendly. This course provides a solid foundation in HTML, CSS, and jQuery, which are essential skills for Software Developers. It also covers the basics of web design, including planning, wireframing, and coding. Taking this course may help you build the skills you need to be a successful Software Developer.

See salaries and explore the career path for Software Developer

Database Administrator

Database Administrators are responsible for the design, maintenance, and performance of databases. They work with engineers, designers, and other stakeholders to create and maintain databases that are efficient, reliable, and secure. This course provides a solid foundation in web design, which may be an essential skill for Database Administrators. It also covers the basics of planning, wireframing, and coding. Taking this course may help you build the skills you need to be a successful Database Administrator.

See salaries and explore the career path for Database Administrator

Computer Support Specialist

Computer Support Specialists are responsible for providing technical support to users of computers and other electronic devices. They work with users to resolve technical issues and provide training on new software and hardware. This course provides a solid foundation in web design, which may be an essential skill for Computer Support Specialists. It also covers the basics of planning, wireframing, and coding. Taking this course may help you build the skills you need to be a successful Computer Support Specialist.

See salaries and explore the career path for Computer Support Specialist

Quality Assurance Analyst

Quality Assurance Analysts are responsible for testing and evaluating software applications. They work with engineers, designers, and other stakeholders to identify and fix bugs and defects. This course provides a solid foundation in web design, which may be an essential skill for Quality Assurance Analysts. It also covers the basics of planning, wireframing, and coding. Taking this course may help you build the skills you need to be a successful Quality Assurance Analyst.

See salaries and explore the career path for Quality Assurance Analyst

Systems Analyst

Systems Analysts are responsible for analyzing and designing computer systems. They work with engineers, designers, and other stakeholders to create systems that are efficient, reliable, and cost-effective. This course provides a solid foundation in web design, which may be an essential skill for Systems Analysts. It also covers the basics of planning, wireframing, and coding. Taking this course may help you build the skills you need to be a successful Systems Analyst.

See salaries and explore the career path for Systems Analyst