Facebook Twitter LinkedIn RSS

Dreamweaver tutorial 1

Published on September 17, 2012, by in tutorial.

In this tutorial, we’ll have a basic understanding of Dreamweaver.

1. The “Welcome Screen”

When you first open Dreamweaver (Applications -> Adobe Dreamweaver CS6), you will see the welcome screen. The middle welcome screen give you options of opening recent files or new files. On top of the screen is your Toolbar. On the right, you have several small windows- Panels.


Tags: , , ,

Kuler by Adobe

Published on September 17, 2012, by in tutorial.

Here’s a powerful website that helps you with picking colors for web design: Kuler by Adobe at http://kuler.adobe.com/

Before using the website, you need to create an account with Adobe. You can do so by clicking on the upper right “Register.”

After you created an account with Adobe, here are the things you can do:

Thing 1: You can pick color themes that you like.

Thing 2: Under each theme, you can click on the upper right corner to view the color code or even modify the colors.


Thing 3: Create your own color theme.


Thing 4: Create your own color theme by from an image you have.


Tags: , ,

Using Fetch- a FTP software for Macs

Published on September 11, 2012, by in tutorial.

Fetch is a FTP software (File Transfer Protocol) that allows you download/upload files between your computers and the server that hosts your website (ex: bluehost.com).

To use Fetch, of course, you need the software on your computer. We have Fetch already installed on our lab computers. To have Fetch installed on your own Mac, you can download it from the university’s itac website.

Note: Fetch is not a free software so be sure you download it from the university’s website, not Fetch’s official website.

Step 1: Find your FTP info by logging into your bluehost account. On your cPanel, find your FTP information.

FTP info on cPanel.


Tags: , ,

Change settings for Text Edit

Published on September 8, 2012, by in tutorial.

Step 1: Open Text Edit on your Mac. You will see the text styling toolbar on top of the window.


Step 2: Go to Text Edit -> Preferences


Tags: ,

HTML Tutorial 1- Create a new HTML file

Published on September 7, 2012, by in tutorial.

So here we are, creating our first html file, our very first web page. We will use Text Edit on a Mac to do it step by step. If you have not changed the settings on your Text Edit, please make sure you do.

Step 1: Create a folder on your desktop. Name it “p1″. Remember, no capitalize alphabet, no space, no symbol.




Project 3: Web Credibility Assignment

Published on February 19, 2012, by in assignment.

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.


  • 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.


Project 1 Revision (Optional)

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.



Flash Exercise: Use flash to create a photo slideshow

Published on November 8, 2011, by in assignment.

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).


Mass Comm Week Blog Post

Published on October 10, 2011, by in assignment.

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.


  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.
© Web Design & Publishing