Class:MFA Illustration 2018/Week 2 - Revision history

Matthew: /* Assignment */

2018-03-14T15:35:14Z

‎Assignment

Matthew at 15:17, 14 March 2018

2018-03-14T15:17:44Z

Matthew: /* Video Notes */

2018-03-14T04:50:19Z

‎Video Notes

Matthew: /* Video Notes */

2018-03-14T04:49:54Z

‎Video Notes

Matthew: /* Review Illustration Inspirational Website Submissions */

2018-03-12T13:15:39Z

‎Review Illustration Inspirational Website Submissions

Matthew at 05:19, 12 March 2018

2018-03-12T05:19:38Z

Matthew at 05:15, 12 March 2018

2018-03-12T05:15:56Z

Matthew: /* Video Notes */

2018-03-12T05:13:55Z

‎Video Notes

Matthew: /* Optimizing Images for The Web */

2018-03-12T05:13:00Z

‎Optimizing Images for The Web

Matthew: Created page with "== First Week == * Discuss Wiki * History of the Internet * How the internet works for us == This Week == * Review First Week & your email/domain questions * The "size" of ..."

2018-03-12T05:10:46Z

Created page with "== First Week == * Discuss Wiki * History of the Internet * How the internet works for us == This Week == * Review First Week & your email/domain questions * The "size" of ..."

New page

== First Week ==

* Discuss Wiki
* History of the Internet
* How the internet works for us

== This Week ==

* Review First Week & your email/domain questions
* The "size" of the internet
* Image Optimization

== Open Questions ==

== Notes ==

=== Review Illustration Inspirational Website Submissions ===

* [http://pinboard.in/search/u:choppingblock?query=mps-dp Matthew's pinboard list of the photo websites the class shared]

=== The "size" of the web ===

* [http://sebastien-gabriel.com/designers-guide-to-dpi/ Screen Designers Guide to DPI]
* [http://alistapart.com/article/responsive-images-in-practice A List Apart: Responsive Images in Practice]

==== Image Sizes Today ====

; Small - 800px wide
; Medium - 1200px - 1600px wide
; Large - 1800px wide and up

* [http://sebastien-gabriel.com/designers-guide-to-dpi/ Screen Designers Guide to DPI]
* [http://alistapart.com/article/responsive-images-in-practice A List Apart: Responsive Images in Practice]

=== Optimizing Images for The Web ===

Last semester we covered many aspects/techniques related to optimizing your images for the web.
* [http://en.wikipedia.org/wiki/Image_file_formats Image Format Reference]
* I also showed the excellent tool [http://imageoptim.com Imageoptim] for further compressing your images

=== Hosting Your Sites ===

Some of you will end up using a hosted web site solution and not need to setup a dedicated web host, others will end up needing to upload your website to a dedicated host.

; Do you need a dedicated host?
: Will you be building your website yourself (HTML/CSS) and uploading it? - Yes
: Will you be using [http://indexhibit.org indexhibit] or [http://wordpress.org Wordpress] to build your website? - Yes
: Will be using a hosted solution like [http://photoshelter.com PhotoShelter], [http://squarespace.com Squarespace] or [http://cargocollective.com Cargo] to build your website? - No
: Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly

It's important to go with a Hosting Provider that you trust, one that you can contact when you need some help.

I have created a [[Online:Hosting Providers|Hosting Providers reference page for you here]].

* My preference for all of you is to go with [http://dreamhost.net Dreamhost] over [http://godaddy.com Godaddy] for JUST the hosting part.

=== Photography Site Building (CMS) Solutions ===

There was a time where a Photographer would build (or hire somebody to build) their website from scratch. Adding and removing content from these websites would require somebody to edit the HTML and upload the changes to a web server. Successful websites are no longer built like this... Content Management Systems (CMS) have redefined how the internet works. These tools are either hosted, or need to be installed on your webserver to run.

This week I introduced the class to the concept of Content Managed Solutions. We will be spending a lot of time looking at these options.

I have created a [[Online:Site Building (CMS) Solutions|Site Building (CMS) Solutions reference page for you here]].

== Video Notes ==

*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_01_PortfolioReviewAndPinboard.mp4 Review Photography portfolios and adding them to the pinboard link above]
*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web & Image Compression Overview]
*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem]

== Assignment ==

Simple assignment this week:
* Use the techniques shown in class to bring in 10 compressed photos next week (05/31)
** Watch the video above for a refresher
** Name your files responsibly

I have created a Dropbox folder for the class. It's an easy way to collect/organize projects and assignments. If you do not want the folder on your hard drive taking up space you don't have to sync it to your drive, you can use the selective sync settings to disable it and just use the web interface.

Please keep reviewing options/working your web sites.

@@ Line 128: / Line 128: @@
 Be prepared next Monday to share show TWO totally seperate website explorations using TWO different website tools (Squarespace, Cargo, Adobe Portfolio, etc..!
 * At least 20 images
-* Explore the navigation, project hierachy  & how you present your contact info.
+* Explore the navigation, project hierachy  & how you present your contact info

← Older revision		Revision as of 15:17, 14 March 2018
Line 125:		Line 125:
	Also:		Also:
	* Compress 10 of your photos using the techniques shown in class (above), bring them to class. -->		* Compress 10 of your photos using the techniques shown in class (above), bring them to class. -->
		+
		+	Be prepared next Monday to share show TWO totally seperate website explorations using TWO different website tools (Squarespace, Cargo, Adobe Portfolio, etc..!
		+	* At least 20 images
		+	* Explore the navigation, project hierachy & how you present your contact info.

@@ Line 86: / Line 86: @@
 == Video Notes ==
-<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_01_KyleBrushInPhotoshopSketchRefresher.sketchup.mp4 Refresher on setting up Kyle's brushes in Photoshop and Adobe Sketch] -->
+*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_01_KyleBrushInPhotoshopSketchRefresher.sketchup.mp4 Refresher on setting up Kyle's brushes in Photoshop and Adobe Sketch]
-<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_02_settingUpGsuiteEmailAndGodaddyDomain.sketchup.mp4 Setting up a domain at Godaddy and linking gSuite email] -->
+*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_02_settingUpGsuiteEmailAndGodaddyDomain.sketchup.mp4 Setting up a domain at Godaddy and linking gSuite email]
-<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_03_IllustrationWebsitesOverviewAndAssignmant.sketchup.mp4 Illustration website overview and 1st assignment] -->
+*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_03_IllustrationWebsitesOverviewAndAssignmant.sketchup.mp4 Illustration website overview and 1st assignment]

← Older revision		Revision as of 04:49, 14 March 2018
Line 85:		Line 85:

	== Video Notes ==		== Video Notes ==
		+
		+	<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_01_KyleBrushInPhotoshopSketchRefresher.sketchup.mp4 Refresher on setting up Kyle's brushes in Photoshop and Adobe Sketch] -->
		+	<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_02_settingUpGsuiteEmailAndGodaddyDomain.sketchup.mp4 Setting up a domain at Godaddy and linking gSuite email] -->
		+	<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20180312_MFAI_03_IllustrationWebsitesOverviewAndAssignmant.sketchup.mp4 Illustration website overview and 1st assignment] -->
		+

	<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_01_PortfolioReviewAndPinboard.mp4 Review Photography portfolios and adding them to the pinboard link above] -->		<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_01_PortfolioReviewAndPinboard.mp4 Review Photography portfolios and adding them to the pinboard link above] -->

@@ Line 17: / Line 17: @@
 === Review Illustration Inspirational Website Submissions ===
-* [http://pinboard.in/search/u:choppingblock?query=mps-dp Matthew's pinboard list of the photo websites the class shared]
+* [https://pinboard.in/search/u:choppingblock?query=illustration+portfolio Matthew's pinboard list of the illustration portfolio websites]
 === The "size" of the web ===

@@ Line 52: / Line 52: @@
 * [http://choppingblock.com/presentations/evolving-web-trends/#slide8 Evolution of site design and technologies]
 * [http://choppingblock.com/presentations/evolving-web-trends/#slide15 The Magic Poster theory]
-* [http://choppingblock.com/presentations/evolving-web-trends/#slide35 Photographers should NOT have to learn code]
+* [http://choppingblock.com/presentations/evolving-web-trends/#slide35 Illustrators should NOT have to learn code]
 We also talked a little bit about Responsive Web Design
@@ Line 67: / Line 67: @@
 : Will you be building your website yourself (HTML/CSS) and uploading it? - Yes
 : Will you be using [http://indexhibit.org indexhibit] or [http://wordpress.org Wordpress] to build your website? - Yes
-: Will be using a hosted solution like [http://photoshelter.com PhotoShelter], [http://squarespace.com Squarespace] or [http://cargocollective.com Cargo] to build your website? - No
+: Will be using a hosted solution like [http://squarespace.com Squarespace] or [http://cargocollective.com Cargo] to build your website? - No
 : Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly
@@ Line 76: / Line 76: @@
 * My preference for all of you is to go with [http://dreamhost.net Dreamhost] over [http://godaddy.com Godaddy] for JUST the hosting part.
-=== Photography Site Building (CMS) Solutions ===
+=== Illustration Site Building (CMS) Solutions ===
-There was a time where a Photographer would build (or hire somebody to build) their website from scratch. Adding and removing content from these websites would require somebody to edit the HTML and upload the changes to a web server. Successful websites are no longer built like this... Content Management Systems (CMS) have redefined how the internet works. These tools are either hosted, or need to be installed on your webserver to run.
+There was a time where a Illustrator would build (or hire somebody to build) their website from scratch. Adding and removing content from these websites would require somebody to edit the HTML and upload the changes to a web server. Successful websites are no longer built like this... Content Management Systems (CMS) have redefined how the internet works. These tools are either hosted, or need to be installed on your webserver to run.
 This week I introduced the class to the concept of Content Managed Solutions. We will be spending a lot of time looking at these options.
@@ Line 92: / Line 92: @@
 == Assignment ==
-Simple assignment this week:
+<!-- Simple assignment this week:
 * Use the techniques shown in class to bring in 10 compressed photos next week (05/31)
 ** Watch the video above for a refresher
-** Name your files responsibly
+** Name your files responsibly -->
-I have created a Dropbox folder for the class. It's an easy way to collect/organize projects and assignments. If you do not want the folder on your hard drive taking up space you don't have to sync it to your drive, you can use the selective sync settings to disable it and just use the web interface.
+<!-- I have created a Dropbox folder for the class. It's an easy way to collect/organize projects and assignments. If you do not want the folder on your hard drive taking up space you don't have to sync it to your drive, you can use the selective sync settings to disable it and just use the web interface.  -->
-Please keep reviewing options/working your web sites.
+<!-- Please keep reviewing options/working your web sites. -->
 <!-- Your task this session is to simply become familiar with the tools and HTML shown in class.

@@ Line 38: / Line 38: @@
 * [http://en.wikipedia.org/wiki/Image_file_formats Image Format Reference]
 * There is a tool called [http://imageoptim.com Imageoptim] for further compressing your images
 === Hosting Your Sites ===

@@ Line 65: / Line 65: @@
 == Video Notes ==
-*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_01_PortfolioReviewAndPinboard.mp4 Review Photography portfolios and adding them to the pinboard link above]
+<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_01_PortfolioReviewAndPinboard.mp4 Review Photography portfolios and adding them to the pinboard link above] -->
-*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web & Image Compression Overview]
+<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web & Image Compression Overview] -->
-*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem]
+<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem] -->
 == Assignment ==