175
edits
(8 intermediate revisions by the same user not shown) | |||
Line 31: | Line 31: | ||
==Project 1 Information== | ==Project 1 Information== | ||
'''Due Date: | '''Due Date: 9 Nov'''<br /><br /> | ||
'''Objective:''' | '''Objective:''' | ||
Develop a 3 page personal/portfolio website using only a text editor. Your website should include at | Develop a 3 page personal/portfolio website using only a text editor. Your website should include at | ||
Line 43: | Line 43: | ||
images and links work correctly. At a minimum, the website should be at least 3 pages. Each page | images and links work correctly. At a minimum, the website should be at least 3 pages. Each page | ||
should have a navigation area and have working links to all of the other pages. | should have a navigation area and have working links to all of the other pages. | ||
==Project 2 Information== | |||
'''Due Date: 30 Nov'''<br /><br /> | |||
'''Background:''' | |||
Bootstrap is an open-source framework for developing responsive websites for both desktop and mobile screens. Unlike many web frameworks, it deals purely with front-end development (HTML, CSS, and JavaScript). First released in 2011 under the name of Twitter Bootstrap, Bootstrap is the most popular front-end framework for mobile web development. | |||
'''Objective:''' | |||
Develop a custom dynamic website using the Bootstrap 4. The website design should be intuitive, conform to current web design standards, and appear the same in all major browsers (Firefox, Chrome, Safari, IE/Edge). | |||
Website requirements: 4+ page Bootstrap website, functional design in all browser window sizes | |||
'''Grading:'''<br /> | '''Grading:'''<br /> | ||
This project will be graded on:<br /> | This project will be graded on:<br /> | ||
• | • creative and effective approach to your website design<br /> | ||
• demonstration of technical | • demonstration of technical proficiency with using Bootstrap 4<br /> | ||
• effective implementation of responsive web design<br /> | |||
• all images load correctly<br /> | • all images load correctly<br /> | ||
• all navigation elements work properly (no dead links) | • all navigation elements work properly (no dead links)<br /> | ||
==Class Resources== | ==Class Resources== | ||
Line 60: | Line 67: | ||
[https://www.w3schools.com W3Schools]<br/> | [https://www.w3schools.com W3Schools]<br/> | ||
[http://lesliefranke.com/files/reference/csscheatsheet.html CSS Cheatsheet]<br/> | [http://lesliefranke.com/files/reference/csscheatsheet.html CSS Cheatsheet]<br/> | ||
[http://media-study.com/resources/pdfs/ | [http://media-study.com/resources/pdfs/web-standards-ckecklist-1-18.pdf Web Standards Checklist]<br/> | ||
[http://getbootstrap.com Bootstrap Homepage]<br/> | [http://getbootstrap.com Bootstrap Homepage]<br/> | ||
[https://jquery.com jQuery Homepage]<br/> | [https://jquery.com jQuery Homepage]<br/> | ||
Line 75: | Line 82: | ||
[https://fonts.google.com Google Fonts]<br/> | [https://fonts.google.com Google Fonts]<br/> | ||
[http://fontawesome.io Font Awesome]<br/> | [http://fontawesome.io Font Awesome]<br/> | ||
[https://www.htaccessredirect.net htaccess Generator]<br/> | |||
<br /> | <br /> | ||
'''Other Useful Links:'''<br/> | '''Other Useful Links:'''<br/> |