Class:Digital Portfolio 2013/Week 2 - Revision history

Matthew: /* Video Notes */

2013-05-16T16:18:07Z

‎Video Notes

2013-05-15T04:38:07Z

‎Assignment

2013-05-15T04:34:45Z

‎Files

2013-05-15T04:34:03Z

‎Installed Matthew's TextMate Bundle

2013-05-15T04:31:31Z

‎Files

2013-05-15T04:31:02Z

‎Refresher on HTML & CSS

2013-05-15T04:24:13Z

‎Refresher on HTML & CSS

2013-05-15T04:21:55Z

‎Refresher on HTML & CSS

2013-05-15T03:58:06Z

‎Notes

2013-05-15T02:20:04Z

‎Open Questions

@@ Line 62: / Line 62: @@
 == Video Notes ==
 === 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_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_TextMateBundleAndAssignment.mp4 Installing Matthew's TextMate Bundle and Assignment]

@@ Line 81: / Line 81: @@
 == Assignment ==
-'''Bold'''
+Your task this session is to simply become familiar with the tools and HTML shown in class.
-Bring with you to class next week .
+If you can, bring some of your images to class next session.

@@ Line 77: / Line 77: @@
 * 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 ==

@@ Line 59: / Line 59: @@
 === Installed Matthew's TextMate Bundle ===
+Everything you need to know about installing the Chopping Block TextMate bundle has been [[Desktop:TextMate Bundles|posted for you here]].
 == Video Notes ==

@@ Line 89: / Line 89: @@
 == Files ==
-; Title - http://url
+* Download the choppingblock / html-css-demos files [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here]
-: note
+* The Chopping Block
 == Assignment ==

← Older revision		Revision as of 04:31, 15 May 2013
Line 41:		Line 41:

	Our first big task is to review HTML & CSS techniques in an effort to get everybody more comfortable hacking away at their websites.		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 [https://github.com/choppingblock/html-css-demos/archive/master.zip from github.com here]

	* We reviewed the basic HTML tags:		* We reviewed the basic HTML tags:

@@ Line 52: / Line 52: @@
 ** [http://www.w3schools.com/tags/tag_div.asp HTML div: &lt;div&gt;&lt;/div&gt; Tags]
 ** [http://www.w3schools.com/tags/tag_span.asp HTML div: &lt;span&gt;&lt;/span&gt; Tags]
 === Installed Matthew's TextMate Bundle ===

← Older revision		Revision as of 04:21, 15 May 2013
Line 40:		Line 40:
	=== Refresher on HTML & CSS ===		=== 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.
		+
		+	* We reviewed the basic HTML tags:
		+	** [http://www.w3schools.com/tags/tag_hn.asp HTML Headers: <h1> to <h6> Tags]
		+	** [http://www.w3schools.com/html/html_links.asp HTML Links: <a href="#">link</a> Tags]
		+	** [http://www.w3schools.com/tags/tag_ul.asp HTML Unordered Lists: <ul></ul> Tags]
		+	** [http://www.w3schools.com/tags/tag_ol.asp HTML Ordered Lists: <ol></ol> Tags]
		+	** [http://www.w3schools.com/tags/tag_img.asp HTML Images: <img /> Tags]
		+	** [http://www.w3schools.com/html/html_paragraphs.asp HTML Paragraph: <p></p> Tags]
		+	* We reviewed the HTML tags used for styling regions of pages:
		+	** [http://www.w3schools.com/tags/tag_div.asp HTML div: <div></div> Tags]
		+	** [http://www.w3schools.com/tags/tag_span.asp HTML div: <span></span> Tags]

	=== Installed Matthew's TextMate Bundle ===		=== Installed Matthew's TextMate Bundle ===

← Older revision		Revision as of 03:58, 15 May 2013
Line 24:		Line 24:

	== Notes ==		== Notes ==
		+
		+	=== Optimizing Images for The Web ===
		+
		+	We covered many aspects/techniques related to optimizing your images for the web.
		+	* Two videos below
		+	* [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
		+
		+	=== 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 [[Desktop:Text Editors\|Text Editors reference page for you here]].
		+
		+	=== Refresher on HTML & CSS ===
		+
		+
		+	=== Installed Matthew's TextMate Bundle ===
		+

	1. is it flash or html		1. is it flash or html

@@ Line 18: / Line 18: @@
 ; Is [http://foliodrop.com FolioDrop] a good solution for my website?
 : Added it to the list of [[Online:Site Building (CMS) Solutions | Site Building (CMS) Solutions]]
-: Also added a section on the page above outlining key criteria for reviewing Site Building 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?