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

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(→‎Notes)
(→‎Refresher on HTML & CSS)
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 ===

Revision as of 21:21, 14 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.

Installed Matthew's TextMate Bundle

1. is it flash or html 2. what happen on a mobile? 3. Can i deep link

http://www.monicamenez.de

Text Editors - TextMate <macromates.com> - http://www.sublimetext.com - espresso

Title - http://url
note

Video Notes

Section B

Files

Title - http://url
note

Assignment

Bold

Bring with you to class next week .

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