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

\nThe Art of Doing - Web Development for Beginners - Organized Collectors 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 organizing the index and main pages of our \"Collectors\" project. To do so, we will use proper HTML structure and create divs with specific names such as \"header\" and \"main\". You will decide what content...\nIn this video, we will begin organizing the index and main pages of our \"Collectors\" project. To do so, we will use proper HTML structure and create divs with specific names such as \"header\" and \"main\". You will decide what content goes in each div and give them different background colors. We will also organize the main page using additional divs and minimum of two spans to style text backgrounds within paragraphs.

This clip is from the chapter \"Organized HTML\" of the series \"The Art of Doing - Web Development for Beginners\".In this section, you will learn how to structure our HTML code properly and group content together using container elements.\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:12
\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, division, 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, collectors project, original project, advanced html, head tag, pretty good, span tag, external links, text wrapper, index page, body tag, search engine, stay inside, original file, main division, main page, pokémon trader, background color, main, good, span, links, background, file, text, page, body, section, search
\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 - Organized Collectors Project - Part 1\" href=\"/subscription/new\">\"The\n\n
\n
\n
\n\n\n\n"}