Difference between revisions of "Class:Digital Portfolio 2013/Week 2"

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(→‎Installed Matthew's TextMate Bundle)
(→‎Video Notes)
 
(2 intermediate revisions by the same user not shown)
Line 62: Line 62:
  
 
== Video Notes ==
 
== Video Notes ==
 +
 +
=== Section A ===
 +
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-A_DimensionsOfTheWeb.mp4 Dimensions of the Web]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-A_OptimizingImagesForWeb.mp4 Optimizing Images for the Web]
 +
* [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_BasicHTMLElements.mp4 Basic HTML Elements]
 +
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130515_MPS-DP-A_AssignmentOverview.mp4 Assignment Overview]
  
 
=== Section B ===
 
=== Section B ===
Line 70: Line 78:
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_DimensionsOfTheWeb.mp4 Pixel Dimensions of the Web]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_DimensionsOfTheWeb.mp4 Pixel Dimensions of the Web]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_TextEditorsTextMateAndSublime.mp4 Tools: TextEditors: TextMate and Sublime]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_TextEditorsTextMateAndSublime.mp4 Tools: TextEditors: TextMate and Sublime]
−
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_BasicHTMLElements.mp4 Basic HTML Elementts]
+
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_BasicHTMLElements.mp4 Basic HTML Elements]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_StylingCSSAndEspresso.mp4 Styling HTML with CSS]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_StylingCSSAndEspresso.mp4 Styling HTML with CSS]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_TextMateBundleAndAssignment.mp4 Installing Matthew's TextMate Bundle and Assignment]
 
* [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130513_MPS-DP_TextMateBundleAndAssignment.mp4 Installing Matthew's TextMate Bundle and Assignment]
Line 77: Line 85:
  
 
* Download the choppingblock / html-css-demos files [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here]
 
* Download the choppingblock / html-css-demos files [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here]
−
* The Chopping Block
+
* [[Desktop:TextMate Bundles|Installing the Chopping Block TextMate bundle]].
  
 
== Assignment ==
 
== Assignment ==
  
−
'''Bold'''
+
Your task this session is to simply become familiar with the tools and HTML shown in class.
 +
* Download the files
 +
* Look over the HTML in the first few folders
 +
* Download and open up TextMate, install the Bundles if you like.
 +
* Download and open up Sublime text
 +
* Download and open up Espresso, see if you can edit some CSS.
  
−
Bring with you to class next week .
+
If you can, bring some of your images to class next session.
−
* Description.
 

Latest revision as of 09:18, 16 May 2013

Last Week

  • Introductions
  • Discuss Class
  • Discuss Wiki
  • History of the Internet
  • How the internet works for us

This Week

  • Review Last Week
  • Prepping Images for the Web
  • Tools: Text Editors
  • HTML / CSS Review

Open Questions

Is FolioDrop a good solution for my website?
Added it to the list of Site Building (CMS) Solutions
Also added a section on the page above outlining key criteria for vetting Site Building Solutions
What do i need if i want a Wordpress website?
Video of the conversation below: Quick Wordpress (and Wordpress hosting) overview

Notes

Optimizing Images for The Web

We covered many aspects/techniques related to optimizing your images for the web.

Reviewed Text and CSS Editors

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

Installed Matthew's TextMate Bundle

Everything you need to know about installing the Chopping Block TextMate bundle has been posted for you here.

Video Notes

Section A

Section B

Files

Assignment

Your task this session is to simply become familiar with the tools and HTML shown in class.

  • Download the files
  • Look over the HTML in the first few folders
  • Download and open up TextMate, install the Bundles if you like.
  • Download and open up Sublime text
  • Download and open up Espresso, see if you can edit some CSS.

If you can, bring some of your images to class next session.

Retrieved from "http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2013/Week_2&oldid=57"