LANTEC Logo
BACK
Lantec | Course: Introduction to HTML and CSS Coding

Introduction to HTML and CSS Coding

$700.00
2 days
Audience
Prerequisites
Outline
Share
Print

Description:

Today’s digital marketplace enables companies to use a variety of methods to better connect with their customers, most notably through the use of websites. A well-designed website provides customers with easily accessible information about the company, details on how to find or contact them, and the ability to make purchases and place orders. Businesses large and small can benefit from a website that will help drive traffic to their brand and reach more customers than ever before. The basis of many webpages is the HTML and CSS computer programming languages, which are used to build and style the content of a webpage. Learning how to use these languages is an important step to creating your own well-designed webpages.

Day 1 is intended as an introduction to HTML and CSS computer programming languages. We will first cover the basics of these languages, then continue to explore various ways to use these languages to create an effective and well-designed webpage.

Day 2 builds on what was learned in Part 1, providing more knowledge about how to build a website. The course teaches why performance and organization are important, along with how to position content for a website on any given page.

OUTLINE:

DAY 1

Lesson 1: Getting Started with HTML

  • Topic A: HTML Basics
  • Topic B: Basic Webpage Elements
  • Topic C: Creating Lists

Lesson 2: Doing More with HTML

  • Topic A: Images in HTML
  • Topic B: Links in HTML
  • Topic C: Tables in HTML

Lesson 3: Getting Started with CSS

  • Topic A: Basics of CSS
  • Topic B: CSS Color
  • Topic C: Using Additional CSS Indentifiers

Lesson 4: Styling Text with CSS

  • Topic A: Font Families
  • Topic B: Font Size
  • Topic C: More CSS Text Properties
  • Topic D: Font Shorthand

Lesson 5: Extended Styling Techniques with HTML and CSS

  • Topic A: Grouping Elements
  • Topic B: Div Dimensions
  • Topic C: The CSS Box Model
DAY 2

Lesson 1: Performance and Organization

  • Topic A: Strategy and Structure
  • Topic B: Object-oriented CSS
  • Topic C: Scalable and Modular Architecture for CSS
  • Topic D: Resuable Code

Lesson 2: HTML: How to Position Content

  • Topic A: Review
  • Topic B: Positioning Content with Floats
  • Topic C: Positioning with Inline-Block

Lesson 3: Complex Selectors

  • Topic A: Commonly Used Selectors
  • Topic B: Attribute Selectors

Lesson 4: Responsive Web Design

  • Topic A: Flexible Layouts
  • Topic B: Media Queries

Lesson 5: Writing Your Best Code

  • Topic A: HTML Coding Practices
  • Topic B: CSS Coding Practices

Scheduled Courses

Feb 24, 2025
vILT (Virtual)
Enroll
{
  "Params": {
    "source": "Event",
    "layout": "List for Course Detail Page",
    "filterby": "Course",
    "filtervalue": "9372",
    "sortby": "EventDateStart",
    "sortorder": "ASC",
    "limit": "9999",
    "enablepagination": "false",
    "emptymessage": "
This course isn't currently on the schedule, but we can add it.  Just let us know.
",
    "object": "collection",
    "type": "module"
  },
  "Pagination": {
    "CurrentPage": 0,
    "ItemsPerPage": 0,
    "NumberOfPages": 0,
    "TotalItemsCount": 0
  },
  "Parent": {
    "Id": 9372,
    "Name": "Introduction to HTML and CSS Coding",
    "Url": "/course/introduction-to-html-and-css-coding-1",
    "Url_List": [
      "/course/introduction-to-html-and-css-coding-1"
    ],
    "UrlSlug": "introduction-to-html-and-css-coding-1",
    "ParentId": 5934,
    "ParentId_List": [
      -1
    ],
    "ParentName": "",
    "ParentUrl": "",
    "TemplateName": "",
    "Module_Alias": "Course",
    "Module_ID": 5934,
    "Enabled": true,
    "ReleaseDate": "2019-02-19T01:00:00",
    "ExpiryDate": "9999-01-01T01:00:00",
    "SiteSearchKeywords": [],
    "Description": "\n
Description:
\n
 Today’s digital marketplace enables companies to use a variety of methods to better connect with their customers, most notably through the use of websites.\n    A well-designed website provides customers with easily accessible information about the company, details on how to find or contact them, and the ability\n    to make purchases and place orders. Businesses large and small can benefit from a website that will help drive traffic to their brand and reach more\n    customers than ever before. The basis of many webpages is the HTML and CSS computer programming languages, which are used to build and style the content\n    of a webpage. Learning how to use these languages is an important step to creating your own well-designed webpages.
\n
\n    Day 1 is intended as an introduction to HTML and CSS computer programming languages. We will first cover the basics of these languages, then continue to\n    explore various ways to use these languages to create an effective and well-designed webpage.
\n
 Day 2 builds on what was learned in Part 1, providing more knowledge about how to build a website. The course teaches why performance and organization\n    are important, along with how to position content for a website on any given page.
\n
OUTLINE:
 DAY 1\n
Lesson 1: Getting Started with HTML
\n
    \n    
  • Topic A: HTML Basics
    • \n    
  • Topic B: Basic Webpage Elements
    • \n    
  • Topic C: Creating Lists 
    • \n
\n
Lesson 2: Doing More with HTML
\n
    \n    
  • Topic A: Images in HTML
    • \n    
  • Topic B: Links in HTML
    • \n    
  • Topic C: Tables in HTML
    • \n
\n
Lesson 3: Getting Started with CSS
\n
    \n    
  • Topic A: Basics of CSS
    • \n    
  • Topic B: CSS Color
    • \n    
  • Topic C: Using Additional CSS Indentifiers
    • \n
\n
Lesson 4: Styling Text with CSS
\n
    \n    
  • Topic A: Font Families
    • \n    
  • Topic B: Font Size
    • \n    
  • Topic C: More CSS Text Properties
    • \n    
  • Topic D: Font Shorthand
    • \n
\n
Lesson 5: Extended Styling Techniques with HTML and CSS
\n
    \n    
  • Topic A: Grouping Elements
    • \n    
  • Topic B: Div Dimensions
    • \n    
  • Topic C: The CSS Box Model
    • \n
 DAY 2\n
Lesson 1: Performance and Organization
\n
    \n    
  • Topic A: Strategy and Structure
    • \n    
  • Topic B: Object-oriented CSS
    • \n    
  • Topic C: Scalable and Modular Architecture for CSS
    • \n    
  • Topic D: Resuable Code
    • \n
\n
Lesson 2: HTML: How to Position Content
\n
    \n    
  • Topic A: Review
    • \n    
  • Topic B: Positioning Content with Floats
    • \n    
  • Topic C: Positioning with Inline-Block
    • \n
\n
Lesson 3: Complex Selectors
\n
    \n    
  • Topic A: Commonly Used Selectors
    • \n    
  • Topic B: Attribute Selectors
    • \n
\n
Lesson 4: Responsive Web Design
\n
    \n    
  • Topic A: Flexible Layouts
    • \n    
  • Topic B: Media Queries
    • \n
\n
Lesson 5: Writing Your Best Code
\n
    \n    
  • Topic A: HTML Coding Practices
    • \n    
  • Topic B: CSS Coding Practices
    • \n
",
    "Weighting": 0,
    "DisableForSiteSearch": false,
    "CreatedByMemberId": "0",
    "ItemCategories": [
      "Courses",
      "Courses/Courses-Application",
      "Courses/Courses-Application/Web Design"
    ],
    "ItemCategoryIdList": [
      8548,
      8587,
      8588
    ],
    "ItemTags": [],
    "Author": 0,
    "Author_Name": "",
    "Author_Url": "",
    "Item_Rating": 0,
    "CourseTitle": "Introduction to HTML and CSS Coding",
    "CourseFiles": "/Introduction to HTML and CSS Coding Outline.pdf?downloadable=1",
    "CourseFilesTitle": "Outline",
    "Intro": "Businesses large and small can benefit from a website that will help drive traffic to their brand and reach more customers than ever before. The basis of many webpages is the HTML and CSS computer programming languages, which are used to build and style the content of a webpage. Learning how to use these languages is an important step to creating your own well-designed webpages. ",
    "Days": "2",
    "Prerequisites": "Student should be familiar with Windows or Mac operating systems, word processing skills and the Internet.",
    "Audience": "This course is ideal for those who create basic websites, edit and manipulate HTML code and manage style sheets.",
    "Cost": "$700.00",
    "GoogleAnalyticsCode": "",
    "Popular": false,
    "Photo": "",
    "Disclaimer": "",
    "ShowPageForSearchEngine": true,
    "MetaTitle": "Lantec | Course: Introduction to HTML and CSS Coding",
    "SEOTitle": "Lantec | Course: Introduction to HTML and CSS Coding",
    "MetaDescription": "Businesses large and small can benefit from a website that will help drive traffic to their brand and reach more customers than ever before. The basis of many webpages is the HTML and CSS computer programming languages, which are used to build and style the content of a webpage. Learning how to use these languages is an important step to creating your own well-designed webpages. ",
    "CanonicalLink": "",
    "SocialMetaTags": "",
    "SeoPriority": 0.0,
    "EnableAMP": false,
    "AMPContent": "",
    "OpenGraphProperties": {
      "title": "",
      "type": "",
      "url": "",
      "locale": "",
      "image": ""
    },
    "ExternalId": 9372,
    "Params": {
      "type": "snippet",
      "alias": "_template_header",
      "name": "_Template - Header",
      "content": "
\r\n    
\r\n        
\r\n            
\r\n               
\r\n                    
{% component type: \"menu\", alias: \"social_menu\", layoutGroup: \"Default\" %}
\r\n                    
\r\n                        
\r\n                            
\r\n                                {% component type: \"menu\", alias: \"utility_menu\", layoutGroup: \"Default\" %} \r\n                            
\r\n                        
\r\n                    
\r\n                
\r\n            
\r\n        
\r\n    
\r\n    
\r\n          
\r\n               
\r\n                    \"LANTEC\r\n               
\r\n               
\r\n                    
\r\n                         
 \r\n                            {% component type:\"menu\", alias: \"main_menu\", layoutGroup: \"Default\" %}\r\n                        
\r\n                    
\r\n               
\r\n          
\r\n     
\r\n
\r\n
\r\n    
\"LANTEC
\r\n    \r\n
\r\n
\r\n    \r\n        {% assign brcr = \"BACK\"  %}\r\n    \r\n\t
\r\n\t    BACK\r\n\t
\r\n
",
      "enabled": true
    }
  },
  "Items": [
    {
      "Id": 24969,
      "Name": "Introduction to HTML and CSS Coding - VILT - 022425",
      "Url": "/event/introduction-to-html-and-css-coding-vilt-022425",
      "Url_List": [
        "/event/introduction-to-html-and-css-coding-vilt-022425"
      ],
      "UrlSlug": "introduction-to-html-and-css-coding-vilt-022425",
      "ParentId": 1827,
      "ParentId_List": [
        -1
      ],
      "ParentName": "",
      "ParentUrl": "",
      "TemplateName": "",
      "Module_Alias": "Event",
      "Module_ID": 1827,
      "Enabled": true,
      "ReleaseDate": "2024-12-12T00:00:00",
      "ExpiryDate": "2025-02-24T11:25:00",
      "SiteSearchKeywords": [],
      "Description": "",
      "Weighting": 0,
      "DisableForSiteSearch": false,
      "SKUCode": "06dde395-7e93-48cc-acde-4923a6cc0343",
      "Price": 0.0,
      "PriceHtml": "0.00",
      "priceWithTax": 0.0,
      "priceWithTaxHtml": "0.00",
      "RecommendedPrice": 0.0,
      "RecommendedPriceHtml": "0.00",
      "RecommendedPriceWithTax": 0.0,
      "RecommendedPriceWithTaxHtml": "0.00",
      "HideWhenFull": false,
      "AllowMultipleSubscriptionPerEmail": false,
      "Capacity": 20,
      "Allocation": 0,
      "EventDateStart": "2025-02-24T08:00:00",
      "EventDateEnd": "2025-02-25T17:00:00",
      "taxRate": 0.0,
      "VolumeDiscount": [
        {
          "Price": 0.0,
          "Quantity": 0
        }
      ],
      "CreatedByMemberId": "0",
      "ItemCategories": [],
      "ItemCategoryIdList": [],
      "ItemTags": [],
      "Author": 0,
      "Author_Name": "",
      "Author_Url": "",
      "Item_Rating": 0,
      "Course": 9372,
      "Course_Name": "Introduction to HTML and CSS Coding",
      "Course_Url": "/course/introduction-to-html-and-css-coding-1",
      "Location": "vILT",
      "ShowPageForSearchEngine": true,
      "MetaTitle": "",
      "SEOTitle": "",
      "MetaDescription": "",
      "CanonicalLink": "",
      "SocialMetaTags": "",
      "SeoPriority": 0.5,
      "EnableAMP": false,
      "AMPContent": "",
      "OpenGraphProperties": {
        "title": null,
        "type": null,
        "url": null,
        "locale": null,
        "image": null
      },
      "ExternalId": 0,
      "Params": {}
    }
  ]
}

Need to Request This Course On a Different Day?

LANTEC is very responsive to local client needs and unique or custom class demands. If you require a delivery date option for a class title on our schedule, please submit your specific request for immediate consideration. We can often accommodate countless additional courses NOT available on our public schedules, please inquire for personal assistance.
Want to schedule it?


"I'd like to thank LANTEC and our presenter, Juan Andricain for a useful and clearly delivered presentation/training workshop."