IU Only

HTML5 and CSS: Creating Style for the Web Asset List

HTML5 and CSS: Creating Style for the Web: Pages: 13 total

Learn the scope of this title and see examples of the starting and finishing sites.

Explore the concepts related to mobile-first design and responsive sites. Learn how these concepts are used to create modern web designs.

Learn the basic syntax of a media query, how media queries relate to the CSS inheritance model, and how to implement media queries to target various screen sizes.

  • Asset Path: /training/htmsw/files/pc/using-media-queries
  • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-media-queries
  • Asset System Name: using-media-queries
  • Asset Data Definition: Page - Content Blob
  • Last modified by: litc
  • Asset Indexable: true
  • Asset Publishable: true
    • Last Published Date: Thu Mar 05 17:13:49 EST 2020
    • Last Published By: tlmason
  • Linked From:

    Learn about the positioning properties and how they effect normal document flow. Practice positioning content in a demonstration file to gain a deeper understanding of how the positioning values work.

    Learn about grid systems, the concepts behind them, and the basics of using them to design for the web.

    • Asset Path: /training/htmsw/files/pc/creating-a-grid-system
    • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-a-grid-system
    • Asset System Name: creating-a-grid-system
    • Asset Data Definition: Page - Content Blob
    • Last modified by: jloakes
    • Asset Indexable: true
    • Asset Publishable: true
      • Last Published Date: Thu Mar 05 17:13:49 EST 2020
      • Last Published By: tlmason
    • Linked From:

      Create page layouts with the grid system built in the previous section, "Creating a Grid System."

      • Asset Path: /training/htmsw/files/pc/using-a-grid-system
      • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-a-grid-system
      • Asset System Name: using-a-grid-system
      • Asset Data Definition: Page - Content Blob
      • Last modified by: jloakes
      • Asset Indexable: true
      • Asset Publishable: true
        • Last Published Date: Thu Mar 05 17:13:49 EST 2020
        • Last Published By: tlmason
      • Linked From:

        Test grid skills by formatting the footer of the site.

        Learn about how to embed custom web fonts via a font repository and by using standalone web font files.

        • Asset Path: /training/htmsw/files/pc/using-web-fonts
        • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-web-fonts
        • Asset System Name: using-web-fonts
        • Asset Data Definition: Page - Content Blob
        • Last modified by: tlmason
        • Asset Indexable: true
        • Asset Publishable: true
          • Last Published Date: Thu Mar 05 17:13:49 EST 2020
          • Last Published By: tlmason
        • Linked From:

          Embed video to a page using HTML5 video elements.

          • Asset Path: /training/htmsw/files/pc/embedding-html5-video
          • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/embedding-html5-video
          • Asset System Name: embedding-html5-video
          • Asset Data Definition: Page - Content Blob
          • Last modified by: litc
          • Asset Indexable: true
          • Asset Publishable: true
            • Last Published Date: Thu Mar 05 17:13:49 EST 2020
            • Last Published By: tlmason
          • Linked From:

            Learn how to create preformatted text and code.

            Learn techniques for adding more sophisticated structure to tables. For large data sets, load the header and footer of a table first, then allow the table to expand while the rest of the data is loaded.

            • Asset Path: /training/htmsw/files/pc/refining-tables
            • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/refining-tables
            • Asset System Name: refining-tables
            • Asset Data Definition: Page - Content Blob
            • Last modified by: litc
            • Asset Indexable: true
            • Asset Publishable: true
              • Last Published Date: Thu Mar 05 17:13:49 EST 2020
              • Last Published By: tlmason
            • Linked From:

              Get some more grid practice by completing this exercise.

              HTML5 and CSS: Creating Style for the Web: : 2 total

              HTML5 and CSS: Creating Style for the Web: Files: 0 total

              HTML5 and CSS: Creating Style for the Web Asset List

              HTML5 and CSS: Creating Style for the Web: Pages: 13 total

              Learn the scope of this title and see examples of the starting and finishing sites.

              Explore the concepts related to mobile-first design and responsive sites. Learn how these concepts are used to create modern web designs.

              Learn the basic syntax of a media query, how media queries relate to the CSS inheritance model, and how to implement media queries to target various screen sizes.

              • Asset Path: /training/htmsw/files/pc/using-media-queries
              • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-media-queries
              • Asset System Name: using-media-queries
              • Asset Data Definition: Page - Content Blob
              • Last modified by: litc
              • Asset Indexable: true
              • Asset Publishable: true
                • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                • Last Published By: tlmason
              • Linked From:

                Learn about the positioning properties and how they effect normal document flow. Practice positioning content in a demonstration file to gain a deeper understanding of how the positioning values work.

                Learn about grid systems, the concepts behind them, and the basics of using them to design for the web.

                • Asset Path: /training/htmsw/files/pc/creating-a-grid-system
                • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-a-grid-system
                • Asset System Name: creating-a-grid-system
                • Asset Data Definition: Page - Content Blob
                • Last modified by: jloakes
                • Asset Indexable: true
                • Asset Publishable: true
                  • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                  • Last Published By: tlmason
                • Linked From:

                  Create page layouts with the grid system built in the previous section, "Creating a Grid System."

                  • Asset Path: /training/htmsw/files/pc/using-a-grid-system
                  • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-a-grid-system
                  • Asset System Name: using-a-grid-system
                  • Asset Data Definition: Page - Content Blob
                  • Last modified by: jloakes
                  • Asset Indexable: true
                  • Asset Publishable: true
                    • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                    • Last Published By: tlmason
                  • Linked From:

                    Test grid skills by formatting the footer of the site.

                    Learn about how to embed custom web fonts via a font repository and by using standalone web font files.

                    • Asset Path: /training/htmsw/files/pc/using-web-fonts
                    • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/using-web-fonts
                    • Asset System Name: using-web-fonts
                    • Asset Data Definition: Page - Content Blob
                    • Last modified by: tlmason
                    • Asset Indexable: true
                    • Asset Publishable: true
                      • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                      • Last Published By: tlmason
                    • Linked From:

                      Embed video to a page using HTML5 video elements.

                      • Asset Path: /training/htmsw/files/pc/embedding-html5-video
                      • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/embedding-html5-video
                      • Asset System Name: embedding-html5-video
                      • Asset Data Definition: Page - Content Blob
                      • Last modified by: litc
                      • Asset Indexable: true
                      • Asset Publishable: true
                        • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                        • Last Published By: tlmason
                      • Linked From:

                        Learn how to create preformatted text and code.

                        Learn techniques for adding more sophisticated structure to tables. For large data sets, load the header and footer of a table first, then allow the table to expand while the rest of the data is loaded.

                        • Asset Path: /training/htmsw/files/pc/refining-tables
                        • Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/refining-tables
                        • Asset System Name: refining-tables
                        • Asset Data Definition: Page - Content Blob
                        • Last modified by: litc
                        • Asset Indexable: true
                        • Asset Publishable: true
                          • Last Published Date: Thu Mar 05 17:13:49 EST 2020
                          • Last Published By: tlmason
                        • Linked From:

                          Get some more grid practice by completing this exercise.

                          HTML5 and CSS: Creating Style for the Web: : 2 total

                          HTML5 and CSS: Creating Style for the Web: Files: 0 total