Difference between revisions of "Class:Digital Portfolio 2017/Week 3"
(→Video Notes) |
|||
| Line 53: | Line 53: | ||
Sound did not record this week in a few of the videos' 3 of these are from last year - similar content. | Sound did not record this week in a few of the videos' 3 of these are from last year - similar content. | ||
| − | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20140521_MPS-DP_responsiveWebDesign.mp4 Responsive Websites Overview] | + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170531_MPS_DP_01_FileCompressionProjectReview.mp4 Review your ten compressed images assignment] |
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170531_MPS_DP_02_CompressionAndRenamingQuickTips.mp4 Tips and utilities for quick/batch renaming and compression] | ||
| + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20170531_MPS_DP_03_TypeParingAndSquarespaceOverview.mp4 Font parings and Squarespace with Typekit] | ||
| + | |||
| + | |||
| + | <!-- * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20140521_MPS-DP_responsiveWebDesign.mp4 Responsive Websites Overview] | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20140521_MPS-DP_imageCompression101.mp4 Image Compression for Photographers 101] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20140521_MPS-DP_imageCompression101.mp4 Image Compression for Photographers 101] | ||
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-A_TextEditorsTextMateSublimeAndEspresso.mp4 Tools: TextEditors: TextMate, Sublime and Espresso] | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-A_TextEditorsTextMateSublimeAndEspresso.mp4 Tools: TextEditors: TextMate, Sublime and Espresso] | ||
| − | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160606_MPS_DP_04_WebCSSEditToolsAndTips.mp4 Using the Web Inspector and basic tools to help hack/edit your web projects] | + | * [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20160606_MPS_DP_04_WebCSSEditToolsAndTips.mp4 Using the Web Inspector and basic tools to help hack/edit your web projects] --> |
| Line 62: | Line 67: | ||
*[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] --> | ||
| − | |||
== Assignment == | == Assignment == | ||
Revision as of 00:36, 12 June 2017
Contents
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
- Image Processing & Image Renaming Tricks
- 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.
- Image Format Reference
- I forgot to show the excellent tool Imageoptim for further compressing your images
Image Processing & Image Renaming Tricks
In class we discussed a few different solutions for streamlining a photographers batch processing needs.
I have updated the Handy Utilities reference page for you here.
- A Better Finder Rename (http://www.publicspace.net/ABetterFinderRename/)
- Insanely quick and useful way to rename files and folders.
- Trial download available from the website, also available in the Mac App Store here.
- Dr (Russell) Brown's Image Processor Pro (http://www.russellbrown.com/scripts.html)
http://photoshopscaresme.com/new-version-russell-browns-image-processor-pro/
- Fantastic image processing extension for Photoshop/Bridge
- Direct link to download right 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
Sound did not record this week in a few of the videos' 3 of these are from last year - similar content.
- Review your ten compressed images assignment
- Tips and utilities for quick/batch renaming and compression
- Font parings and Squarespace with Typekit
