Flash Exercise: Use flash to create a photo slideshow

Objective: Use the features of Flash including ActionScript 3.0 to make a photo slideshow.

Due: Nov 16 (Wed), 9 p.m.
Email your URL to the instructor. Ex. http://www.yoursite.com/foldername/
Email subject must be: MC4315 Flash Exercise Your Name

Grading: Content: 30%, Design: 30%, Use of Technology: 40%

Overall Requirements:

  1. Use the features of Flash discussed in class to create the entire site, not with any other software, online templates, or pre-designed Flash or JavaScript templates.
  2. You must use at least one button for navigation (i.e. “Next”).
  3. Use 10-15 of your own photos.
  4. Embed your Flash slideshow on a html page.
  5. You must use a stylesheet to control typography and links.
  6. Missing any of the previous four requirements of the “Overall Requirement” will result in a failing grade. So please follow the guidelines and requirements.

Content Requirement:

  1. For your photos, you MUST optimize and size them properly in Photoshop BEFORE importing into Flash.
  2. Create a logo for the site in Photoshop or Flash (it has to be a new logo, not the ones you used in Project 2 or Project 3).
  3. Buttons that navigate between photos must fully function as rollovers.
  4. All photos must have a caption.
  5. Use appropriate ActionScript to stop and advance the slideshow.
  6. Photos must have a tween effect (fading). Import photos into frames. Tween effect should be on movie clip in each frame.
  7. Export Flash movie to .swf format.
  8. Include appropriate external links to other applicable sites. You must have at least one external link in the site.
  9. Include date, email, Flash Player link in html page (i.e. at the bottom of the page).
  10. Create the appropriate html page to insert your Flash movie and upload to Web in a new folder. Files you need to be in the folder and upload: index.html, style.css, ooxx.swf.
  11. Make sure the project is linked on your assignment page (Project 2).


Posted in assignment | Leave a comment

Mass Comm Week Blog Post

Objective: Create a blog post to cover one of the panels during mass comm week

Due: the second day of the panel you attend, at 9 p.m.
For example, if you attend a panel on Monday, your blog post is due at Tuesday 9 p.m.

Requirements:

  1. If you are Tuesday evening class, attend at least one panel during the Mass Comm Week. (You can find the schedule at: http://www.txstatemcweek.com/)
  2. If you are Tuesday/Thursday afternoon class, you have to attend either Hugh Forrest Interview (Tuesday at 2 pm) or Telling Stories with Data (Thursday at 2 pm).
  3. After you attend the panel, write a blog post on the course blog: http://webdesignandpublishing.blogspot.com/
  4. You can write about one panel, or multiple panels. You can create two blog posts if you decide to write about two panels.
  5. Each post should be 500-1,000 words.
  6. Title: You must give your post a meaningful title that is related to the panel and the main subject of your post.
  7. Before you start your first paragraph, you must have a byline: By You Name
  8. Links: Include two or more relevant external links in the post. External links must open in a new window.
  9. Multimedia: If you take any photos or videos during the panel, you can include those as well.
  10. Your first paragraph should include which panel you attended and a thesis statement.
  11. The second paragraph (or second and third paragraphs) should include what was talked about in that panel.
  12. In the following paragraphs, you can include (but not limited to): how you agree or disagree, how the issue affects our daily lives, how the issue affects your field of interest, what aspects of point of views that are missing.
Posted in assignment | Tagged , | Leave a comment

Short News Presentation

Objective: Present and discuss current technology news that is related to our lives and field of interest

Due: At the beginning of each class. Students will sign up for news presentations at the beginning of the semester.

See when you present here.

Requirements:

  1. Find a technology (web design and publishing) related news story
  2. Share the news story on Twitter
  3. Comment on the story with several words.
  4. Shorten the URL of the news story using URL shortener services, such as bitly.com.
  5. Use the hashtag #webpub
  6. When in class, show the tween & story on the projector. Talk about (a) what the story is about, (b) why the story is important, and (c) how this affects our lives and/or field of interest.
Posted in assignment | Leave a comment

Final Open Lab Hours

Trinity 113
May 6 (Fri) 11am-1:30 pm

OM 238
Mon, May 2 11am-5pm (Cindy 11-2; Jacie 2-5)
Tues, May 3 11am-8pm (11-4 Jacie; Josh 3-8pm)
Wed, May 4 11am-5pm (Cindy 11-5; Jacie 11-5)
Thurs, May 5 4:30pm-8pm (Jon & Josh 4:30-8)
Fri, May 6 11am-5pm (Cindy 11-5; Jon 11-5) -
Mon, May 9 11am-8pm (Jacie 11-4; Cindy 3-8; Jon 11-5)

Posted in Uncategorized | Leave a comment

Home Page Presentation

  • Find a template (either from course website or somewhere else on the Web)
  • If you find it somewhere else on the Web, it is probably going to be a zip file. Unzip the file, and you will see a css file, an index.html file, and possibly some other image files.
  • Modify those files. Change the css file to modify the style and the look of your site. Change the index.html file into the content  you need. Create banner and logo images in Photoshop to replace the existing banner and image files that come with the template.
  • Create the “correct”navigation for your site.
  • You do not need to have “real” content when you present your home page. But create “dummy” content so we will be able to see what your layout will look like.
  • Upload the files to your server. When you present, I want to see you pull up your home page from your server, not from your flash drive or from the desktop.
Posted in Uncategorized | Leave a comment

Third party applications

Here are some third party applications you can use to embed multimedia on your website:

  • Youtube: Embed a Video. Click on “Embed” and copy the embed code. Paste the code into your code area in Dreamweaver.
  • Scribd: Embed a Document (such as a Word Document). Example.
  • Slideshare: Embed a Powerpoint. Example.
  • Picasa: Embed a Photo slideshow. How to.
Posted in resources | Leave a comment

Two Basic CSS Templates

Home Page 1 (horizontal navigation)
Sample stylesheet1 (horizontal navigation)

Home Page 2 (vertical navigation)
Sample stylesheet2 (vertical navigation)

 

Posted in Uncategorized | Tagged , , | Leave a comment

Open lab hours

Dec. 6 (Monday): 3:30-6:30 Jacie & Josh

Dec. 7 (Tuesday): noon-9pm (noon-6pm Cindy & Jacie; 3-9pm Jon)

Dec. 8 (Wednesday): noon-9pm (3-9pm Jacie; noon-6pm Jon; noon-5pm Josh)

Dec. 9 (Thursday): 5-9pm (Cindy & Jon)

Dec. 10 (Friday): 10:30-6pm (Jon, and Cindy will come in later)

Dec. 13 (Monday): 11am-5pm (11am-5pm Cindy & Jacie; 1-5pm Jon; noon-5pm Josh)

Dec. 14 (Tuesday): 2-9pm (Jacie)

Posted in Uncategorized | Leave a comment

CSS Templates

Free CSS Templates

Below are some examples. You can look through these, as well as searching for other CSS templates online. For example, you can google “free css template” or other keywords.

Posted in resources | Tagged , | Leave a comment