IU Only

HTML5 and CSS: Structuring Pages Asset List

HTML5 and CSS: Structuring Pages: Pages: 16 total

Just a list of blobs

  • Asset Path: /training/htmsp/files/pc/index
  • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsp/files/pc/index
  • Asset System Name: index
  • Asset Data Definition: Page - Standard
  • Last modified by: tlmason
  • Asset Indexable: false
  • Asset Publishable: true
    • Last Published Date: Fri Jun 14 14:33:38 EDT 2019
    • Last Published By: tlmason
  • Linked From:

    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: Fri Jun 14 14:31:35 EDT 2019
      • 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: Fri Jun 14 14:31:35 EDT 2019
        • 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: Fri Jun 14 14:31:35 EDT 2019
          • 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: Fri Jun 14 14:31:35 EDT 2019
            • 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: Fri Jun 14 14:31:35 EDT 2019
              • 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: Fri Jun 14 14:31:35 EDT 2019
                • 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: Fri Jun 14 14:31:35 EDT 2019
                  • Last Published By: tlmason
                • Linked From:

                  HTML5 and CSS: Structuring Pages: : 2 total

                  HTML5 and CSS: Structuring Pages: Files: 0 total