LFAS Computer Arts 9/10

Monday, January 26, 2015

Link Scavenger Hunt

<html>

<head> <title> donna's web sites </title>
</head>

<body>

<h1>My Web Sites</h1>
<hr>
<p>Here are some of my chosen web sites- <em>check them out:</em> </p>

<ol>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>
<li><a href=”http://www.the1staddress.com”>clickhere</a> </li>

</ul>
<a href=mailto:donna.usher@home.com>click here to contact me</a>

</body>
</html>

List of 10 sites:

browser
map site/travel site
music site
video site
weather
news source
an amazing site
a terrible site
html tutorial
choice

Wednesday, January 21, 2015

HTML Vocabulary

We are going to work on HTML vocabulary to further develop your ability to control the design and organization of your web page.

First use one of your self-portrait images photoshop. Open your image and reduce your resolution to lower the overall size of your image, it must be in RGB. Save your image to your "WEB" folder.

Headings: Are bold, bigger and move the next sequence of text to the next line <H1 > the biggest</H1 > to <H6 > the smallest</H6 >.
Text Colour: <font color="blue" >
Text Style: <font face="Arial" >
Text Size: <font size="+1" >

Hexidecimal Colour Code: RR GG BB put a number sign in front and numbers 1-9 or letters A-F to represent the colour. Here is a hexidecimal colour chart.a better hex chart.
A line of text: <p > and you have to close with </p >
Text Alignment: <div align="right" > or you can align it in the centre </div >
Line Break: <br > is a break to another line, no closing tag required

Image: <img src="name_of_your_photo" >
Link to another page, relative URL= <a href="page2.html" > type something to click on here</a>
Link to another site on the internet, absolute URL= <a href="http://www.website" > type something to click on here</a>

Tags within the opening "BODY" tag
Link tags to change the colour of your links use these attributes in the <body> tag:
link= change the link colour
alink= changes the link colour when you are clicking on it
vlink= changes the colur of your link after you have visited it
bgcolor= changes the colour of your page
background= changes the image on the background of your page

Lists
Numbered List <ol >
Buletted List <ul >
You need to put a <li > before and after each item on te list </li >
then close the ul or ol </ol > or </ul >

Basic HTML

We are going to learn how to make basic web pages using HTML. There are many HTML tutorials that you can explore. http://www.lissaexplains.com/ is a good one; it looks kind of childish, but easy to follow. HTML glossary is nicely organized, and HTML Tutorial is a good one too.

Create a "Webpage" folder in your Design folder.
Open "Note Pad" in the Start menu- Accessories-Note Pad.
Type the following:

<html>

<head>

<title>Choose your own site title, and type it in here.</title>

</head>

<body>

Everything that appears on your site will be entered here (text, images etc.), between the body tags.

</body>

</html>

Then save as "my_1st_webpage.html". (Make sure you include the extention ".html")

Open Internet Explorer File- Open- Browse for the file in your folder.

Friday, November 7, 2014

Elements of Design

Elements Of Design are physical building blocks used to create a design. The Elements of Design (according to Usher) are: colour, line, shape, form, and texture.

Colour visual measurement of hue, saturation, and brightness

Line a mark or stroke long in proportion to its breadth

Shape a distinct object or body in having a distinct outline.

Form a three dimensional design

Texture describes the surface of something.

Elements of Design Assignment:
Define each of the Elements of Design with a short explanation and find 3 visual examples for each to exemplify the element. Add a title for each element and post to your design blog. Find some that represent something about you. You can try to redraw the element of design image for your next self-portrait project.

Tuesday, October 28, 2014

My Apple

The Magritte Project

Draw the Shape

Select a distinct interesting human shape (there are a few saved to the share folder called "Magritte").
Create a NEW DOCUMENT
FILE> PLACE Your chosen shape into your document.
DOUBLE CLICK on the Shape layer and select TEMPLATE.
CREATE a NEW LAYER and trace your shape using the pen tool.
Remember, that if you CTRL click on the VISIBILITY MODE eyeball then your trace becomes an outline around.

Add the Blue Sky

Then CREATE another NEW LAYER
FILE > PLACE your blue sky file.
OBJECT>TRACE OUTINE and experiment with a few colour settings. [Hint- easier with the preview checked].
If you need to move the sky below the shape, drag the layer on the LAYER PALETTE below the one you want on top.

Create a Patterned Layer

CREATE another NEW LAYER
Draw a square with the RECTANGLE tool over the whole image.
Open the SWATCH LIBRARY>PATTERNS
Select a SWATCH collection that you are interested in incorporating into your design. Make sure it isn't too busy or distracting.
Select the rectangle shape and SELECT the pattern you want to apply.

EXCLUDE the Shape

Open the PATHFINDER box in the WINDOW menu.
SELECT the shape that you drew on previous layer.
SHIFT+SELECT the rectangle. So both the rectangle and shape are selected.
EXCLUDE the shape from the Rectangle.
Remember the order of the shape and the rectangle are important.
The shape should be punched out from the one below.

Save

FILE> SAVE AS "Magritte" your document as an ILLUSTRATOR DOCUMENT in your student file.

ADD your Apple

Open the Apple file.
SELECT ALL.
OBJECT> GROUP all of the objects on the apple file.
COPY
PASTE into your "Magritte" file

Wednesday, October 22, 2014

Post your Apple

Post your Apple if you have finished your Apple or not

Exporting your Illustration:

FILE>EXPORT your illustration as a JPEG
[SAVE into your student account]
In the JPEG DIALOGUE OPTION Box: Select "RGB" in COLOR MODEL.

Posting your Image to your blog in Blogger:

Use Mozilla FIREFOX
Sign into BLOGGER and find your blog.
Create a "NEW POST"
Title your post with a succinct recognizable title.
Select your cursor in the post box.
Click on the INSERT IMAGE icon.
UPLOAD> CHOOSE FILES
Find your JPEG that should be saved in your file.

Then help others in the class who are behind.