Category Archives: Uncategorized

How to Optimize Photos for Web

1. Open your photo in Photoshop

2. Open the VIEW tab at the top -> Proof Setup -> Internet Standard RGB

3. Open the IMAGE tab at the top ->Image Size :

Resolution: 72

Dimensions: longer side to 800 pixels

Resample Image: Bicubic Sharper (for reduction)

Bicubic Smoother (for enlargement)

4. Open the FILE tab at the top -> File Info -> Type in your information and descriptions. Remember to copyright yourself (option +G=©)

5. Open the FILE tab at the top -> Save for Web:

File: JPEG

Quality: Very High or Maximum

Optimized: Check

Preview: Internet Standard RGB

Image Size: longer side to 800 pixels
6. Save

 

Advertisements

To Download FTP Tool and Log In

Here is the link to download your FTP and VPN tools:

https://myservices.missouri.edu/Login.aspx

Type in your pawprint and password to log in, then search for FTP or VPN tools.

For the FTP tool to get to your Bengal space at home or anywhere else, MU is recommending Fetch for Mac users.
PC users can also download a windows version of Fetch.

 
After you downloaded and installed it, open it up, and there will be a window pop up.

Hostname: bengal.missouri.edu

Username: your pawprint

Connecting Using: SFTP

Password: your pawprint password

 

Hit connect, then you should be able to see your bengal space.

 

 

 

 

Play/Pause toggle buttons!

Classes are over, but I got asked by quite a few people how to make a button that would toggle between  play and pause. Since I just had to make one, I figured I’d post up how I did it here.

1) After you’ve created the play and pause buttons for your flv playback (see previous post), create a new movie clip (Insert –> New Symbol). I named mine pp_btn.

2) Inside this clip, put one button on each frame. If your movie autostarts, put the pause button on frame 1 and the play button on frame 2; if it doesn’t, put the play button on frame 1.

3) Create a new layer called “actions.” Insert a keyframe on both frames 1 and 2, and put a stop action on each.

4) Select the first button. Inside your on(release) action for that button, add the line: gotoAndPlay (2). Now, select the second button. Inside your on(release) action for that button, add the line: gotoAndPlay (1).

Example script from a pause button placed on frame one:

on (release) {
_root.myVideo.pause();
gotoAndPlay (2);
}

5) Go into your library and find the new movie clip. Drag it to the stage and test it. Now, your button should toggle!

CSS reset

A CSS Reset overrides all of the browser’s default settings for html tags and attributes.  This best way to guarantee consistency in appearance across browsers. Internet explorer will still cause issues, but it will make much less of a difference. Paste this into the beginning of your css document (under the character encoding and css declaration):

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}
/* End CSS reset */

Usability

Steve Krug is a major name in usability and usability testing.  He’s written a number of books on the subject. If you can get a hold of it, you should really check out his book Don’t Make Me Think.

Here are a couple of lessons from the book that will be useful to you when thinking about site layout and design.
http://www.uxbooth.com/blog/10-usability-lessons-from-steve-krug%E2%80%99s-dont-make-me-think/

Also, check out this site. It’s a good resource on usability and user’s interactions with sites: http://websitetips.com/usability/

Welcome to EPJ 2011

This will be another resource for skills and information as you navigate your way through html, css, and flash. Don’t hesitate to comment or ask questions. Have an awesome semester!

-Meg