{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nThe Art of Doing - Web Development for Beginners - Store Front Project - Part 1\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nIn this video, we will begin working on the store front project by focusing on the index page. We will create the structure and layout of the page using HTML and then move on to styling it with CSS. We will define five custom colors to...\nIn this video, we will begin working on the store front project by focusing on the index page. We will create the structure and layout of the page using HTML and then move on to styling it with CSS. We will define five custom colors to use throughout the project and apply them using the appropriate CSS properties.

This clip is from the chapter \"CSS Basics\" of the series \"The Art of Doing - Web Development for Beginners\".In this section, you will learn how to style HTML elements using CSS. We will start by understanding how to write CSS rules, select elements using CSS selectors, and defining the element's width, font-size, and other properties.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
16:46
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2023
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
html, javascript, size, color
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
web development, css, responsive web design, web design principles, user experience (ux) design, web development tools, front-end development, web design projects, pet emporium, pet store, style sheet, nav tag, completely transparent, main tag, main info, pretty good, font size, parent container, image tag, small image, medium image, large image, secondary info, body tag, list items, main content, head back, bit bigger, background color, main page, text color, image classes, page content, image, background, content
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: The Art of Doing - Web Development for Beginners - Store Front Project - Part 1\" href=\"/subscription/new\">\"The\n\n
\n
\n
\n\n\n\n"}