{"product_id":"introduction-to-html-and-css-coding-part-2","title":"Introduction to HTML and CSS Coding Part 2","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eBuying for a team?\u003c\/strong\u003e\u003cbr\u003eChoose 5 or 10 licences to purchase access for multiple learners at a reduced per-person rate. After purchase, eBSI will contact you to confirm the learner details and arrange course access for each participant.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\u003cp\u003e\u003cstrong\u003eDevelop practical knowledge and confidence in Introduction to HTML and CSS Coding Part 2.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eStudies have shown that website design impacts how businesses are viewed, with presentation directly related to trust. With this in mind, it’s crucial for organizations to have well-designed websites.\u003c\/p\u003e\n\u003ch3\u003eWhy this course matters\u003c\/h3\u003e\n\u003cp\u003eThis course turns the subject into practical, structured learning you can apply in real business and workplace situations. It is designed to help you move beyond definitions and understand how the ideas, tools and decisions covered in the course fit together.\u003c\/p\u003e\n\u003ch3\u003eWhat you will gain\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBuild a practical understanding of the key concepts covered in Introduction to HTML and CSS Coding Part 2.\u003c\/li\u003e\n\u003cli\u003eRecognise where the topic applies in real workplace or business situations.\u003c\/li\u003e\n\u003cli\u003eApply the methods and good-practice approaches covered in the course with greater confidence.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eWho is this course for?\u003c\/h3\u003e\n\u003cp\u003eThis course is suitable for digital marketers, SME owners, entrepreneurs, sales and marketing professionals and anyone responsible for online business growth.\u003c\/p\u003e\n\u003ch3\u003eCourse at a glance\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eStudy time:\u003c\/strong\u003e approximately 2 hours.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat:\u003c\/strong\u003e self-paced online learning.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfessional development:\u003c\/strong\u003e CPD course.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eStudies have shown that website design impacts how businesses are viewed, with presentation directly related to trust. With this in mind, it’s crucial for organizations to have well-designed websites.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eThis course expands on the basics learned in Part 1, teaching additional skills that are useful for building websites.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eThese include:\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003ewhy performance and organization are important,\u003c\/li\u003e\n\u003cli\u003ehow to shape and design a website,\u003c\/li\u003e\n\u003cli\u003eresponsive web design,\u003c\/li\u003e\n\u003cli\u003eand best practices for HTML and CSS that help keep code clean and reusable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cu\u003e\u003cstrong\u003eCourse Topics:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLesson 1: Performance and Organization\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC A: Strategy and Structure\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003ePerformance\u003c\/li\u003e\n\u003cli\u003eStyle Architecture\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC B: Object-oriented CSS\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eObject-oriented CSS Methodology\u003c\/li\u003e\n\u003cli\u003eSeparating Structure from Skin\u003c\/li\u003e\n\u003cli\u003eSeparate Content from Container\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC C: Scalable and Modular Architecture for CSS\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eScalable and Modular CSS\u003c\/li\u003e\n\u003cli\u003eThe Five Core Categories\u003c\/li\u003e\n\u003cli\u003eWhich Methodology Should You Choose?\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC D: Reusable Code\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eReusing Styles\u003c\/li\u003e\n\u003cli\u003eActivity 1-4: Writing Reusable Code\u003c\/li\u003e\n\u003cli\u003eSummary\u003c\/li\u003e\n\u003cli\u003eReview Questions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLesson 2: HTML: How to Position Content\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC A: Review\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eCommon Terms\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC B: Positioning Content with Floats\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003ePositioning with Floats\u003c\/li\u003e\n\u003cli\u003eLayout without Floats\u003c\/li\u003e\n\u003cli\u003eThree-Column Layout with Floats\u003c\/li\u003e\n\u003cli\u003eClearing Floats\u003c\/li\u003e\n\u003cli\u003eActivity 2-2: Combining Two and Three Column Layouts\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC C: Positioning with Inline-Block\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003ePositioning with Inline-Block\u003c\/li\u003e\n\u003cli\u003eActivity 2-3: Creating Columns with Inline-Block\u003c\/li\u003e\n\u003cli\u003eSummary\u003c\/li\u003e\n\u003cli\u003eReview Questions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLesson 3: Complex Selectors\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC A: Commonly Used Selectors\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eType Selector\u003c\/li\u003e\n\u003cli\u003eClass Selectors\u003c\/li\u003e\n\u003cli\u003eID Selectors\u003c\/li\u003e\n\u003cli\u003eChild Selectors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC B: Attribute Selectors\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eAttribute Present Selector\u003c\/li\u003e\n\u003cli\u003eAttribute Equals Selector\u003c\/li\u003e\n\u003cli\u003eAttribute Contains Selector\u003c\/li\u003e\n\u003cli\u003eAttribute Begins or Ends with Selector\u003c\/li\u003e\n\u003cli\u003ePseudo-Classes\u003c\/li\u003e\n\u003cli\u003eActivity 3-2: Using Selectors\u003c\/li\u003e\n\u003cli\u003eSummary\u003c\/li\u003e\n\u003cli\u003eReview Questions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLesson 4: Responsive Web Design\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC A: Flexible Layouts\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eFlexible Layout\u003c\/li\u003e\n\u003cli\u003eFlexible Grid\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC B: Media Queries\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eUsing Media Queries\u003c\/li\u003e\n\u003cli\u003eLogical Operators in Media Queries\u003c\/li\u003e\n\u003cli\u003eActivity 4-2: Using Dynamic Widths and Media Queries\u003c\/li\u003e\n\u003cli\u003eSummary\u003c\/li\u003e\n\u003cli\u003eReview Questions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLesson 5: Writing Your Best Code\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC A: HTML Coding Practices\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eStandards-Compliant Markup\u003c\/li\u003e\n\u003cli\u003eUse of Semantic Elements\u003c\/li\u003e\n\u003cli\u003eUse of Proper Document Structure\u003c\/li\u003e\n\u003cli\u003eKeep Syntax Organized\u003c\/li\u003e\n\u003cli\u003eActivity 5-1: Applying Best Practices for HTML\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTOPIC B: CSS Coding Practices\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\u003cli\u003eOrganizing Code with Comments\u003c\/li\u003e\n\u003cli\u003eWriting CSS Using Multiple Lines and Spaces\u003c\/li\u003e\n\u003cli\u003eUse Proper Class Names\u003c\/li\u003e\n\u003cli\u003eUse Shorthanded Properties and Values\u003c\/li\u003e\n\u003cli\u003eActivity 5-2: Applying Best Practices for CSS\u003c\/li\u003e\n\u003cli\u003eSummary\u003c\/li\u003e\n\u003cli\u003eReview Questions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\u003ch3\u003eContinue your learning\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePart of this learning pathway:\u003c\/strong\u003e \u003ca href=\"\/collections\/internet-marketing\"\u003eInternet Marketing\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLearners also take:\u003c\/strong\u003e \u003ca href=\"\/products\/introduction-to-html-and-css-coding-part-1\"\u003eIntroduction to HTML and CSS Coding Part 1\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\u003cp\u003e\u003cstrong\u003eCourse pathway:\u003c\/strong\u003e \u003ca href=\"\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eeBSI Digital Marketing Academy\u003c\/a\u003e \u0026gt; \u003ca href=\"\/collections\/internet-marketing\"\u003eInternet Marketing\u003c\/a\u003e \u0026gt; Introduction to HTML and CSS Coding Part 2\u003c\/p\u003e\n\u003cp\u003eExplore more \u003ca href=\"\/collections\/internet-marketing\"\u003eInternet Marketing\u003c\/a\u003e training or return to the \u003ca href=\"\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eeBSI Digital Marketing Academy\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Individual Licence (EUR 40)","offer_id":41822207017138,"sku":"VS-055","price":44.0,"currency_code":"USD","in_stock":true},{"title":"5 Licences (EUR 35 each)","offer_id":59260649505116,"sku":null,"price":193.0,"currency_code":"USD","in_stock":true},{"title":"10 Licences (EUR 30 each)","offer_id":59260649537884,"sku":null,"price":330.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart2.png?v=1649036622","url":"https:\/\/www.ebsiamericas.com\/products\/introduction-to-html-and-css-coding-part-2","provider":"eBSI Export Academy","version":"1.0","type":"link"}