Difference between revisions of "Class:Digital Portfolio 2016/Week 3"

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(Created page with "== Last Week == * Review Last Week * Hosting Your Sites * Introduction To Digital Portfolio Techniques * Photography Site Building (CMS) Solutions * The "size" of the interne...")
 
(→‎Video Notes)
Line 70: Line 70:
 
== Video Notes ==
 
== Video Notes ==
  
−
*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_01_ReviewDomainsTransfersEmail.mp4 Domains and Transferring Email Review]
+
<!-- *[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_01_ReviewDomainsTransfersEmail.mp4 Domains and Transferring Email Review]
 
*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_02_Part01_SampleWebsitesReview.mp4 Review & Deconstruct Sample Websites Pt 1]
 
*[http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160516_MPS_DP_02_Part01_SampleWebsitesReview.mp4 Review & Deconstruct Sample Websites Pt 1]
−
*[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]
+
*[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] -->
−
 
 
  
 
== Files ==
 
== Files ==

Revision as of 22:05, 5 June 2016

Last Week

  • Review Last Week
  • Hosting Your Sites
  • Introduction To Digital Portfolio Techniques
  • Photography Site Building (CMS) Solutions
  • The "size" of the internet

This Week

  • Recap Optimizing Images for The Web
  • Tools: Text Editors
  • HTML/CSS Quick Review

Open Questions

Notes

Recap Optimizing Images for The Web

Last session we covered many aspects/techniques related to optimizing your images for the web.


Reviewed Text and CSS Editors

Quick solid overview on design and HTML editors are in a few of the slides here
Tools of the Trade: Photoshop, Illustrator, Sketch, Textmate, Sublime

The web inspector within your web browser is an insanely useful design/develop tool.

And then there is Espresso, for visual CSS/HTML editing
Tools of the Trade: Espresso

We discussed three separate HTML & CSS tools that you should be familiar with for this Semester.

I have created a Text Editors reference page for you here.


Refresher on HTML & CSS

Our first big task is to review HTML & CSS techniques in an effort to get everybody more comfortable hacking away at their websites.

Download the choppingblock / html-css-demos files from github.com here


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 Site Building (CMS) Solutions reference page for you here.


Video Notes

Files

Assignment

For class on June 6th:

  • Review the website platforms & Content Management options page, explore and shop for templates that you like.
  • Sketch or write out how you will organize the sections of your website.
  • Be prepared to discuss your plans for the above in class. Section names, hierarchy and content/copy for your info pages.

Also:

  • Compress 10 of your photos using the techniques shown in class (above), bring them to class.
Retrieved from "http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2016/Week_3&oldid=321"