IU Only

HTML5 and CSS: Structuring Pages Asset List

HTML5 and CSS: Structuring Pages: Pages: 16 total

Introducing the project for this title. Take a look at the starting-point and the end-point.

Learn about metadata and meta elements. This section includes setting the chraracter set for a page, page keywords and description for search engines, and the author of a page. Also includes resources for adding meaningful metadata for social media sharing.

  • Asset Path: /training/htmsp/files/pc/using-meta-tags
  • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/using-meta-tags
  • Asset System Name: using-meta-tags
  • Asset Data Definition: Page - Content Blob
  • Last modified by: jloakes
  • Asset Indexable: true
  • Asset Publishable: true
    • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
    • Last Published By: tlmason
  • Linked From:

    Learn about external style sheets and how they relate to creating consistent designs that span multiple pages. Other topics include code commenting, css resets, and css overrides.

    Learn a better way to use semantic markup for navigation. Learn how to create navigation elements to jump from one position in a page to another.

    • Asset Path: /training/htmsp/files/pc/creating-navigation
    • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/creating-navigation
    • Asset System Name: creating-navigation
    • Asset Data Definition: Page - Content Blob
    • Last modified by: jloakes
    • Asset Indexable: true
    • Asset Publishable: true
      • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
      • Last Published By: tlmason
    • Linked From:

      Create the first external style rule of this title. Explore how to hide content from view but make sure it's still available to assistive devices.

      Learn when and how to use tables to display tabular data.

      • Asset Path: /training/htmsp/files/pc/creating-tables
      • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/creating-tables
      • Asset System Name: creating-tables
      • Asset Data Definition: Page - Content Blob
      • Last modified by: jloakes
      • Asset Indexable: true
      • Asset Publishable: true
        • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
        • Last Published By: tlmason
      • Linked From:

        Transform standard list-based navigation into something more interesting with only CSS. This section introduces working with the display property to change the standard rendering behavior of an element.

        Learn how to properly nest lists in HTML.

        • Asset Path: /training/htmsp/files/pc/nesting-lists
        • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/nesting-lists
        • Asset System Name: nesting-lists
        • Asset Data Definition: Page - Content Blob
        • Last modified by: jloakes
        • Asset Indexable: true
        • Asset Publishable: true
          • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
          • Last Published By: tlmason
        • Linked From:

          Learn about pseudo-classes in CSS. This section introduces styling hyperlink states as well as introducing the :before and :after pseudo-classes.

          Learn how to use block quotes to semantically mark-up quoted content.

          • Asset Path: /training/htmsp/files/pc/using-block-quotes
          • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/using-block-quotes
          • Asset System Name: using-block-quotes
          • Asset Data Definition: Page - Content Blob
          • Last modified by: litc
          • Asset Indexable: true
          • Asset Publishable: true
            • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
            • Last Published By: tlmason
          • Linked From:

            Learn how to do basic positioning by floating. Create a two-column layout and address common issues with creating float layouts.

            • Asset Path: /training/htmsp/files/pc/positioning-with-css
            • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/positioning-with-css
            • Asset System Name: positioning-with-css
            • Asset Data Definition: Page - Content Blob
            • Last modified by: jloakes
            • Asset Indexable: true
            • Asset Publishable: true
              • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
              • Last Published By: tlmason
            • Linked From:

              Build a useful and well-structured footer. This section introduces the time and address elements and how they're used.

              Create a well-structured page header. Learn how to use shadows, CSS buttons, and background images to tell a site's story.

              Learn how to remove the horizontal scroll bar from the page. This section introduces one of many methods to remove horizontal scrollbars caused by setting an element's width to 100%.

              Test newly-acquired HTML skills in these challenge exercises. These exercises are geared toward helping translate graphical design ideas into code.

              • Asset Path: /training/htmsp/files/pc/challenge-exercises
              • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/challenge-exercises
              • Asset System Name: challenge-exercises
              • Asset Data Definition: Page - Content Blob
              • Last modified by: jloakes
              • Asset Indexable: true
              • Asset Publishable: true
                • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                • Last Published By: tlmason
              • Linked From:

                HTML5 and CSS: Structuring Pages: : 2 total

                HTML5 and CSS: Structuring Pages: Files: 0 total

                HTML5 and CSS: Structuring Pages Asset List

                HTML5 and CSS: Structuring Pages: Pages: 16 total

                Introducing the project for this title. Take a look at the starting-point and the end-point.

                Learn about metadata and meta elements. This section includes setting the chraracter set for a page, page keywords and description for search engines, and the author of a page. Also includes resources for adding meaningful metadata for social media sharing.

                • Asset Path: /training/htmsp/files/pc/using-meta-tags
                • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/using-meta-tags
                • Asset System Name: using-meta-tags
                • Asset Data Definition: Page - Content Blob
                • Last modified by: jloakes
                • Asset Indexable: true
                • Asset Publishable: true
                  • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                  • Last Published By: tlmason
                • Linked From:

                  Learn about external style sheets and how they relate to creating consistent designs that span multiple pages. Other topics include code commenting, css resets, and css overrides.

                  Learn a better way to use semantic markup for navigation. Learn how to create navigation elements to jump from one position in a page to another.

                  • Asset Path: /training/htmsp/files/pc/creating-navigation
                  • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/creating-navigation
                  • Asset System Name: creating-navigation
                  • Asset Data Definition: Page - Content Blob
                  • Last modified by: jloakes
                  • Asset Indexable: true
                  • Asset Publishable: true
                    • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                    • Last Published By: tlmason
                  • Linked From:

                    Create the first external style rule of this title. Explore how to hide content from view but make sure it's still available to assistive devices.

                    Learn when and how to use tables to display tabular data.

                    • Asset Path: /training/htmsp/files/pc/creating-tables
                    • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/creating-tables
                    • Asset System Name: creating-tables
                    • Asset Data Definition: Page - Content Blob
                    • Last modified by: jloakes
                    • Asset Indexable: true
                    • Asset Publishable: true
                      • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                      • Last Published By: tlmason
                    • Linked From:

                      Transform standard list-based navigation into something more interesting with only CSS. This section introduces working with the display property to change the standard rendering behavior of an element.

                      Learn how to properly nest lists in HTML.

                      • Asset Path: /training/htmsp/files/pc/nesting-lists
                      • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/nesting-lists
                      • Asset System Name: nesting-lists
                      • Asset Data Definition: Page - Content Blob
                      • Last modified by: jloakes
                      • Asset Indexable: true
                      • Asset Publishable: true
                        • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                        • Last Published By: tlmason
                      • Linked From:

                        Learn about pseudo-classes in CSS. This section introduces styling hyperlink states as well as introducing the :before and :after pseudo-classes.

                        Learn how to use block quotes to semantically mark-up quoted content.

                        • Asset Path: /training/htmsp/files/pc/using-block-quotes
                        • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/using-block-quotes
                        • Asset System Name: using-block-quotes
                        • Asset Data Definition: Page - Content Blob
                        • Last modified by: litc
                        • Asset Indexable: true
                        • Asset Publishable: true
                          • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                          • Last Published By: tlmason
                        • Linked From:

                          Learn how to do basic positioning by floating. Create a two-column layout and address common issues with creating float layouts.

                          • Asset Path: /training/htmsp/files/pc/positioning-with-css
                          • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/positioning-with-css
                          • Asset System Name: positioning-with-css
                          • Asset Data Definition: Page - Content Blob
                          • Last modified by: jloakes
                          • Asset Indexable: true
                          • Asset Publishable: true
                            • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                            • Last Published By: tlmason
                          • Linked From:

                            Build a useful and well-structured footer. This section introduces the time and address elements and how they're used.

                            Create a well-structured page header. Learn how to use shadows, CSS buttons, and background images to tell a site's story.

                            Learn how to remove the horizontal scroll bar from the page. This section introduces one of many methods to remove horizontal scrollbars caused by setting an element's width to 100%.

                            Test newly-acquired HTML skills in these challenge exercises. These exercises are geared toward helping translate graphical design ideas into code.

                            • Asset Path: /training/htmsp/files/pc/challenge-exercises
                            • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/challenge-exercises
                            • Asset System Name: challenge-exercises
                            • Asset Data Definition: Page - Content Blob
                            • Last modified by: jloakes
                            • Asset Indexable: true
                            • Asset Publishable: true
                              • Last Published Date: Mon Sep 19 11:16:56 EDT 2022
                              • Last Published By: tlmason
                            • Linked From:

                              HTML5 and CSS: Structuring Pages: : 2 total

                              HTML5 and CSS: Structuring Pages: Files: 0 total