Facebook Twitter LinkedIn RSS

Things to Avoid in WordPress

Here’s a really good article/infographic on WordPress mistakes that you want to avoid: 15 WordPress User Errors That
Make You Look Silly.

Below is the summarize.

  1. Slow loading time
  2. The white screen of death
  3. Database connection error
  4. “Just another WordPress Blog”
  5. You set it to private
  6. Running an old version of WordPress
  7. Keeping deactivated, not in use plugins (or themes) in the wp-content folder.
  8. Keeping a messy wp-admin section (too many themes, too many plugins)
  9. Posts that span the entire front page
  10. Your sidebar shows up below your content
  11. Phantom home page gobbledygook…
  12. The dreaded wordpress blog sub-directory (yourURL.com/sitename)
  13. “index.php” in your URL.
  14. Local and/or visible backups.
  15. Visible server information

40+ Best WordPress Gallery Plugins

Published on November 20, 2012, by in wordpress.


Some of the plugins are free and others are not. If it says it’s a premium plugin, that means it’s not free.




Mass Comm Week- Interview with Cindy Royal

Published on October 24, 2012, by in events.

Mass Comm Week Schedule

Check out the video by Jessie Spielvogel, a Bobcat alum.


Also, a video on why you should attend Mass Comm Week!

Tags: ,

Mass Comm Week

Mass Comm Week Schedule

We will not have class during mass comm week (10/29-11/2), but you will be required to attend two sessions during the event. You can pick the event you like. During each even, you need to be engaged and participate in social media activities. That is, you will be required to participate in the “Social Media- Participate and Win” contest during the even. Click on the link and see details!


Tags: ,

Study Guide

Published on October 2, 2012, by in guidelines.

If you feel you did not do a very good job on troubleshooting exercise, here’s a study guide for you. Memorize all the information in this post and come back to me. We’ll discuss then.

  1. What is FTP? Ans: File Transfer Protocol. Allows me to transfer files between my computer and a server.
  2. When login in FTP using Fetch, what is my root folder on the server? Where do I upload all my files into? Ans: public_html folder.
  3. If you create a folder in public_html, name it “p5″ then what should the URL be? Ans: http://yourURL.com/p5 (for me, it would be http://jacieyang.com/p5).
  4. How do I create a link using html? Ans: <a href=”http://www.txstate.edu”>Texas State U</a>
  5. What is the first thing you should do when starting working on a project in Dreamweaver? Ans: Site -> Manage Site. If it’s a new project, create a new site. If it’s an existing project, check if site root folder is correct.
  6. CSS: how to change text color?
  7. CSS: how to change background color?
  8. CSS: how to change link colors?
  9. CSS: what is a selector? a property? a value?


Memorize this. Make sure you understand and can type out or write out from the beginning to the end.


Troubleshoot Reminder

Published on September 29, 2012, by in resources.

We will have the troubleshoot exercise next week. You will be given 50 minutes to complete the exercise, fixing the problems in the file giving. That includes fixing the html code and the css code. I will use the horizontal template I’ve been using in this class to create the exercise. Below is a list of things you want to review:

  1. The index.html is not showing any style. How do I make the css work?
  2. The colors of the text and the background do not look right.
  3. The images are not showing.
  4. When I click on a link to go to a website, it shows 404 not found.
  5. When I click on a item in the navigation to go to another page (ex. the assignment page), it says page not found.
  6. The content looks funny. More bolded and bigger. What should I do?
  7. Am I closing all html tags properly?
  8. Are all tags spelled right?
  9. Do I understand the structure of the template that we used?
  10. What blocks do I have on the page? nav? header? section? div?



The “style.css” file annotated (for Project 2)

Published on September 18, 2012, by in tutorial.

Here I took screenshots of the style.css file we use for Project 2. This file can be find in the article Two Basic CSS Templates. Note the css file I explain here is the horizontal navigation. The css file of the vertical navigation is slightly different. Another related article you should read is CSS Basics.


1. Styling the html tag <body>





2. Styling the four states of the html tag <a>.

Tags: ,

What is CSS

Published on September 18, 2012, by in resources.

First before we get started with CSS, review Basic HTML tags. One thing you want to remember is HTML tags are pre-defined, but you can give any ID or Class to a HTML tag. Now let’s learn some CSS!

1. What is CSS?

CSS is Cascading Style Sheet. It defines how html elements look like, including color, position, size, etc.

2. CSS Syntax

For example, when we want to define the text color, we can say in our body section (which is the <body> in html), we want color to be black:



Dreamweaver Tutorial 3

Published on September 18, 2012, by in tutorial.

In this tutorial, we will put content on our home page. At the same time, we will learn how to use Dreamweaver. If you have not yet have the index.html and style.css in a p2 folder on your desktop, please make sure you follow through the previous tutorial: DW Tutorial 2.

1. Adding some real content

In the image below, I have added some real content: my bio and a photo of me. Let’s also look through some important tools that we can use.

a. When click on the “Source Code” tab, the html code of this web page shows. When clicking on the “style.css” the css code show. The css code is the code we have in the file style.css.

b. Here we can change the title of the web page.

c. Click on any element in the Design Area and you can change the property of that element.

d. Note here I added in some real content: my bio and a photo of me. I put this photo in p2 folder on my desktop. It shows up automatically in my Files Panel. From the Files Panel, I dragged it into the Design Area where I want it to be.

e. Make sure you the have following three panels open: Insert, CSS, and Files. If any of them is not open, in your Toolbar, Window -> Files; Window -> CSS; Window -> Insert.


Tags: , ,

Dreamweaver tutorial 2

Published on September 18, 2012, by in tutorial.

In this tutorial, we will set up a “Site” (a project) and get the files we need (index.html and style.css) for project 2.

1. Site Management

A “site” in DW, basically means a project. Set up a site helps us keeping all the files in the same folder. It also helps us keep the links work right.

Create a folder on your desktop and name it “p2″.

The first thing you want to do when starting a project in DW is Site Management. In Toolbar, go to Site -> Manage Sites.


© Web Design & Publishing