Has this website finally perfected mind reading technology?

week # 5
Appple bricks phones with 3rd party repairs in new iOS update. Apple = bad.
Apple refuses to let FBI force them to write a back door. Apple = good.
Siri conversations. Apple = bad again.
EFF
Apple Letter
Guess what happens when you go to tedcruz.com? Why?
hint DNS;
Siri conversations
Samsung TVs

Netflix

A power law is a functional relationship between two quantities, where a relative change in one quantity results in a proportional relative change in the other quantity, independent of the initial size of those quantities: one quantity varies as a power of another.


Image maps

Image maps allow you to make sections of your images be links.
First, find or create an image and open it in photoshop, (or some kind of image editing program). Make sure that it is 72 dpi. There are three kinds of areas you can use square, circle, and polygon - of course you can also use a combination of all three.

In photoshop go under windows to info.


<MAP NAME="map1">
<AREA
   HREF="week1.php" ALT="week1" TITLE="week1"
   SHAPE=RECT COORDS="48, 21, 120, 91">
<AREA
   HREF="week2.php" ALT="week2" TITLE="week2"
   SHAPE=CIRCLE COORDS="235, 182, 50">
<AREA
   HREF="week3.php" ALT="week3" TITLE="week3"
   SHAPE=POLY COORDS="41, 168, 99, 190, 128, 277, 28, 273">
</MAP>

<IMG SRC="images/buttontest.png"
   ALT="button_test" BORDER=0 
   USEMAP="#map1">
week1 week2 week3
Button_test

Do not change the size of your images in the HTML or your coordinates will be off.



There is an online tool online tool for making HTML image maps - not sure if it's more hassle than it's worth ...

LISTS! There are three types of lists Unordered, Ordered and the lesser used Definition list .

<ol>
	<li>	this is the first item</li>
	<li>	this is the second item </li>
	<li>	this is the third </li>
	<li>	fourth </li>
	<li>	you get the idea</li>
</ol>
  1. this is the first item
  2. this is the second item
  3. this is the third
  4. fourth
  5. you get the idea
Lists are a great oppourtunity to break out Sublime's multiple cursor tricks! Unordered lists work the sma only with bullets instead of numbers. Of course you can further change list style atributes - look it up in the W3 School site.
The new descriptive list is good for a bulletpoint layout with indentation. You are not limited to just using one line of text. You can put line breaks, even images, in a dt list.
<dl>
  <dt>Good things about Grizzly</dt>
  <dd>cute</dd>
  <dd>fun to play with</dd>
  <dt>Bad things about grizzly</dt>
  <dd>Doesn't want me to sleep</dd>
  <dd>only likes expensive food</dd>
</dl>
Good things about Grizzly the cat
Cute
Fun to play with
Bad things about grizzly
Doesn't want me to sleep
Only likes expensive food
Of course you can also style list atributes with CSS
<style> 
dt {
	font-weight: bold;
}
dd {
	color: green;
}
</style>

Tables
This is row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
Tables are a great way of making a chart, but historically tables use to be the way to do entire webpage layouts. These days it's only old folks who refuse to learn CSS that resort to using tables this way. Oh, and crappy WYSIWYG editors sometimes use tables too. We are going to focus on learning tables for what they should be used for - as an element within your page, not as the backbone of the page itself.

This code made the above table.

<table border="1">
<tr>
<td> This is row 1, cell 1</td>
<td> row 1, cell 2</td>
</tr>
<tr>
<td> row 2, cell 1</td>
<td> row 2, cell 2

The first step is to define a table with the table tag. Each row is opened and closed with the <tr> tag, each cell is opened and closed with the <td> tag. Don't forget to close your table tag when you're done. When tables get complicated you'll want to start commenting your code.

This is row 1, cell 1 row 1, cell 2 row 1, cell 3
centered!
spans!
A Table Within
A Table!

<table border="1" align = "center" bgcolor = #CCCCCC cellspacing="10" cellpaddng="10"> 
<tr>  <!-- row 1--> 
<td width= "230px"> This is row 1, cell 1</td> 
<td> row 1, cell 2</td> 
<td bgcolor = red> row 1, cell 3</td> 
</tr> 

<tr> <!-- row 2--> 
<td align = "center"> centered!</td> 
<td> <img src="images/tables.jpg" alt="" width="180"/> </td> 
<td> </td> 
</tr> 

<tr bgcolor = blue>  <!-- row 3, this whole row is set to blue --> 
<td align = "center" > <span class="smalltitlestyle"> spans!</span> </td>  
<td> </td> 
<td>    
	<table border="1"  bgcolor = white> 
	<tr> <!-- row 1 new table--> 
	<td> A Table</td> 
	<td> Within</td> 
	</tr> 

	<tr> <!-- row 2 new table--> 
	<td> A</td> 
	<td> Table!</td> 
	</tr> 
	</table> 		
	</td> 	
</tr> 
</table>
The first web server
Traditionally, tables were a great way to simply caption an image. This table has two rows with 1 cell in each row. You can tell the table to align to the right or left and the text will float around the entire table. Be sure to center to text in the caption cell so that it appears correctly under the image. Notice that the border is set to 0, this will ensure that the border does not appear in all browsers.
<table align = "right" style="margin: 5px;" border = "0" >
<tr>
<td >
	<img src="images/tim-berners-lee-first-server-do-not-turn-off.jpg" alt="" >
</td>
</tr>
<tr>
<td align = "center" ><i> The first web server </i></td>
</tr>
</table>

Better still, you can format your tables with CSS.

.tablediv{	
}
		
.tablediv table{ 
	width: 300px; 
	background-color: green; 
}

Simple CSS dropdowns dorpdown http://www.w3schools.com/css/css_dropdowns.asp

Lab for week 5
narrative projects due on March 3rd. must have:

Generation Like
As we may think
Context for as we may think