Skip to Main Content

Archive for the 'Web Basics' Category

Web Publishing: An Overview of Tools & Resources Webinar Recording

Screenshot of the Web Publishing: An Overview of Tools & Resources opening slide.

Wanting to know what sorts of resources are available for publishing to the web? Start here!

Intended for anyone new to web publishing, this workshop and presentation provides an overview of basic web publishing issues and resources. Emphasis is placed on web accounts and support at IU. Participants will not create completed web pages in this workshop.

In this webinar, we:

  • review common terminology associated with Web pages
  • discuss the required applications and accounts for publishing on the Web
  • explore the pros and cons of different Web authoring and editing tools
  • learn about university-supported training options

Watch the Box webinar recording. Watch the Web Publishing: An Overview of Tools & Resources webinar recording!

Watch the webinar to learn about several tools available today for creating a web presence!

Is there something we didn’t talk about that you would like to know more about? Let us know in the comments!

Developing Departmental Websites at Indiana University

Learning paths road sign.Congratulations! You made it! If you’re here, that can mean any number of things, but most likely you have inherited a departmental web site and are going to redesign it or you have been newly hired and are responsible for redesigning the department’s site. Where do you begin?

If this sounds overwhelming, then you are in the right place. My goal, by the end of this post, is to help you understand the landscape for departmental and group web pages at the university and describe some resources to help you along your way.

Before we jump into the specifics, let’s get a quick overview of what this post contains.

  1. The IU Brand – find out how to make your site conform to the visual identity that has been established for IU.
  2. Plan Ahead and Prepare – Not just a part of Leave No Trace, but also a crucial phase in web design and development. Understand the problem fully before you begin building a solution.
  3. Build, build, build – Put your planning to good use while putting together all the pieces of your site.
  4. Publish, Document, and Maintain – Once you have a design, it’s time to publish it, create help documentation, and then maintain and grow the site through the future.

The process is not linear, nor does it have a finite ending point. Instead, the process looks something more like this:

Plan, build, maintain, repeat.

After your planning phase, you build. Once built, you maintain. While maintaining, you build new features, etc. There will come a point when you need to break out of the Maintain-Build loop back to the planning phase. As you can see from the diagram above, there really is no end to the web design process, only changes of phase.

Read the rest of “Developing Departmental Websites at Indiana University” »

Preparing Graphics for the Web

QR Codes: A guide for beginners

A beginners guide to qr codes graphic with two sample qr codes

Slowly but surely QR codes are starting to appear everywhere. I’ve found them on promotional flyers, advertising stickers, business cards, and even in the classroom. But I realize that a lot of my peers still don’t understand quite exactly what they are or how to use them. These funky, pixelated graphics can seem a little intimidating, but I am hoping this guide can be an easy transition into the wonderful world of QR codes.

Read the rest of “QR Codes: A guide for beginners” »

Free Training from Adobe

Just received an email today about two free training opportunities from Adobe.

Sowing the Seeds for a More Creative Society is a webinar on September 17th at 4pm EDT. Learn how to prepare students to participate in a more creative society in this webinar, presented by Mitch Resnik of the MIT Media lab. For more information, go to: http://go.iu.edu/efZ

If you are wanting to build your first website, or help students create one of their own, check out this two-week online Muse CC immersive boot camp.  Learn how to design sites for web, mobile and tablet. The course starts on October 10th. Learn more at: http://go.iu.edu/efW

Oh and by the way, if you are part of the IU community, you have access to Muse CC through IUanyWare.

Internet Explorer and YouTube problems?

The last week or so I’ve run into a problem with IE where when I try to view some YouTube videos I see a flash of the screen that should load and then I’m redirected to a page where I see this error:
This page can't be displayed

In looking for a solution, I found some comments from other people having the same problem. They had come up with two options to solve the issue, either:

  1. Use a different browser like Firefox or Chrome
  2. Log out of Google+

Not sure why logging out of Google+ fixes the issue but I found it worked for me.

Jen

Firefox: Adding Sites to the New Tab Page

Recently, I wanted to add a website to the new tab page that appears in Firefox when a new tab is opened. In looking at the help pages from Firefox, I found it showed how to work with pages that were automatically added and how add a bookmarked page. However, it seemed to me that bookmarking a page first shouldn’t be required. I searched on Google and found other people with the same issue. At this pointed I decided to just try some things, and I found that it is possible. The screen cast included below shows how to add a website to the new tab page:

it2go Episode 38 – Dreamweaver Page Properties

On this week’s episode, we’re talking about how to update Page Properties in Dreamweaver. We also talk a little bit about Adobe Days, coming up on April 17th at IUB and April 19th at IUPUI.

it2go – The IT Training Podcast

Using JavaScript to create a dynamic tab-based webpage

Have you ever been to a web page where you can click on buttons or tabs that swap content on the page without having to load an entirely separate web page? Have you ever wondered how to make your own page have similar behavior?
Well, there’s good news and bad news. The bad news is that you’re going to need to write a bit of javascript to get this to work, and if you don’t know javascript, I can understand your reflex to just close this tutorial right now– but hold on! The good news is that it’s simple and doesn’t require an in-depth understanding of javascript to get this working.

Prerequisites for this tutorial:
A moderate understanding of XHTML and CSS

Read the rest of “Using JavaScript to create a dynamic tab-based webpage” »

Creating an animated Gif in Photoshop CS5

There are many different ways and programs you can use to go about creating a fun and interesting animated gif for the web. For this tutorial I will show you one quick and easy way to create an animated gif using Photoshop CS5. I am working on a Mac, but a PC will do just the same.

You can check out a preview of what the completed animated gif can look like by visiting this link. Keep in mind, this is a web page I designed to showcase the animated gif created for this specific tutorial. Uploading your completed animated gif directly to the web will not result in the animation being centered on the web page.

a series of images

To begin with, I used Photoshop to create a series of images of which I kept in one folder. These images will act as the states for my animated gif. It is not necessary to use Photoshop to do this. You can create an animated gif with a series of photographs or a group of illustrations created in Illustrator in much the same way. Really, as long as you can open your files with Photoshop, you can create an animated gif out of virtually anything. The important thing to note is that each layer, or state, should be the same dimensions and resolution and will need to have something different, whether that change is slight or dramatic.

Read the rest of “Creating an animated Gif in Photoshop CS5″ »

Get Training Tips via RSS Subscribe to Entries feed or Read Comments via RSS Subscribe to Comments feed.