Friday, April 29, 2011

Daily Double 4/29/11 - Schraubenl@glps.k12.mi.us



Directions: Please answer the three questions below using complete sentences in an email to me.

In yesterday's lesson we created a newsletter in Microsoft Word. We learned how to create a table, insert and delete rows and columns in our table, how to format our table, add clip art, insert footnotes and endnotes, how to create an automatic bibliography in MLA format, add borders and shading to our document, and how to apply a theme.

1. What was your favorite new application you learned yesterday and why?


2. When you insert clip art it is found in the:
      a. Clip Gallery
      b. Clip Art Task Pane
      c. Images Folder
      d. Data Files Folder


3. We also used themes that Microsoft Word had preset, can you create and save your own theme?

Wednesday, April 20, 2011

Daily Double 4/20/11 - Schraubenl@glps.k12.mi.us

Today we will have a work day to complete our "My Career" web page.

No email to me is necessary. Immediately start working on your web pages.

Feel free to email any questions that you have about creating tables in html, I would be more than happy to help address any topics for you.

Tuesday, April 19, 2011

Daily Double 4/19/11 - Schraubenl@glps.k12.mi.us


HTML Table Basics! 

Directions: Read the following article and send me an email answering the following questions. 

1. True or False: The table, row and cell tags all have cancel tags.

2. True or False: To create each row within a table you would first use the row tag <tr> to start a row  then the cell tag <td> to edit the content of each cell within the row. 



I. Introduction

You may want to consider using HTML tables in your website. In addition to creating HTML tables to present data in rows and columns, you can also create HTML tables to organize information on your web page. 
The process of creating an HTML table is similar to the process that you used to create your web page and any elements that you may have already included in your pages. Coding HTML tables into your web page is fairly easy since you need only understand a few basic table codes.


II. Creating a basic table

The basic structure of an HTML table consists of the following tags:
  • Table tags:  <TABLE> </TABLE>
  • Row tags:   <TR> </TR> 
  • Cell tags:    <TD> </TD>
Constructing an HTML table consists of describing the table between the beginning table tag, <TABLE>, and the ending table table tag,</TABLE>. Between these tags, you then construct each row and each cell in the row. To do this, you would first start the row with the beginning row tag, <TR>, and then build the row by creating each cell with the beginning cell tag, <TD>, adding the data for that cell, and then closing the cell with the ending cell tag, </TD>. When you finish all of the cells for a row, you would then close the row with the ending row tag, </TR>.Then, for each new row, you would repeat the process of beginning the row, building each cell in the row, and closing the row.
The following table is an example of a basic table with three rows and two columns of data. 
    Data 1Data 2
    Data 3Data 4
    Data 5Data 6
The codes that generated this table look like this:
    <TABLE>    <TR>       <TD>Data 1</TD>       <TD>Data 2</TD>    </TR>    <TR>       <TD>Data 3</TD>       <TD>Data 4</TD>    </TR>    <TR>       <TD>Data 5</TD>       <TD>Data 6</TD>    </TR> </TABLE>
This table contains no border, title, or headings.  If you wish to add any of these elements to your table, you need to include additional HTML codes.  

Monday, April 18, 2011

Daily Double 4/18/11 - Schraubenl@glps.k12.mi.us

Introduction to Tables in HTML
Directions:

Read the following introduction and send me an email answering the following questions in complete sentence form.

1. What is does the td tag <td> stand for? What type of information can be put into this type of cell?

2. What would your entry in TextEdit look like if you wanted to create a table with a "2" pixel border?


HTML Tables

Tables are used on websites for two major purposes:
  • The obvious purpose of arranging information in a table
  • The less obvious - but more widely used - purpose of creating a page layout with the use of hidden tables.
Tables are defined with the <table> tag.
A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.

Table Example

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
How the HTML code above looks in a browser:
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2


HTML Tables and the Border Attribute

If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be useful, but most of the time, we want the borders to show.
To display a table with borders, specify the border attribute:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


HTML Table Headers

Header information in a table are defined with the <th> tag.
All major browsers will display the text in the <th> element as bold and centered.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
How the HTML code above looks in your browser:
Header 1Header 2
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

Friday, April 15, 2011

Daily Double 4/15/11 - Schraubenl@glps.k12.mi.us

Making a picture into a link

Directions: Review the tutorial below to help with your Recipe website. We will have a brief review of this to start the hour today, no need to send me an email. After you have reviewed this, you may start working on your Recipe website.

How to make a picture into a link with html
With standard HTML, it's easy to make a picture into a link. If you already know how to make a link, like this:

<a href="http://www.blogger.com/your_url_goes_here">Click here!</a>

And you already know how to show an image, like this:

<img src="your_picture.jpg" />

Then you can combine those tags to make an image into a link:

<a href="http://www.blogger.com/your_url_goes_here"><img src="your_picture.jpg" /></a>

Thursday, April 14, 2011

Daily Double 4/14/11 - Schraubenl@glps.k12.mi.us

Directions:

Read the following marketing article, answer the following questions and email me your answers using complete sentences.

1. True or False: The goal of a business's website is to make sure that visitors have plenty of information on the first page about the business's products, offering, and company information.

2. According to the author, what is the goal of the website visitor?


What Do You Expect Visitors To Learn From Your Business Site?


What do your website visitors want to accomplish?” is a question I ask almost every business owner as part of some initial information gathering during our meetings.

“They want to learn more about my products.”
“They want to see what I have to offer.”
“They want to learn about my company.”

Wrong, wrong and wrong.

The goal of your website visitor is not to help you out, but to help themselves out. Learning more about your products or services is only a byproduct of their need to accomplish a goal, overcome an obstacle or fulfill a need.

Seeing what you have to offer comes only after they’ve been directed to your site by a search engine that’s already visited your site and (hopefully) returned relevant results. And nobody but people looking for a job or a new customer care anything about your business.

As you ask yourself the question, “what do visitors to my website want to accomplish?” put down the mirror and pick up a pair of their shoes. This isn’t about you…your website isn’t about you. It’s about getting into the head of your website visitor and understanding their problems.

By doing that, you can better understand what their goals are at your website, and build your site around that. Create paths that help your visitors get to where they need to go as efficiently as possible. Those paths become your most effective sales funnels.

If you don’t truly understand the goals of your website visitors you can’t provide the answer they seek, and they’ll look elsewhere.

Tuesday, April 12, 2011

4/13/11 - Web Page Activity

For the first 15 minutes of class finish your activity from yesterday's lesson.

The directions are to create your own webpage using the following specs:

Create a new notepad document
Title: about NAME, ex: About Mr. Schrauben
save as: name.html
Use any font color, size, face, etc. Use a background color
Type your name at the top – use a heading tag with the center attribute
Type the meaning of your name and the web address where you found it
Type Famous people that share your name.
Add breaks where necessary

4/12/11- "Introduction to Web Design Review"

Today's daily double will not require an email. We will review some key parts of yesterday's "Introduction to HTML" lesson to start class. We will then be completing our "Intro to Web Design Review" handout to start class.

The daily double points will be assessed as participation points based on your attention and contribution during the review.

Monday, April 11, 2011

Daily Double 4/11/11 - Schraubenl@glps.k12.mi.us

Hit iPhone app finds the foods you crave


Directions:

Read the article below and send me an email using complete sentences to answer the questions below:

1. What are your thoughts on the Foodspotting application?

2. Do you have an idea for a phone application that you think would be useful for people? Do you have an application on your mobile phone that you use frequently?


AUSTIN (CNNMoney) -- A crowded, sprawling event is the perfect place to peddle an app that lets you cut through noise and find exactly the right thing at the right time. Enter Foodspotting.

It's built around the idea of discovery. After a trip to Japan, Foodspotting founder and CEO Alexa Andrzejewski returned to San Francisco craving some of the cuisine she'd discovered on the road.

"There was no way to search for a specific dish," she said. "I couldn't get out of my head the idea that it'd be awesome to turn on my phone and discover good food."

Foodspotting became one of the buzzy startups that emerged from the fray at South by Southwest (SXSW) in 2010. A year later, the app now has more than 700,000 iPhone users.

Participants take pictures of foods they've tried and tag the images with a location and comment. When users open up the app, they can see pictures of food around them.

"It's like a more visual, natural way to discover things, instead of reading a bunch of reviews," Andrzejewski said.

The idea recently drew $3 million in venture capital funding, and expanded to the Android and BlackBerry platforms. To celebrate, Foodspotting hosted its second annual street food fest in Austin.

On Sunday, a parking lot filled with food trucks offered a wide mix of local favorites, from Australian meat pies to chicken and waffle tacos.

"Austin is really known for its food trailers," Andrzejewski said, adding that it's tough to find good food around the convention center that's the epicenter of SXSW. Her goal was to help convention attendees discover great local food.

When it comes to the business side of Foodspotting, the crew hopes to capitalize on flash deals.

"We really think that the market is becoming more and more ripe for restaurants to be able to post deals into streams," she said. Foodspotting also soon plans to let restaurants advertise their daily specials within the app.

There are now more than 400,000 foods "spotted" around the world. But Andrezejeswki has epic ambitions: "Our goal is to really catalogue all new foods in the world and where to find them."