Where to find WordPress themes

As Great as the Theme Repository at Wordpress.org is, it is hard sometimes to find the theme you want, so here are a couple of sites where you can find themes:

at the wordpress site:

other sources:
Amazing WordPress Themes
THemes at Rock Kitty
Theme Lab (they also have some nice tutorials)

you can also do a search on google with terms like “free wordpress themes fashion” and see what you find.
remember that we can change the colors and images on the themes using CSS, so the most important thing is that you like the layout.

if you find a nice source for themes, please leave a  comment below.

HTML / CSS

1st Session

1. review the HTML tutorials at w3schools.org,
from HTML HOME until HTML Lists.

2. Make a web page named myname.html (i.e. mine would be sebastian.html)
with the following:

• a page title (goes in the header section);
• a heading (i.e h1)
• a subheading (i.e h4)
• a paragraph which contains: ( p )
  • regular text
  • one bold word or sentence ( strong )
  • a sentence in italics ( em)
• a link to a website that opens on the same window ( a )
• a link that opens in a different window or tab. ( a, look up the “target” atrribute in the links section )
• an image ( img )
• an image that is a link ( a  + img );
• a table
• an unordered list with three items ( ul and li )

( relevant tags in parenthesis, if you need to look them up, check out the tag list in the same w3schools page )

Please bring the html page to class (remember to include the image(s) in the same folder as the html file)

2nd Session

1st Session

The Authoring Environment

What is Flash?

Stage

• Testing/publishing your movie, Format options
• Stage resizing concepts
• Background color
• Rulers, Guides, Layers.
• Layer Types (folders, guides, motion guides)
• Layer Viewing Options

Timeline

• Timeline View Options (Onion Skining, animation previews)
• Controlling the Timeline
• Keyframes, Labels, Shortcuts, Comments

Panels, Windows, Layout Preferences

• Stacking/grouping Panels
• The Property Inspector
• Customizing Layout

Shapes, Drawing Objects, Groups

• Tool Panel
• Drawing in Flash (Shape Tools, Pen/Brush/Eraser, snap-to prefs)
• Grouping, breaking apart

Shapes, Drawing Objects, Groups

• Tool Panel
• Drawing in Flash (Shape Tools, Pen/Brush/Eraser, snap-to prefs)
• Grouping, breaking apart

Importing Artwork

• Accepted file formats (AI, PS, PNG, image formats)
• Import sample files
• Optimizing Vector art
• Behavior in the Library
• Trace bitmap

Masking

• Accepted mask shape

Working With Text

• Format options
• Breaking into shapes for Masking and Animation
• Static versus Dynamic
• Anti-aliasing (Animation vs Readability

Class Project:

Project 1: Creating a Page Layout

1: Create a new Flash document
– File:New…:Flash Document (Actionscript 2.0)

2: Set the Stage size to 300×500, background color to Black (#000000) , and framerate to 24
– Modify:Document…

3: Create a New Layer, name it “Background”
– Insert > Timeline >> Layer
– Double-click on the text “Layer ‘number’” in the Timeline, type “Background”

4: Repeat this process for two more layers above this first layer (closer to the the top of the screen), naming them “Text” and “Photo”.

5: On the “Background” layer, select the Rectangle tool from the toolbar to the left, draw a rectangle shape on the Stage, about 260pixels by 460 pixels, approximately 20 pixels down from the top and 20 pixels in from the left edge of the stage.

6: Select the “Text” layer, then the select the Text tool (”A”)

7: Draw a text box on the stage that fits inside the boundaries of the rectangle, but is somewhat narrow and to the left. Select your desired font and color in the Property Inspector. Enter some text.

8: Select the “Photo” layer, import a small photo.

– File > Import >> Import to Stage

9: Place the photo to the right of the text box, up towards the top of the rectangle in the background, but still within it’s boundaries.

10: Test your movie.

Homework:

follow this tutorial from the Adobe Website.

bring it to our next class

test page

vfsdgdfs

this a bridge click to enlarge