http://wiki.mpsdigitalphoto.com/index.php?action=history&feed=atom&title=Class%3ADigital_Portfolio_2017%2FWeek_2 2026-06-19T10:32:24Z Revision history for this page on the wiki MediaWiki 1.32.0 http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=347&oldid=prev 2017-05-29T13:38:54Z

<p>‎<span dir="auto"><span class="autocomment">Assignment</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 13:38, 29 May 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l80" >Line 80:</td> <td colspan="2" class="diff-lineno">Line 80:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.  </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Please keep reviewing options/working your web sites.</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;!-- Your task this session is to simply become familiar with the tools and HTML shown in class.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;!-- Your task this session is to simply become familiar with the tools and HTML shown in class.</div></td></tr> </table>

Matthew http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=346&oldid=prev 2017-05-29T13:38:03Z

<p>‎<span dir="auto"><span class="autocomment">Assignment</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 13:38, 29 May 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l73" >Line 73:</td> <td colspan="2" class="diff-lineno">Line 73:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Assignment ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Assignment ==</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Simple assignment this week:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Use the techniques shown in class to bring in 10 compressed photos next week (05/31)</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** Watch the video above for a refresher</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** Name your files responsibly</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">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. </ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;!-- Your task this session is to simply become familiar with the tools and HTML shown in class.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;!-- Your task this session is to simply become familiar with the tools and HTML shown in class.</div></td></tr> </table>

Matthew http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=345&oldid=prev 2017-05-28T16:15:53Z

<p>‎<span dir="auto"><span class="autocomment">Video Notes</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 16:15, 28 May 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67" >Line 67:</td> <td colspan="2" class="diff-lineno">Line 67:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Video Notes ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Video Notes ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[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]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[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]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web &amp; Image Compression Overview]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web &amp; Image Compression Overview]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;!--*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_01_ReviewDomainsTransfersEmail.mp4 Domains and Transferring Email Review]</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_02_Part01_SampleWebsitesReview.mp4 Review &amp; Deconstruct Sample Websites Pt 1]</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_03%20Part02_WebHistoryIintroToCMSOptions.mp4 History of Web Making and Intro to CMS Options]--&gt;</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">&lt;!-- == Files ==</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Download the choppingblock / html-css-demos files [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here] --&gt;</del></div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Assignment ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Assignment ==</div></td></tr> </table>

Matthew http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=344&oldid=prev 2017-05-28T16:15:34Z

<p>‎<span dir="auto"><span class="autocomment">Video Notes</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 16:15, 28 May 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67" >Line 67:</td> <td colspan="2" class="diff-lineno">Line 67:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Video Notes ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Video Notes ==</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*[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]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_02_TheSizeOfTheWebAndImageCompression.mp4 The Size Of The Web &amp; Image Compression Overview]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170522_MPS_DP_04_SharingInLightroomEcosystem.mp4 Sharing in the Adobe Lightroom ecosystem]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> </table>

Matthew http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=343&oldid=prev 2017-05-22T13:58:26Z

<p>‎<span dir="auto"><span class="autocomment">Review Your Inspirational Website Submissions</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 13:58, 22 May 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20" >Line 20:</td> <td colspan="2" class="diff-lineno">Line 20:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Review Your Inspirational Website Submissions ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Review Your Inspirational Website Submissions ===</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://pinboard.in/search/u:choppingblock?query=mps-dp<del class="diffchange diffchange-inline">+2016 </del>Matthew's pinboard list of the photo websites the class shared]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [http://pinboard.in/search/u:choppingblock?query=mps-dp Matthew's pinboard list of the photo websites the class shared]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== The &quot;size&quot; of the web ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== The &quot;size&quot; of the web ===</div></td></tr> </table>

Matthew http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2017/Week_2&diff=342&oldid=prev 2017-05-22T05:17:09Z

<p>Created page with &quot;== Last Week == * Introductions * Discuss Class * Discuss Wiki * History of the Internet * How the internet works for us == This Week == * Review Last Week &amp; your email/dom...&quot;</p> <p><b>New page</b></p><div>== Last Week ==<br /> <br /> * Introductions<br /> * Discuss Class<br /> * Discuss Wiki<br /> * History of the Internet<br /> * How the internet works for us<br /> <br /> == This Week ==<br /> <br /> * Review Last Week &amp; your email/domain questions<br /> * Some Adobe Lightroom stuff<br /> * The &quot;size&quot; of the internet<br /> * Image Optimization<br /> <br /> == Open Questions ==<br /> <br /> == Notes ==<br /> <br /> === Review Your Inspirational Website Submissions ===<br /> <br /> * [http://pinboard.in/search/u:choppingblock?query=mps-dp+2016 Matthew's pinboard list of the photo websites the class shared]<br /> <br /> === The &quot;size&quot; of the web ===<br /> <br /> * [http://sebastien-gabriel.com/designers-guide-to-dpi/ Screen Designers Guide to DPI]<br /> * [http://alistapart.com/article/responsive-images-in-practice A List Apart: Responsive Images in Practice]<br /> <br /> ==== Image Sizes Today ====<br /> <br /> ; Small - 800px wide<br /> ; Medium - 1200px - 1600px wide<br /> ; Large - 1800px wide and up<br /> <br /> * [http://sebastien-gabriel.com/designers-guide-to-dpi/ Screen Designers Guide to DPI]<br /> * [http://alistapart.com/article/responsive-images-in-practice A List Apart: Responsive Images in Practice]<br /> <br /> === Optimizing Images for The Web ===<br /> <br /> We covered many aspects/techniques related to optimizing your images for the web.<br /> * [http://en.wikipedia.org/wiki/Image_file_formats Image Format Reference]<br /> * I also showed the excellent tool [http://imageoptim.com Imageoptim] for further compressing your images<br /> <br /> === Hosting Your Sites ===<br /> <br /> 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.<br /> <br /> ; Do you need a dedicated host? <br /> : Will you be building your website yourself (HTML/CSS) and uploading it? - Yes<br /> : Will you be using [http://indexhibit.org indexhibit] or [http://wordpress.org Wordpress] to build your website? - Yes<br /> : 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<br /> : Even if it is not your main website, will you need to export galleries and post them online for friends/clients to see? - Possibly<br /> <br /> It's important to go with a Hosting Provider that you trust, one that you can contact when you need some help.<br /> <br /> I have created a [[Online:Hosting Providers|Hosting Providers reference page for you here]].<br /> <br /> * My preference for all of you is to go with [http://dreamhost.net Dreamhost] over [http://godaddy.com Godaddy] for JUST the hosting part.<br /> <br /> === Photography Site Building (CMS) Solutions ===<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> I have created a [[Online:Site Building (CMS) Solutions|Site Building (CMS) Solutions reference page for you here]].<br /> <br /> == Video Notes ==<br /> <br /> <br /> &lt;!--*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_01_ReviewDomainsTransfersEmail.mp4 Domains and Transferring Email Review]<br /> *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_02_Part01_SampleWebsitesReview.mp4 Review &amp; Deconstruct Sample Websites Pt 1]<br /> *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_03%20Part02_WebHistoryIintroToCMSOptions.mp4 History of Web Making and Intro to CMS Options]--&gt;<br /> <br /> <br /> &lt;!-- == Files ==<br /> <br /> * Download the choppingblock / html-css-demos files [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here] --&gt;<br /> <br /> == Assignment ==<br /> <br /> &lt;!-- Your task this session is to simply become familiar with the tools and HTML shown in class.<br /> * Download the files<br /> * Look over the HTML in the first few folders<br /> * Download and open up Sublime text<br /> * Download and open up Espresso, see if you can edit some CSS.<br /> <br /> And spend some time refreshing your CSS/HTML Skills:<br /> ; Complete the following lessons at [http://www.codecademy.com/tracks/web Code Academy]<br /> : [http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1 CSS: An Overview]<br /> : [http://www.codecademy.com/courses/web-beginner-en-WF0CF/0/1 CSS Selectors]<br /> : [http://www.codecademy.com/courses/web-beginner-en-6merh/0/1 CSS Positioning] --&gt;<br /> <br /> &lt;!-- For class on June 6th:<br /> * Review the [[Online:Site Building (CMS) Solutions|website platforms &amp; Content Management options]] page, explore and shop for templates that you like.<br /> * Sketch or write out how you will organize the sections of your website.<br /> * Be prepared to discuss your plans for the above in class. Section names, hierarchy and content/copy for your info pages.<br /> <br /> Also:<br /> * Compress 10 of your photos using the techniques shown in class (above), bring them to class. --&gt;</div>

Matthew