IFD:Web-basedMediaI - Revision history

Bclark: /* Class Resources */

2018-01-29T12:08:43Z

Class Resources

← Older revision		Revision as of 12:08, 29 January 2018
Line 67:		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/web-standards-~~checklist~~-12-17.pdf Web Standards Checklist]<br/>		[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/>

Bclark: /* Class Resources */

2017-12-21T10:35:53Z

Class Resources

← Older revision		Revision as of 10:35, 21 December 2017
Line 82:		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>		[https://www.htaccessredirect.net htaccess Generator]<br/>
	<br />		<br />
	'''Other Useful Links:'''<br/>		'''Other Useful Links:'''<br/>

Bclark: /* Class Resources */

2017-12-21T10:35:27Z

Class Resources

← Older revision		Revision as of 10:35, 21 December 2017
Line 82:		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/>

Bclark at 10:04, 21 December 2017

2017-12-21T10:04:26Z

← Older revision		Revision as of 10:04, 21 December 2017
Line 67:		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~~/tutorials~~/web-standards-checklist-12-17.pdf Web Standards Checklist]<br/>		[http://media-study.com/resources/pdfs/web-standards-checklist-12-17.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/>

Bclark: /* Class Resources */

2017-12-21T10:03:46Z

Class Resources

← Older revision		Revision as of 10:03, 21 December 2017
Line 67:		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/tutorials/checklist.pdf Web Standards Checklist]<br/>		[http://media-study.com/resources/pdfs/tutorials/web-standards-checklist-12-17.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/>

Bclark: /* Project 2 Information */

2017-11-13T17:52:26Z

Project 2 Information

← Older revision		Revision as of 17:52, 13 November 2017
Line 58:		Line 58:
	• demonstration of technical proficiency with using Bootstrap 4<br />		• demonstration of technical proficiency with using Bootstrap 4<br />
	• effective implementation of responsive web design<br />		• effective implementation of responsive web design<br />
	• all images load correctly<br />• all navigation elements work properly (no dead links)<br />		• all images load correctly<br />
			• all navigation elements work properly (no dead links)<br />

	==Class Resources==		==Class Resources==

Bclark: /* Project 2 Information */

2017-11-13T17:51:47Z

Project 2 Information

← Older revision		Revision as of 17:51, 13 November 2017
Line 58:		Line 58:
	• demonstration of technical proficiency with using Bootstrap 4<br />		• demonstration of technical proficiency with using Bootstrap 4<br />
	• effective implementation of responsive web design<br />		• effective implementation of responsive web design<br />
	• all images load correctly		• all images load correctly<br />• all navigation elements work properly (no dead links)<br />
	• all navigation elements work properly (no dead links)<br />

	==Class Resources==		==Class Resources==

Bclark: /* Project 2 Information */

2017-11-13T17:50:46Z

Project 2 Information

← Older revision		Revision as of 17:50, 13 November 2017
Line 58:		Line 58:
	• demonstration of technical proficiency with using Bootstrap 4<br />		• demonstration of technical proficiency with using Bootstrap 4<br />
	• effective implementation of responsive web design<br />		• effective implementation of responsive web design<br />
	• all images load correctly ~~and~~ all navigation elements work properly (no dead links)<br />		• all images load correctly
			• all navigation elements work properly (no dead links)<br />

	==Class Resources==		==Class Resources==

Bclark at 17:49, 13 November 2017

2017-11-13T17:49:23Z

← Older revision		Revision as of 17:49, 13 November 2017
Line 31:		Line 31:

	==Project 1 Information==		==Project 1 Information==
	'''Due Date: 10 Nov'''<br /><br />		'''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 />
	• ~~clean, organized layout~~ and ~~proper organization of files.~~<br />		• creative and effective approach to your website design<br />
	• demonstration of technical ~~understanding of HTML and CSS~~ <br />		• demonstration of technical proficiency with using Bootstrap 4<br />
	• ~~all images load correctly~~<br />		• effective implementation of responsive web design<br />
	• all navigation elements work properly (no dead links)		• all images load correctly and all navigation elements work properly (no dead links)<br />

	~~'''File submission:'''~~
	~~You can either submit your website via email attachment or jump drive.~~

	==Class Resources==		==Class Resources==

Bclark: /* Project 1 Information */

2017-11-07T23:14:00Z

Project 1 Information

← Older revision		Revision as of 23:14, 7 November 2017
Line 31:		Line 31:

	==Project 1 Information==		==Project 1 Information==
			'''Due Date: 10 Nov'''<br /><br />
			'''Objective:'''
			Develop a 3 page personal/portfolio website using only a text editor. Your website should include at
			least a home page (index.html), an about page, and a contact page. It also should use an external CSS
			file. The website design should conform to current web design standards, and appear the same in all
			major browsers (Firefox, Chrome, Safari, Internet Explorer/Edge).

			The content of your website is entirely at your discretion. It may be either a personal website or a
			portfolio of your work. Images may be found from online resources or created from scratch. The text
			on the website should be original. What is most important is that the HTML and CSS is correct, and the
			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.

			'''Grading:'''<br />
			This project will be graded on:<br />
			• clean, organized layout and proper organization of files.<br />
			• demonstration of technical understanding of HTML and CSS <br />
			• all images load correctly<br />
			• all navigation elements work properly (no dead links)

			'''File submission:'''
			You can either submit your website via email attachment or jump drive.

	==Class Resources==		==Class Resources==