GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/CST1021/Schedule/ |
Upload File : |
<? // /JimMartinson/CST1021/Schedule/CST1021_Schedule.phpinc #if ( $_SESSION['userId'] == 1 ) require('JimMartinson/ScheduleCode.phpinc'); $week = 0; ?> <fieldset><legend><?=$title?></legend> <? require('JimMartinson/WebMeetingLink.phpinc'); ?> <ol start="1"> <!-- Week 1: Wednesday 8/24 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/ph7PyL9synxYIDwjlM2zLcfm9olagiDiIm2bZVzMVeaZtCGvxmc6VFphJI3qc1E.10NccmzGkDMhaDoa?startTime=1692813710000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 8/24 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <? $discuss_Other = array('Discuss <a href="https://www.hostinger.com/tutorials/best-html-editors">HTML Editors</a>'); ?> <? require('JimMartinson/Schedule_week1.phpinc'); ?> </li> <li> <? require('JimMartinson/Schedule_week1_Assignments_Begin.phpinc'); ?> <? /** / Insert other week 1 assignments in <li></li> tags below. /**/ ?> <li>Download and install the editor of your choice. I will be using <a href="https://code.visualstudio.com/">Visual Studio Code</a>.</li> <li>Read <a href="https://www.w3schools.com/html/default.asp">HTML Tutorial</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_intro.asp">HTML Introduction</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_basic.asp">HTML Basic Examples</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_elements.asp">HTML Elements</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_attributes.asp">HTML Attributes</a>.</li> <li>Read <a href="https://html5test.com/index.html">HTML<strong class="five">5</strong>test how well does your browser support HTML5?</a>.</li> <? require('JimMartinson/Schedule_week1_Assignments_End.phpinc'); ?> </li> </ul> </li><!-- END Week 1 --> <!-- Week 2: Wednesday 8/31 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/PPqQocIbBpwVXl9muAunQcArMgIndod2mmZxDTEk0Zr8x_XZC-2DleUurm71PWfq.fn3lDzOCxQHDJ3Iw?startTime=1693418505000','text'),array('https://minnstate.zoom.us/rec/share/PPqQocIbBpwVXl9muAunQcArMgIndod2mmZxDTEk0Zr8x_XZC-2DleUurm71PWfq.fn3lDzOCxQHDJ3Iw?startTime=1693422041000','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 8/31 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/default.asp">HTML Tutorial</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_intro.asp">HTML Introduction</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_basic.asp">HTML Basic Examples</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_elements.asp">HTML Elements</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_attributes.asp">HTML Attributes</a>.</li> <li>Discuss <a href="https://html5test.com/index.html">HTML<strong class="five">5</strong>test how well does your browser support HTML5?</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li>Read <a href="https://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_headings.asp">HTML Headings</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_paragraphs.asp">HTML Paragraphs</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_styles.asp">HTML Styles</a>.</li> <li>Browse <a href="https://validator.w3.org/" target="_blank">Markup Validation Service</a>.</li> <li>Browse <a href="https://jigsaw.w3.org/css-validator/validator.html.en">CSS Validation Service</a>. </ol> </li> </ul> </li><!-- END Week 2 --> <!-- Week 3: Wednesday 9/07 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0,'<span class="attention">Class canceled for today.</span> I am home sick.')?> </li><!-- END Week 3 --> <!-- Week 4: Wednesday 9/14 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/tV13W3-2Qr_5XEZEFVDIQRbZIw6kMIjiJVbUql8dsb_VWbJFpxnw7nzc2dN4Pvgf.Q_5X3_278RIk9YzL?startTime=1694628134000','text'),array('https://minnstate.zoom.us/rec/share/tV13W3-2Qr_5XEZEFVDIQRbZIw6kMIjiJVbUql8dsb_VWbJFpxnw7nzc2dN4Pvgf.Q_5X3_278RIk9YzL?startTime=1694631904000','text'),array('https://minnstate.zoom.us/rec/share/tV13W3-2Qr_5XEZEFVDIQRbZIw6kMIjiJVbUql8dsb_VWbJFpxnw7nzc2dN4Pvgf.Q_5X3_278RIk9YzL?startTime=1694632757000','Lab 1 demo'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 9/07 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_headings.asp">HTML Headings</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_paragraphs.asp">HTML Paragraphs</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_styles.asp">HTML Styles</a>.</li> <li>Discuss <a href="https://validator.w3.org/" target="_blank">Markup Validation Service</a>.</li> <li>Discuss <a href="https://jigsaw.w3.org/css-validator/validator.html.en">CSS Validation Service</a>. <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(1)?></li> <li>Read <a href="https://www.w3schools.com/html/html_formatting.asp">HTML Text Formatting</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_quotation_elements.asp">HTML Quotation and Citation Elements</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_comments.asp">HTML Comments</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_colors.asp">HTML Colors</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_css.asp">HTML Styles - CSS</a>.</li> </ol> </li> </ul> </li><!-- END Week 4 --> <!-- Week 5: Wednesday 9/21 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/XqGLV5-UVcTvTXZIupf2ZFvJdUHaLlIxIRrsGGm0Bm_hTmV5oxIw-xPtyaGXzdRj.Anr-ORaK25Q5DVTQ?startTime=1695232838000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 9/14 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/html_formatting.asp">HTML Text Formatting</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_quotation_elements.asp">HTML Quotation and Citation Elements</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_comments.asp">HTML Comments</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_colors.asp">HTML Colors</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_css.asp">HTML Styles - CSS</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(2)?></li> <li>Read <a href="https://www.w3schools.com/html/html_links.asp">HTML Links</a>.</li> <li>Read the <a href="https://www.w3schools.com/tags/att_accesskey.asp"><span class="highATT">accesskey</span></a> attribute.</li> <li>Read the <a href="https://www.w3schools.com/tags/att_tabindex.asp"><span class="highATT">tabindex</span></a> attribute.</li> <li>Read <a href="https://www.w3schools.com/html/html_images.asp">HTML Images</a>.</li> <li>Read the <a href="https://www.w3schools.com/TAGS/tag_hr.asp"><span class="highELE">hr</span> tag</a>.</li> <li>Read the <a href="https://www.w3schools.com/tags/tag_map.asp"><span class="highELE">map</span></a> tag.</li> <li>Read the <a href="https://www.w3schools.com/tags/att_img_usemap.asp"><span class="highELE">map</span> tag <span class="highATT">usemap</span></a> attribute.</li> <li>Read the <a href="https://www.w3schools.com/tags/tag_area.asp"><span class="highELE">area</span></a> tag.</li> <li>Read css <span class="highATT">vertical-align</span>.</li> </ol> </li> </ul> </li><!-- END Week 5 --> <!-- Week 6: Wednesday 9/28 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/Pnh_qGlp8mYZA4kRmHVeAYyc5Ef-zWWlVtNCRpe6uOEZu981Rl1xYpTUcaGGHUm8.trOYNsItASsxF_FR?startTime=1695837614000','text'),array('https://minnstate.zoom.us/rec/share/Pnh_qGlp8mYZA4kRmHVeAYyc5Ef-zWWlVtNCRpe6uOEZu981Rl1xYpTUcaGGHUm8.trOYNsItASsxF_FR?startTime=1695842722000','text'),array('https://minnstate.zoom.us/rec/share/Pnh_qGlp8mYZA4kRmHVeAYyc5Ef-zWWlVtNCRpe6uOEZu981Rl1xYpTUcaGGHUm8.trOYNsItASsxF_FR?startTime=1695844394000','Lab 5 demo'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 9/21 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/html_links.asp">HTML Links</a>.</li> <li>Discuss the <a href="https://www.w3schools.com/tags/att_accesskey.asp"><span class="highATT">accesskey</span></a> attribute.</li> <li>Discuss the <a href="https://www.w3schools.com/tags/att_tabindex.asp"><span class="highATT">tabindex</span></a> attribute.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_images.asp">HTML Images</a>.</li> <li>Discuss the <a href="https://www.w3schools.com/TAGS/tag_hr.asp"><span class="highELE">hr</span> tag</a>.</li> <li>Discuss the <a href="https://www.w3schools.com/tags/tag_map.asp"><span class="highELE">map</span></a> tag.</li> <li>Discuss the <a href="https://www.w3schools.com/tags/att_img_usemap.asp"><span class="highELE">map</span> tag <span class="highATT">usemap</span></a> attribute.</li> <li>Discuss the <a href="https://www.w3schools.com/tags/tag_area.asp"><span class="highELE">area</span></a> tag.</li> <li>Discuss css <span class="highATT">vertical-align</span>.</li> <li>Discuss images. Should we use the height and width attributes or use css? Innate image data vs alternate display. Images as buttons, icons, or sprites.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(3)?></li> <li>Browse <a href="https://www.w3schools.com/css/">CSS Tutorial</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_intro.asp">CSS Introduction</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_syntax.asp">CSS Syntax and Selectors</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_howto.asp">CSS How To...</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_colors.asp">CSS Colors</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_background.asp">CSS Backgrounds</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_float_clear.asp">CSS Layout - clear and clearfix</a>.</li> </ol> </li> </ul> </li><!-- END Week 6 --> <!-- Week 7: Wednesday 10/05 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/Fydd-cksrQUT5H4xr46_htwIOJnzADXLaIUnx-h-9zICISJwb_YV-aHbUEON66dH.ke0zPxyWHJpkJTJK?startTime=1696442409000','text'),array('https://minnstate.zoom.us/rec/share/Fydd-cksrQUT5H4xr46_htwIOJnzADXLaIUnx-h-9zICISJwb_YV-aHbUEON66dH.ke0zPxyWHJpkJTJK?startTime=1696449033000','Lab 4 demo'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 9/28 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <q>Browsers are forgiving!</q> and upper/lower case.</li> <li>Discuss <a href="https://www.w3schools.com/css/">CSS Tutorial</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_intro.asp">CSS Introduction</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_syntax.asp">CSS Syntax and Selectors</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_howto.asp">CSS How To...</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_colors.asp">CSS Colors</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_background.asp">CSS Backgrounds</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_float_clear.asp">CSS Layout - clear and clearfix</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(4)?></li> <li>Read <a href="https://www.w3schools.com/css/css_border.asp">CSS Borders</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_margin.asp">CSS Margins</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_padding.asp">CSS Padding</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_dimension.asp">CSS Height and Width</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_boxmodel.asp">CSS Box Model</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_outline.asp">CSS Outline</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_link.asp">CSS Links</a>.</li> </ol> </li> </ul> </li><!-- END Week 7 --> <!-- Week 8: Tuesday 10/12 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/NsMfAr34gLquc5J7ZZdo7xnT0H5OuPmrh6rlwIIrS4E_sZYWV_hJpjchQ-LLDzyd.96OY9gABybpxnYcT?startTime=1697047237000','text'),array('https://minnstate.zoom.us/rec/share/NsMfAr34gLquc5J7ZZdo7xnT0H5OuPmrh6rlwIIrS4E_sZYWV_hJpjchQ-LLDzyd.96OY9gABybpxnYcT?startTime=1697052817000','Lab 5 discussion'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 10/05 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/css/css_border.asp">CSS Borders</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_margin.asp">CSS Margins</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_padding.asp">CSS Padding</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_dimension.asp">CSS Height and Width</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_boxmodel.asp">CSS Box Model</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_outline.asp">CSS Outline</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_link.asp">CSS Links</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>: <ol type="i"> <li><?=labLink(5)?></li> <li>Read <a href="https://www.w3schools.com/css/css_text.asp">CSS Text</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_units.asp">CSS Units</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_combinators.asp">CSS Combinators</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_pseudo_classes.asp">CSS Pseudo-classes</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_pseudo_elements.asp">CSS Pseudo-Elements</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_specificity.asp">CSS Specificity</a>.</li> <li>Browse <a href="https://www.w3schools.com/cssref/css_selectors.asp">CSS Selector Reference</a>.</li> </ol> </li> </ul> </li><!-- END Week 8 --> <!-- Week 9: Wednesday 10/19 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/aY3eeFKwiL9TcxdJ94g7t0M1fk_SP3QWGSAnGpZVr7aLVNcyh0t6e0BJ8wtr88na.HQm-QjstfhVCpUh2?startTime=1697652054000','text'),array('https://minnstate.zoom.us/rec/share/aY3eeFKwiL9TcxdJ94g7t0M1fk_SP3QWGSAnGpZVr7aLVNcyh0t6e0BJ8wtr88na.HQm-QjstfhVCpUh2?startTime=1697658627000','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 10/19 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/css/css_text.asp">CSS Text</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_units.asp">CSS Units</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_combinators.asp">CSS Combinators</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_pseudo_classes.asp">CSS Pseudo-classes</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_pseudo_elements.asp">CSS Pseudo-Elements</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_specificity.asp">CSS Specificity</a>.</li> <li>Discuss <a href="https://www.w3schools.com/cssref/css_selectors.asp">CSS Selector Reference</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(6)?></li> <li>Read <a href="https://www.w3schools.com/css/css_font.asp">CSS Fonts</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_icons.asp">CSS Icons</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_image_sprites.asp">CSS Image Sprites</a>.</li> </ol> </li> </ul> </li><!-- END Week 9 --> <!-- Week 10: Wednesday 10/26 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/iQN36VnB369BDvApBrl4NMlfMK33mlIxXn-YdRtSqfSuFEqnE-ZmpLfojHJ31z0.4ktSjyYAWHW5fuTv?startTime=1698256953000','text'),array('https://minnstate.zoom.us/rec/share/iQN36VnB369BDvApBrl4NMlfMK33mlIxXn-YdRtSqfSuFEqnE-ZmpLfojHJ31z0.4ktSjyYAWHW5fuTv?startTime=1698261631000','Lab 7 discussion'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 10/26 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/css/css_font.asp">CSS Fonts</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_icons.asp">CSS Icons</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_image_sprites.asp">CSS Image Sprites</a>.</li> <!-- <li>Discuss <?=labLink(13,false)?></li>--> <li>Discuss <?=labLink(14,false)?></li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(7)?></li> <li>Read <a href="https://www.w3schools.com/cssref/css_pxtoemconversion.asp">PX to EM Conversion</a>.</li> <li>Read <a href="https://www.w3schools.com/cssref/css_default_values.asp">CSS Default Values Reference</a>.</li> <li>Read <a href="https://www.w3schools.com/cssref/css_entities.asp">CSS Entities</a>.</li> <li>Review <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li> <li>Read <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors">CSS selectors</a>.</li> </ol> </li> </ul> </li><!-- END Week 10 --> <!-- Week 11: Wednesday 11/02 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/s-sd2HXlqq06MgBJB91ulaaw2aYkBhSMGNr8yZt4Beg4yl8Nh-gnY17mBFkd0NcK.SuTA0RBBjcdeZE75?startTime=1698861607000','text'),array('https://minnstate.zoom.us/rec/share/s-sd2HXlqq06MgBJB91ulaaw2aYkBhSMGNr8yZt4Beg4yl8Nh-gnY17mBFkd0NcK.SuTA0RBBjcdeZE75?startTime=1698864730000','lab 8 discussion'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 11/02 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Mastering margin collapsing</a>.</li> <li>Discuss <a href="https://csswizardry.com/2012/06/single-direction-margin-declarations/">Single-direction margin declarations</a>.</li> <li>Discuss <a href="https://www.w3schools.com/cssref/css_pxtoemconversion.asp">PX to EM Conversion</a>.</li> <li>Discuss <a href="https://www.w3schools.com/cssref/css_default_values.asp">CSS Default Values Reference</a>.</li> <li>Discuss <a href="https://www.w3schools.com/cssref/css_entities.asp">CSS Entities</a>.</li> <li>Review <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li> <li>Discuss <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors">CSS selectors</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(8)?></li> <li>Read <a href="https://www.w3schools.com/css/css3_fonts.asp">CSS Web Fonts</a>.</li> <li>Read <a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css3_shadows.asp">CSS Shadow Effects</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css3_text_effects.asp">CSS Text Effects</a>.</li> <li>Browse <a href="https://fonts.google.com/">Google Fonts</a>.</li> <li>Browse <a href="https://www.dafont.com/">dafont.com</a>.</li> <li>Browse <a href="https://www.1001fonts.com/">1001 fonts</a>.</li> </ol> </li> </ul> </li><!-- END Week 11 --> <!-- Week 12: Wednesday 11/09 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/xB-y6uA0c6hWQq_JAm1hM8WqekSrbMqL6Jk5yGducZ8oHXX5mbWiaBvmBHAODGWs.0xLABf1JDOirpbN7?startTime=1699470049000','text'),array('https://minnstate.zoom.us/rec/share/xB-y6uA0c6hWQq_JAm1hM8WqekSrbMqL6Jk5yGducZ8oHXX5mbWiaBvmBHAODGWs.0xLABf1JDOirpbN7?startTime=1699474514000','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 11/09 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/css/css3_fonts.asp">CSS Web Fonts</a>.</li> <li>Discuss <a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css3_shadows.asp">CSS Shadow Effects</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css3_text_effects.asp">CSS Text Effects</a>.</li> <li>Discuss <a href="https://fonts.google.com/">Google Fonts</a>.</li> <li>Discuss <a href="https://www.dafont.com/">dafont.com</a>.</li> <li>Discuss <a href="https://www.1001fonts.com/">1001 fonts</a>.</li> <li>Discuss <a href="https://transfonter.org/">transfonter.org/</a> and <a href="https://www.fontsquirrel.com/tools/webfont-generator">FontSquirrel Webfont Generator</a>.</li> <!-- <li>Discuss <?=labLink(13,false)?></li>--> <li>Discuss <?=labLink(14,false)?></li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(9)?></li> <li>Read <a href="https://www.w3schools.com/html/html_lists.asp">HTML Lists</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_list.asp">CSS Lists</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_tables.asp">HTML Tables</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_table.asp">CSS Tables</a>.</li> </ol> </li> </ul> </li><!-- END Week 12 --> <!-- Week 13: Wednesday 11/16 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/Ke6bTtHg5MMbclfwJpTkuupso_1s6Evb4Vt2xJ8ejZ4twhf3VOsmYDULFlSciTQd.M_rH-HAiEg2dprFO?startTime=1700074841000','text'),array('https://minnstate.zoom.us/rec/share/Ke6bTtHg5MMbclfwJpTkuupso_1s6Evb4Vt2xJ8ejZ4twhf3VOsmYDULFlSciTQd.M_rH-HAiEg2dprFO?startTime=1700079662000','text'),array('https://minnstate.zoom.us/rec/share/Ke6bTtHg5MMbclfwJpTkuupso_1s6Evb4Vt2xJ8ejZ4twhf3VOsmYDULFlSciTQd.M_rH-HAiEg2dprFO?startTime=1700083548000','Lab 10 & 11 discusstion'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 11/16 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/html_lists.asp">HTML Lists</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_list.asp">CSS Lists</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_tables.asp">HTML Tables</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_table.asp">CSS Tables</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(10)?></li> <li><?=labLink(11)?></li> <!-- <li><?=labLink(13)?></li>--> <li>Read <a href="https://www.w3schools.com/html/html_forms.asp">HTML Forms</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_form_elements.asp">HTML Form Elements</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_form_input_types.asp">HTML Input Types</a>.</li> <li>Read <a href="https://www.w3schools.com/html/html_form_attributes.asp">HTML Input Attributes</a>.</li> <li>Read <a href="https://www.w3schools.com/css/css_form.asp">CSS Forms</a>.</li> </ol> </li> </ul> </li><!-- END Week 13 --> <!-- Week 14: Wednesday 11/23 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/ZRwy9mTp00Ag6gLyeYA2ohWfsEJw-8roT52ym5klamWmqhefeXjph_mL2IDRR3_S.8e3WyhhH-Sot6i0v?startTime=1700679699000','text'),array('https://minnstate.zoom.us/rec/share/ZRwy9mTp00Ag6gLyeYA2ohWfsEJw-8roT52ym5klamWmqhefeXjph_mL2IDRR3_S.8e3WyhhH-Sot6i0v?startTime=1700686772000','Lab discussion'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 11/23 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="https://www.w3schools.com/html/html_forms.asp">HTML Forms</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_form_elements.asp">HTML Form Elements</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_form_input_types.asp">HTML Input Types</a>.</li> <li>Discuss <a href="https://www.w3schools.com/html/html_form_attributes.asp">HTML Input Attributes</a>.</li> <li>Discuss <a href="https://www.w3schools.com/css/css_form.asp">CSS Forms</a>.</li> <li>Discuss class tasks.</li> </ol> </li> <!-- <li>If you have not done so, please complete <?=labLink(13,false)?></li>--> <li> Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>: <ol type="i"> <li><?=labLink(12)?></li> <li><?=labLink(14,false)?></li> </ol> </li> </ul> </li><!-- END Week 14 --> <!-- Week 15: Wednesday 11/30 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/s7cCp8wZP_w5EEzhOJ6U6jMsIJe95ZzQqt6tZyr09Bmwdb1sYI5nU8Lk0uS91oTj.8ugqvWnN073bvOIe?startTime=1701284567000','text'),array('https://minnstate.zoom.us/rec/share/s7cCp8wZP_w5EEzhOJ6U6jMsIJe95ZzQqt6tZyr09Bmwdb1sYI5nU8Lk0uS91oTj.8ugqvWnN073bvOIe?startTime=1701289241000','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 11/30 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li><b>Students present <?=labLink(14,false)?></b> <br>Presenters: <ol> <li>Kayla Marcus</li> <li>Melinda Recker</li> <li>Gabe Pirnie</li> <li>Zachery Adams</li> <li>Mark DeVries</li> <li>Elias Davis</li> <li>Logan Anglin</li> <li>Ben Eichten</li> <li>Jack Kantola</li> <li>Hannen Kafati</li> </ol> </li> <li>Discuss css class and id naming conventions: <ol> <li><a href="https://stackoverflow.com/questions/6028211/what-is-the-standard-naming-convention-for-html-css-ids-and-classes"></a>What is the standard naming convention for html/css ids and classes?</li> <li><a href="https://css-tricks.com/semantic-class-names/">What Makes For a Semantic Class Name?</a>.</li> <li><a href="https://newbedev.com/what-is-the-standard-naming-convention-for-html-css-ids-and-classes">What is the standard naming convention for html/css ids and classes?</a></li> <li><a href="https://www.hallme.com/blog/css-naming-conventions/">CSS Naming Conventions</a>.</li> <li><a href="https://en.bem.info/methodology/naming-convention/">BEM Naming convention</a>.</li> <li><a href="https://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/">When using IDs can be a pain in the class...</a>.</li> </ol> </li> </ol> </li> <li>Please complete the <a href="/JimMartinson/CST1021/?Questionnaire">class questionnaire</a>.</li> <li>All assignments are due by Wednesday, December 13<sup>th</sup> 2022.</li> </ul> </li><!-- END Week 15 --> <!-- Week 16: Wednesday 12/07 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/jC-9zxUjcLBAjpgGURIaKUN_I2mG4wN14iOn10XRBoDgwG98ygNntxfkHM_VLTq0.e9oKPFiStAloM-f_?startTime=1701889338000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 12/07 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li><b>Students present <?=labLink(14)?></b> <br>Presenters: <ol> <li>Leslie Resendez</li> </ol> </li> </ol> </li> <li>Please complete the <a href="/JimMartinson/CST1021/?Questionnaire">class questionnaire</a>.</li> <li>All assignments are due by Wednesday, December 13<sup>th</sup> 2022.</li> </ul> </li><!-- END Week 16 --> <!-- Week 17: Wednesday 12/14 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <span class="attention">Finals week. No class meeting.</span> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 12/14 1:00pm-3:30pm --> <span class="bold">No class meeting.</span> </li> <li>If you have not done so, please complete the <a href="../?Questionnaire">class questionnaire</a>.</li> <li>All assignments are due by Wednesday, December 13<sup>th</sup> 2022.</li> <li><span>More in-depth HTML5 information:</span> <ul class="collapsed" id="8"> <!-- HTML5 Tutorial --> <li><a href="https://www.w3schools.com/html/html_blocks.asp">HTML Block and Inline Element</a>.</li> <li><a href="https://www.w3schools.com/tags/att_class.asp">HTML The class Attribute</a>.</li> <li><a href="https://www.w3schools.com/html/html_id.asp">HTML The id Attribute</a>.</li> <li><a href="https://www.w3schools.com/html/html_iframe.asp">HTML Iframes</a>.</li> <li><a href="https://www.w3schools.com/html/html_scripts.asp">HTML JavaScript</a>.</li> <li><a href="https://www.w3schools.com/html/html_filepaths.asp">HTML File Paths</a>.</li> <li><a href="https://www.w3schools.com/html/html_layout.asp">HTML Layouts</a>.</li> <li><a href="https://www.w3schools.com/html/html_responsive.asp">HTML Responsive Web Design</a>.</li> <li><a href="https://www.w3schools.com/html/html_computercode_elements.asp">HTML Computer Code Elements</a>.</li> <li><a href="https://www.w3schools.com/html/html_entities.asp">HTML Entities</a>.</li> <li><a href="https://www.w3schools.com/html/html_symbols.asp">HTML Symbols</a>.</li> <li><a href="https://www.w3schools.com/html/html_charset.asp">HTML Encoding (Character Sets)</a>.</li> <li><a href="https://www.w3schools.com/html/html_urlencode.asp">HTML Uniform Resource Locators</a>.</li> <!-- HTML5 --> <li><a href="https://www.w3schools.com/html/html5_syntax.asp">HTML5 Style Guide and Coding Conventions</a>.</li> <li><a href="https://www.granneman.com/webdev/coding/formatting-and-indenting-your-html">Formatting & Indenting Your HTML</a>.</li> <!-- granneman --> <li><a href="https://www.cocoawithlove.com/blog/2016/04/01/neither-tabs-nor-spaces.html">Indent with tabs or spaces? I wish I didn't need to know</a>.</li> <!-- cocoawithlove --> <li><a href="https://stackoverflow.blog/2017/06/15/developers-use-spaces-make-money-use-tabs/">Developers Who Use Spaces Make More Money Than Those Who Use Tabs</a>.</li> <!-- stackoverflow.blog --> <!-- HTML Graphics --> <li><a href="https://www.w3schools.com/html/html5_canvas.asp">HTML5 Canvas</a>.</li> <li><a href="https://www.w3schools.com/html/html5_svg.asp">HTML5 SVG</a>.</li> <!-- HTML Media --> <li><a href="https://www.w3schools.com/html/html_media.asp">HTML Multimedia</a>.</li> <li><a href="https://www.w3schools.com/html/html5_video.asp">HTML5 Video</a>.</li> <li><a href="https://www.w3schools.com/html/html5_audio.asp">HTML5 Audio</a>.</li> <li><a href="https://www.w3schools.com/html/html_object.asp">HTML Plug-ins</a>.</li> <li><a href="https://www.w3schools.com/html/html_youtube.asp">HTML YouTube Videos</a>.</li> <!-- HTML APIs --> <li><a href="https://www.w3schools.com/html/html5_geolocation.asp">HTML5 Geolocation</a>.</li> <li><a href="https://www.w3schools.com/html/html5_draganddrop.asp">HTML5 Drag and Drop</a>.</li> <li><a href="https://www.w3schools.com/html/html5_webstorage.asp">HTML5 Web Storage</a>.</li> <li><a href="https://www.w3schools.com/html/html5_webworkers.asp">HTML5 Web Workers</a>.</li> <li><a href="https://www.w3schools.com/html/html5_serversentevents.asp">HTML5 Server-Sent Events</a>.</li> </ul> </li> <li><span>More in-depth CSS information:</span> <ul class="collapsed" id="9"> <!-- CSS Tutorial --> <li><a href="https://www.w3schools.com/css/css_display_visibility.asp">CSS Layout - The display Property</a>.</li> <li><a href="https://www.w3schools.com/css/css_max-width.asp">CSS width and max-width</a>.</li> <li><a href="https://www.w3schools.com/css/css_positioning.asp">CSS Layout - The position Property</a>.</li> <li><a href="https://www.w3schools.com/css/css_overflow.asp">CSS Layout - Overflow</a>.</li> <li><a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li> <li><a href="https://www.w3schools.com/css/css_inline-block.asp">CSS Layout - display: inline-block</a>.</li> <li><a href="https://www.w3schools.com/css/css_align.asp">CSS Layout - Horizontal & Vertical Align</a>.</li> <li><a href="https://www.w3schools.com/css/css_image_transparency.asp">CSS Opacity / Transparency</a>.</li> <li><a href="https://www.w3schools.com/css/css_navbar.asp">CSS Navigation Bar</a>.</li> <li><a href="https://www.w3schools.com/css/css_dropdowns.asp">CSS Dropdowns</a>.</li> <li><a href="https://www.w3schools.com/css/css_image_gallery.asp">CSS Image Gallery</a>.</li> <li><a href="https://www.w3schools.com/css/css_counters.asp">CSS Counters</a>.</li> <li><a href="https://www.w3schools.com/css/css_website_layout.asp">CSS css_website_layout</a>.</li> <!-- CSS Advanced --> <li><a href="https://www.w3schools.com/css/css3_borders.asp">CSS Rounded Corners</a>.</li> <li><a href="https://www.w3schools.com/css/css3_border_images.asp">CSS Border Images</a>.</li> <li><a href="https://www.w3schools.com/css/css3_backgrounds.asp">CSS Multiple Backgrounds</a>.</li> <li><a href="https://www.w3schools.com/css/css3_gradients.asp">CSS Gradients</a>.</li> <li><a href="https://www.w3schools.com/css/css3_2dtransforms.asp">CSS 2D Transforms</a>.</li> <li><a href="https://www.w3schools.com/css/css3_3dtransforms.asp">CSS 3D Transforms</a>.</li> <li><a href="https://www.w3schools.com/css/css3_transitions.asp">CSS Transitions</a>.</li> <li><a href="https://www.w3schools.com/css/css3_animations.asp">CSS Animations</a>.</li> <li><a href="https://www.w3schools.com/css/css_tooltip.asp">CSS Tooltip</a>.</li> <li><a href="https://www.w3schools.com/css/css3_images.asp">CSS Styling Images</a>.</li> <li><a href="https://www.w3schools.com/css/css3_object-fit.asp">CSS The object-fit Property</a>.</li> <li><a href="https://www.w3schools.com/css/css3_buttons.asp">CSS Buttons</a>.</li> <li><a href="https://www.w3schools.com/css/css3_pagination.asp">CSS Pagination Examples</a>.</li> <li><a href="https://www.w3schools.com/css/css3_multiple_columns.asp">CSS Multiple Columns</a>.</li> <li><a href="https://www.w3schools.com/css/css3_user_interface.asp">CSS User Interface</a>.</li> <li><a href="https://www.w3schools.com/css/css3_variables.asp">CSS Variables</a>.</li> <li><a href="https://www.w3schools.com/css/css3_box-sizing.asp">CSS Box Sizing</a>.</li> <li><a href="https://www.w3schools.com/css/css3_flexbox.asp">CSS Flexbox</a>.</li> <!-- Media Queries --> <li><a href="https://www.w3schools.com/css/css3_mediaqueries.asp">CSS Media Queries</a>.</li> <li><a href="https://www.w3schools.com/css/css3_mediaqueries_ex.asp">CSS Media Queries - Examples</a>.</li> <!-- CSS Responsive --> <li><a href="https://www.w3schools.com/css/css_rwd_intro.asp">Responsive Web Design - Introduction</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_grid.asp">Responsive Web Design - Grid-View</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_mediaqueries.asp">Responsive Web Design - Media Queries</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_images.asp">Responsive Web Design - Images</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_videos.asp">Responsive Web Design - Videos</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_frameworks.asp">Responsive Web Design - Frameworks</a>.</li> <li><a href="https://www.w3schools.com/css/css_rwd_templates.asp">Responsive Web Design - Templates</a>.</li> <!-- CSS Grid --> <li><a href="https://www.w3schools.com/css/css_grid.asp">CSS Grid Layout Module</a>.</li> <li><a href="https://www.w3schools.com/css/css_grid_container.asp">CSS Grid Container</a>.</li> <li><a href="https://www.w3schools.com/css/css_grid_item.asp">CSS Grid Item</a>.</li> <!-- CSS References --> <li><a href="https://www.w3schools.com/cssref/css_functions.asp">CSS Functions Reference</a>.</li> <li><a href="https://www.w3schools.com/cssref/css_ref_aural.asp">CSS Aural Reference</a>.</li> <li><a href="https://www.w3schools.com/cssref/css_websafe_fonts.asp">CSS Web Safe Font Combinations</a>.</li> <li><a href="https://www.w3schools.com/cssref/css_animatable.asp">CSS Animatable</a>.</li> <!-- CSS Properties --> <li><a href="https://www.w3schools.com/cssref/pr_charset_rule.asp">CSS @charset Rule</a>.</li> <li><a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li> <li><a href="https://www.w3schools.com/cssref/pr_import_rule.asp">CSS @import Rule</a>.</li> <li><a href="https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp">CSS @keyframes Rule</a>.</li> <li><a href="https://www.w3schools.com/cssref/css3_pr_mediaquery.asp">CSS @media Rule</a>.</li> </ul> </li> </ul> </li><!-- END Week 17 --> </ol> </fieldset> <div style="visibility: hidden;"> <ol> </ol> </div> <? $LOCK_BELOW = $week; ?> <? /** / /**/ ?>