Project 3: Web Credibility Assignment

Posted on February 19, 2012 by jacieyang

Objective: Select one online journalism Web site and review and analyze for credibility based on Web site evaluation lesson.

Due: Feb 22, in class. Powerpoint presentation.

Requirements:

  • Pick one online journalism site to review for credibility. This can be a mainstream site with a print counterpart, a purely online publication, an alternative site, or any site that purports to provide current and changing information to the public.
  • Use the Web Evaluation Checklist to assess for credibility. Make sure you cover all three areas, content, authority, and presentation. Focus on the positive as well as the negative aspects of the site’s credibility and make recommendations for improvement.
  • Do an analysis of the site as a blog post. Write in paragraph format (as opposed to simply answering the questions in bullet manner). You should have an introductory paragraph, then a paragraph on each of the 3 criteria (content, authority, presentation), then a closing paragraph with your assessment.
  • Post on course blog: http://webdesignandpublishing.blogspot.com/ (come to the instructor to be added as an author of the blog).
  • Subject line of the post must be: Credibility Assignment: Name of the Site
  • Content of the post must follow the order: Site Name & URL, Names of members in your group, and paragraph 1-5.


Posted in assignment | Tagged , | Leave a comment

Project 1 Revision (Optional)

Posted on February 15, 2012 by jacieyang

Project 1- HTML Revision
Due Friday, Feb 24, 9 pm

Objective: Clean up project 1 HTML code.

Hand in your Assignment:

  • E-mail the link to the instructor at jacieyang@txstate.edu or jacieyang@gmail.com
  • Subject line of the e-mail must be: MC4315 Project 1 HTML Revision Your Name
  • Your URL should look like: http://www.yourURL.com/p1/

Overall Requirements:

  1. You must still use a plain text editor (i.e. Text Edit or NotePad), not with any Web authoring software/application.
  2. Clean up all your HTML code based the comments you got.
  3. Add more content if you are told to.
  4. Because your public_html folder now has project 2 files, we need to create another folder for this revision.
  5. In your public_html folder, create a folder and name it “p1.”
  6. When you finish revising your project 1, put the files into this “p1″ folder.

 

Posted in Uncategorized | Leave a comment

Project 2: Student Bio Redesign

Posted on February 4, 2012 by jacieyang

Objective: Use Dreamweaver and Photoshop, to design your personal website

Due: Feb. 17  (Friday), 9 p.m. Email your URL to the instructor.
Email subject must be: MC4315 Project 2 Your Name

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

Before you start, check

Overall Requirements:

  1. You will use the Web editor, Dreamweaver, and the graphics program, Photoshop, for this project. Not with any other online/offline templates or Web authoring software/applications.
  2. For this and all future projects, you must attach a stylesheet to each page (external CSS, i.e. style.css).
  3. Site must have a total of at least five pages.
  4. Missing any of the previous three requirements of the “Overall Requirement” will result in a failing grade. So please follow the guidelines and requirements.

Requirements:

  1. Use divs for formatting each page.
  2. Site must have a total of at least five pages. Pages can represent separate areas of the site, like home, about, contact, links, etc. You must add one additional page to the site that you did not already have, something to do with a specific hobby or interest.
  3. Your pages should be between 800-1000 px wide.
  4. Decide on an appropriate navigation strategy, with four <a> states (a:link, a:visited, a:hover, a:active). For example, you can use a list, a table, a jump menu, or a pop-up menu.
  5. Include at least one or more appropriate photos or graphics. Photos must be optimized with Photoshop. Have appropriate file format (jpg, gif, or png), file dimension (i.e. 900×70 px), and file size (no more than 100 kb for each image, unless there is a specific reason to do so).
  6. Design your own graphics, such as site logo, in Photoshop.
  7. Include at least three external links to relevant sites. External links must open in a new window (target=”_blank”).
  8. Make sure you include a title for your website (using title tag) and your email address somewhere on the site.
  9. Add a date to the bottom of the home page. Update this every time you make a change.
  10. Make sure you save the page with a .html extension.
  11. Upload all associated files to the main directory of your Web site (this will overwrite the files from the first project).
Posted in assignment | Leave a comment

Project 1: Student Bio Page

Posted on January 25, 2012 by jacieyang

Project 1- Student Bio Page: Due Friday, Feb 3, 9 pm

Objective: Use the basics of html to make a personal Web site.

Hand in your Assignment:

  • E-mail the link to the instructor at jacieyang@txstate.edu or jacieyang@gmail.com
  • Subject line of the e-mail must be: MC4315 Project 1 HTML Your Name
  • Your URL should look like: http://www.yourURL.com

Overall Requirements:

  1. You must hand-code this assignment entirely using html, not with any web-authoring software/applications, or any pre-designed templates. Failing this requirement will result in an F for this assignment.
  2. Use TextEdit (on a Mac) or Notepad (on a PC) to insert the proper html tags. Use appropriate headings to structure each of your pages.
  3. Site must have a total of at least four pages (i.e. index.html, bio.html, work.html, and assignment.html).
  4. Pages can represent separate areas of your personal site, like home page, interests, contact.
  5. One page has to be the assignment page that will link to all other future projects. For now, just list out future projects on this the assignment page without linking to anything (use either ol tag or ul tag).

Content Requirements:

  1. Have appropriate content on each page. Content is VERY important!!
  2. Each page should have at least a couple of paragraphs of content (using p tags)
  3. Decide on an appropriate navigation strategy. For now, do not worry about creating buttons. Just use text links in a list.
  4. Include one GOOD photo of you (using image tag). Don’t worry about modifying the image in Photoshop yet. We will do that for Project 2 and you can include more photos at that time.
  5. Include at least one list or table (using ordered list tags, unordered list tags, or table tags).
  6. Include at least three external links to sites of interest. These external links must be opened in new windows (use target=”_blank”).
  7. Make sure you include your email address somewhere on the site (you do not have to use a mailto link, but can if you wish to- just make sure the text on the page is your actual email address).
  8. Add a date to the bottom of the home page. Update this every time you make a change.
  9. Make sure you save the pages with .html extension. Your home page has to be index.html.
  10. Upload all associated files using Fetch to your server. On your server, find “public_html” folder and upload all your files (html files and image files) into that folder.
Posted in assignment | Leave a comment

Open Lab Hours

Posted on November 30, 2011 by jacieyang

Monday, Dec. 5 3:30-6:30pm (Dr. Cindy Royal’s regular class time. You can come in, if we have room.)
Cindy 3:30-6:30pm
Nicole 4-6pm

Tues, Dec. 6 10am-7pm
Cindy 10am-4pm
Jacie 3pm-7pm

Wed., Dec. 7 10am-9:30pm
Nicole 10am-2pm
Cindy 2pm-9:30pm
Jacie 2pm-9:30pm

Thurs., Dec. 8 10am-8pm (Dr. Jacie Yang’s grad students presentations after 8pm.)
Nicole 10am-5pm
Cindy 2-8pm
Jacie 4-10pm

Fri., Dec. 9 10am-5pm
Dave N. 10am-4pm
Cindy 1-5pm

Mon., Dec. 12
By appointment in the afternoon, before 5 p.m.

 

Posted in Uncategorized | Leave a comment

Flash Exercise: Use flash to create a photo slideshow

Posted on November 8, 2011 by jacieyang

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

Final Project

Posted on November 7, 2011 by jacieyang

Objective: Propose your story idea and build a website construction for the final project, using all the skills gained during the course to complete an extensive project. May use html via Dreamweaver, Photoshop, Flash, iMovie, or any other program that we have discussed this semester. You will work on this project in groups of two to three people.

Deadlines:

  1. Proposal presentation (in class PowerPoint Presentation): 11/15 for Tuesday evening class and 11/17 for TTH class, in class.
  2. Home page presentation: 11/29 in class
  3. Final project due: 12/12 (Mon), 9 p.m.

Email your URL to the instructor. Ex. http://www.yourURL.com/foldername/
Email subject must be: MC4315 Final Project Your Name
Email should include: The URL and the names of your groups members

Percentage weight of your final semester grade:

  • PowerPoint Proposal: 10%
  • Final project: 25%

Topics NOT allowed:

  • The Square
  • Six Street

Requirements:

  1. Come up three story ideas today and discuss with the instructor. By discussing with the instructor, you will choose one idea among the three. You will do a PowerPoint presentation on 11/15 (or 11/17 for TTH afternoon class) and present your Home Page on 11/29.
  2. Create a complete Web site to present your story idea, including interface design, navigation, and content.
  3. This should be a reporting project. All content should be your original work. Arrange appropriate interviews, photos, or recording as necessary. Contact appropriate sources. A portfolio site is acceptable if you can weave a theme or story into the design of the site.
  4. Carefully plan sections and organize your time to allow for creating appropriate graphics, obtain photos, video clips, and other information.
  5. In your proposal presentation PowerPoint (11/15 and 11/17), you will include: thesis statement, topic significance, target audience, at least four multimedia component. Provide justification of why you decide to use each multimedia component and what content you plan to include.
  6. Your site must include at least one video (or more) and one photo slideshow (either auto-running w audio or text with buttons). You can decide what the other two multimedia components you want to include. Include a title and one short paragraph of text describing what the multimedia component is about.
  7. You need to also include at least two text stories, at least 500 words for each story. Organize your stories and your multimedia components according to the principles of writing for the Web.
  8. The site should include at least 5 different sections, represented by separate pages. Create appropriate navigation via buttons, images, logos, etc.
  9. Among those pages, you need to have a Contact or About Us page to include (a) a photo of each of you (b) contact and (c) other information about you.
  10. Include “Last updated: (Date)”
  11. The emphasis on this project is story telling and information reporting. It should not be a hobby, portfolio, or personal site unless you have the topic approved by the instructor in advance.
  12. Upload all files to your final project folder. The final files will replace your draft files (when you present your Home Page on the week of 11/15). Your final URL should be: http://www.yourURL.com/foldername/
  13. Make sure the project is linked to on your assignment page.

Examples:

http://f2009.texasangle.com/1/
http://f2009.texasangle.com/2/
http://f2009.texasangle.com/3/
http://f2009.texasangle.com/4/
.
.
.
.
http://f2009.texasangle.com/18/

Posted in assignment | Tagged , | Leave a comment

iMovie Requirements

Posted on October 29, 2011 by jacieyang

Objective: Use iMovie to create a short video with your own clips

Due: Nov 5 (Sat), 9 pm.
Email your project to the instructor. Ex. http://www.yourURL.com/foldername/
Email subject line must be: MC4315 Video Your Name

Video Requirements:

  1. iMovie handout.
  2. Use the features of iMovie discussed in class to create a short movie.
  3. In groups of 3-4, you will have a camcorder to use to shoot clips interviewing students about their technology usage. Keep notes of who you interviewed (name and title. you will need this later).
  4. You are sharing the original video clips, but you are editing your own video.
  5. Before you start interviewing students, come up with a topic and meaningful questions. Discuss the topic and questions with the instructor.
  6. Shoot video clips of students talking about their technology usage and/or answering the questions you asked.
  7. Also shoot some b-roll of them using computers, cell phones, etc.
  8. Open a new Project in iMovie. Import the clips to a new event.
  9. In iMovie, use the handout and tutorial to include the following
    • At least 3 clips edited properly
    • B-roll with voice-over
    • At least one transition
    • Add title when a person is talking.
    • Video should be between 60 to 90 seconds in total.
  10. Export the video using the proper setting. The file you exported should be a MOV file (Use Mobile Format, and then upload to YouTube).

Publishing Requirements:

  1. Create a new project (new site) in Dreamweaver. Then, you need to have a home page (index.html) and a stylesheet (style.css) in the root folder, with some basic formatting.
  2. Embed the video on the home page (index.html).
  3. Include contact info, last update date.
  4. Include a link back to your bio site home page (http://www.yourURL.com).
  5. Upload the whole folder to your server (into the public_html folder).
  6. Your URL will be something like: http://www.yourURL.com/foldername/.
  7. Make sure on your assignment page (from Project 2), you are linked to this iMovie project.
Posted in assignment | Tagged , , | Leave a comment

Mass Comm Week Blog Post

Posted on October 10, 2011 by jacieyang

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

Project 4: Hobby or Organization Site

Posted on October 2, 2011 by jacieyang

Objective: Use Dreamweaver and Photoshop to make a site for a hobby or an organization

Due: March 9 (Friday), 9 p.m.
Email your URL to the instructor. Ex. http://www.yoursite.com/foldername/
Email subject must be: MC4315 Project 4 Your Name

Grading: Content: 30%, Design: 30%, Use of Technology: 30%, Written Supplement 10%

Before you start, check

Overall Requirements:

  1. Talk to the instructor about your idead and finish your Web Design Sketch Sheet before you start working on your home page (index.html).
  2. You will use the Web editor, Dreamweaver, the graphics program, Photoshop in designing this project. Any other online/offline templates or Web authoring software/applications are not allowed.
  3. Use an external stylesheet. Internal and inline CSS are not allowed at this point, unless you discuss with the instructor in advance.
  4. Use blocks and/or divs for formatting each page.
  5. 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. Site must have a total of at least five pages. Pages can represent separate areas of the site, like home, about, contact, links, etc.
  2. Decide on an appropriate navigation strategy. You must use CSS for link styles. That is, set link colors and text-decoration for a:link, a:visited, a:hover, and a:active.
  3. Must have a title (using the title tag).
  4. Design a site logo or banner image using Photoshop (or Illustrator if you know how to). If the organization has a logo, you may use it, but then you will be required to make another graphic somewhere else in the site.
  5. Include at least one or more appropriate photos or graphics on your website.
  6. Include at least three external links to relevant sites. External links must open in a new window (target=”_blank”).
  7. Make sure you include your email address somewhere in the site.
  8. Add a date to the bottom of the home page. Update this every time you make a change. Example: Last Updated: October 2, 2011.
  9. Make sure you save all pages with a .html extension.
  10. Upload the “whole folder” into your public_html folder, including all html files, image files, and style.css.
  11. Make sure you have this project linked on your Assignment page (from Project 2). To do that, open your assignment.html from Project 2. Select the text of “Project 3″ and link it to your URL for this project (i.e http://www.yourURL.com/foldername/).

Quick Tips:

  1. Complete Web Design Sketch Sheet.
  2. Create a folder called related to your topic (i.e guitar or music or food) and create a “New Site” in Dreamweaver.
  3. Download index.html and style.css from course site.
  4. Work on your home page (index.html) and modify your style.css according to your Web Design Sketch Sheet.
  5. Finish your home page.
  6. Save your home page.
  7. Create your second page, third page, and fourth page from the home page.

Written Supplement Requirement:

  1. Thesis statement: What is the objective of the site? (use one or two sentences.)
  2. Target audience: Who are the audience?
  3. Design Strategy: What is the tone of your overall design?
  4. How you design the banner? What is the example you found that you used as a reference?
  5. Which main colors did you use for your design? (list out color codes as well.) How did you decide those colors work well together?

Example:

OnThatNote.com, a site by Dr. Cindy Royal, is one example of a hobby site. There are many others. Look at fan sites for bands, films, etc.

Don’t worry if your site is not as elaborate as OnThatNote. The important thing is that it is designed well, is easy to navigate, and provides good content.

Posted in assignment | Leave a comment