HTML5 and CSS: Creating Style for the Web Asset List
- Current folder path within the WCMS: /training/htmsw/files/pc
- Title Code: htmsw
- Title Description Page: https://ittraining.iu.edu/explore-topics/titles/htmsw
- Expand Course URL: http://expand.iu.edu/browse/ittraining/single/courses/htmsw
Expand the accordions to see the lists of assets and their properties.
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.
- Asset Path: /training/htmsw/files/pc/getting-started-with-creating-style-for-the-web
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/getting-started-with-creating-style-for-the-web
- Asset System Name: getting-started-with-creating-style-for-the-web
- Asset Data Definition: Page - Content Blob
- Last modified by: litc
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Explore the concepts related to mobile-first design and responsive sites. Learn how these concepts are used to create modern web designs.
- Asset Path: /training/htmsw/files/pc/creating-responsive-sites
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-responsive-sites
- Asset System Name: creating-responsive-sites
- Asset Data Definition: Page - Content Blob
- Last modified by: blnolen
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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.
- Asset Path: /training/htmsw/files/pc/understanding-positioning
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/understanding-positioning
- Asset System Name: understanding-positioning
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Test grid skills by formatting the footer of the site.
- Asset Path: /training/htmsw/files/pc/challenge-exercise-1-formatting-the-footer
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/challenge-exercise-1-formatting-the-footer
- Asset System Name: challenge-exercise-1-formatting-the-footer
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn how to create preformatted text and code.
- Asset Path: /training/htmsw/files/pc/creating-preformatted-text-and-code
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-preformatted-text-and-code
- Asset System Name: creating-preformatted-text-and-code
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Get some more grid practice by completing this exercise.
- Asset Path: /training/htmsw/files/pc/challenge-exercise-2-more-grid-practice
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/challenge-exercise-2-more-grid-practice
- Asset System Name: challenge-exercise-2-more-grid-practice
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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
- Current folder path within the WCMS: /training/htmsw/files/pc
- Title Code: htmsw
- Title Description Page: https://ittraining.iu.edu/explore-topics/titles/htmsw
- Expand Course URL: http://expand.iu.edu/browse/ittraining/single/courses/htmsw
Expand the accordions to see the lists of assets and their properties.
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.
- Asset Path: /training/htmsw/files/pc/getting-started-with-creating-style-for-the-web
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/getting-started-with-creating-style-for-the-web
- Asset System Name: getting-started-with-creating-style-for-the-web
- Asset Data Definition: Page - Content Blob
- Last modified by: litc
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Explore the concepts related to mobile-first design and responsive sites. Learn how these concepts are used to create modern web designs.
- Asset Path: /training/htmsw/files/pc/creating-responsive-sites
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-responsive-sites
- Asset System Name: creating-responsive-sites
- Asset Data Definition: Page - Content Blob
- Last modified by: blnolen
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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.
- Asset Path: /training/htmsw/files/pc/understanding-positioning
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/understanding-positioning
- Asset System Name: understanding-positioning
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Test grid skills by formatting the footer of the site.
- Asset Path: /training/htmsw/files/pc/challenge-exercise-1-formatting-the-footer
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/challenge-exercise-1-formatting-the-footer
- Asset System Name: challenge-exercise-1-formatting-the-footer
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- 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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn how to create preformatted text and code.
- Asset Path: /training/htmsw/files/pc/creating-preformatted-text-and-code
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/creating-preformatted-text-and-code
- Asset System Name: creating-preformatted-text-and-code
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
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: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Get some more grid practice by completing this exercise.
- Asset Path: /training/htmsw/files/pc/challenge-exercise-2-more-grid-practice
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmsw/files/pc/challenge-exercise-2-more-grid-practice
- Asset System Name: challenge-exercise-2-more-grid-practice
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From: