Monday, October 15, 2012

Make a web page, learn basic HTML code


http://htmledit.squarefree.com/

Today we are going to learn some basic HTML code.

In one tab keep these directions open, in the second tab open this HTMLEDIT.SQUAREFREE.COM site.

WHAT DO YOU NEED TO PUT IN YOUR WEB PAGE?
You can be creative with the wording and images, just so the message remains the same.

Title:
Dance, or Halloween Dance, or Harvest Dance, or fall dance, or autumn dance... etc... You give it a title.

Picture:
Go find an image that shows dancing and copy the URL, (website address).

Information:

$3.00
or
1 quasar = 10 cents


Dance is welcome to ALL students

Permission slip required


Start by setting the background to a color.
<body style="background-color:orange;">

This is how to put a title or heading in:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

This is a horizontal line:

<hr>

This is how to put in image in:

<img src="THE IMAGE URL">

Example:
<img src="http://www.dance.uptownuk.com/images/streetdance.jpg" width="500" height="400">

This is the code for text size and colors, you apply it within a section, see example.

font-size:55px

style="color:green"

Example: <h3 style="color:DodgerBlue; font-size:30px">School Dance</h3>

Names of colors


Copy the final code to a text document file on your Y drive.

Go to Y drive, Right click, Add new text document.
  (IDEALLY name this text document your name_dance.txt, or yourname_dance.htm).

Open and then paste code, save.



Then upload the completed file to me using drop it to me.
password: lane

http://dropitto.me/lane <- click this to upload completed file. 



Wednesday, October 10, 2012

Design your logo

First, what is a logo?

A logo distinguishes, identifies  signifies, indicates, symbolizes or represents you or your company/organization, it should be easily recognizable while personal to you.

Look, at some famous logos and see if you can recognize them.
Logo's should be recognizable even if not in color:
Can a logo change over time? Click here to see example.




Today's assignment: Create your own logo using Inkscape.
To get started imagine, brainstorm, visualize what you think a cool logo would look like, consider words that might describe you, or shapes that you identify with. 

Save as logo.svg to your Y drive.

Monday, October 8, 2012

Columbus Day Timeline

Research two Christopher Columbus facts that have dates to add to our group time line.


When was he born?
When did he die?
When was a local storm named Columbus day storm?
What happened on the 400th anniversary?
When was it a holiday?
When was it a federal holiday?
???


Login: ppslane@gmail.com
password: student


Each time line event MUST have an image also.


*Be sure to put your first name in the description of your additions to the time line.




After Supper
Complete this game.
http://www.flashgame6.com/39609/the-discovery-of-america

Wednesday, October 3, 2012

Initial name in Three dimensions

Today we are going to make your name in 3d where the first initial is the 3D object and the rest of the letters are cut into your first name initial. 

First Steps:
Launch the program Inkscape.


First create and edit your name in your choice of fonts, with the first letter being large and the remaining letters small and fitting on top of the first.
SELECT BOTH OBJECTS (by drag selecting both, OR by holding SHIFT and clicking on both)
Next click Path > Difference.

File Save, or save a copy, or save as, whichever is first and works for you to save the file to your Y drive.
Make sure to rename the file you are saving your name.

Next Steps:
Launch the program Blender.


Delete the cube, by right clicking on it
to select it, then pressing the delete key.
File > Import > Scalable Vector Graphics (.svg)
Locate and import your file that you just saved from Inkscape, should be in your Y drive, should be renamed to your name.
Click Origin > Origin to Geometry
Click View > Camera
Use the mouse and keyboard keys G to grab and move, S to scale to position your name in front of the camera.

Use mouse wheel to scroll over to "object data" the two dots and curved line icon
Then on the Geometry : Ex: put either .1 or .2 or similar.

Render by pressing the keyboard key F12

Then Save the image by pressing the keyboard key F3
SAVE TO YOUR Y DRIVE.

IF YOU WANT TO DO EXTRA TO MAKE IT LOOK DIFFERENT...
Feel free to add a background mesh plane and change material colors, add various lighting and rotate the name around to get it to look how you want. Feel free to ask and describe what you image it looking like and Mr. Hurst can help.
See below examples.

Wednesday, September 26, 2012

Three Dimensional Layers

Learn about 3D and Layers.

Make something recognizable. A bird, chair, horse, cat, car, logo, etc. anything that is more than just random chunks of blah.


Turn it in by posting the finished URL as a comment.

To comment on blogspot, click the "0 comments" on the bottom of this page.

Comment as: Name/ URL from the drop down.

Monday, September 24, 2012

FIRST DAY!! - - Who are you, who is Mr. Hurst?... - Tech Savvy Survey



Today you are to fill out both of these forms, after you fill these both out we can hang out get to know each other, have free time on the computer, etc.

Get to know Mr. Hurst, and let Mr. Hurst get to know you


How Tech-Savvy Are You?