Web Design Tips. [2/11/ :42:18 AM]

Size: px
Start display at page:

Download "Web Design Tips. http://www.colin.mackenzie.org/webdesign/ [2/11/2003 11:42:18 AM]"

Transcription

1 Web Design Tips [2/11/ :42:18 AM]

2 Web Design Tips - Avoid Cliches To start off, keep in mind that web development, like any other 'craft', is a subjective process, and that any one opinion may differ from the next. The idea is not to establish what is right or wrong, but to try to lay down some ground rules and to give you a place to start. Everything has its place, but try to use tools when they enhance what you're trying to get across, instead of just downloading things and throwing them in because they look neat. Try to avoid things that have been done a million times before, and are getting a little tired. These might include: page counters javascript text scrolling excessive animated.gif's under construction signs page fade-ins, etc. If you really need a page counter, make it hidden...if your site gets a lot of traffic, a counter comes off as being arrogant, and if your site doesn't, do you really want the whole world knowing? Javascript scrolling and page fading have been done so many times, that they serve nothing other than showing a lack of originality. As far as under construction signs go, isn't that the whole idea of web...that it is constantly changing and under construction? If you see an image you like, try to make your own...if you see an interesting layout, try to use it as a reference. This way you'll have a fresh, original site instead of a page full of backgrounds, animations and javascript functions from an overused library...and your site will stand out from the rest. (1 of 2) [2/11/ :42:25 AM]

3 Web Design Tips - Avoid Cliches (2 of 2) [2/11/ :42:25 AM]

4 Web Design Tips - HTML Standards Make sure you follow all the HTML standards. Sometimes it seems like the extra work is an exercise in redundancy, but remember that not everyone has the same browser as you do, and different browsers might interpret things differently...the more exactly you spell out the content, the better the browser will be able to display it. Some common HTML omissions are: <HTML> and <HEAD> tags HEIGHT and WIDTH attributes for <IMG> tags ALT attributes with alternate text for <IMG> tags ending tags for <HEAD>, <BODY>, <P>, and <CENTER> tags proper codes for extended characters There are also some technical reasons why you should try to be fully HTML-compliant, as some browsers are more efficient when the proper HTML code is used. As an example, newer releases of Netscape and Microsoft browsers will insert placeholders for images if you have specified the HEIGHT and WIDTH tags (as the HTML standard specifies). This allows the browser to display the rest of the page even if the images have not fully loaded. Many people also browse without loading images (because of the faster download times)...this will allow you to reach those people as well. If you do decide to use browser-specific HTML attributes, make sure that your documents are fully backwards-compatible. If your web site is commercial, better HTML compliance guarantees that your site can be viewed by a larger audience of potential customers. Not all customers have graphical browsers, and in the near future, some may have browsers that haven't even hit the market yet. This makes it important to follow standards, because as a web developer, it is almost impossible to test your site on every browser...and the one person who visits your site with an outdated browser may just be your best client. (1 of 2) [2/11/ :42:26 AM]

5 Web Design Tips - HTML Standards (2 of 2) [2/11/ :42:26 AM]

6 Web Design Tips - Novelties Every week there's a new hot thing on the web, making it almost impossible to catch up...but if you want to reach a wider audience, try to wait until something is generally accepted by users and developers. Somebody needs to push the envelope with testing new products, but this has to be balanced by the willingness of your visitors to download components just to view your site (or their inability to do so, preventing them from seeing what you have to offer). Some examples of this are: java applets activex controls shockwave objects tools that require plug-ins specialized document formats This doesn't mean you have to avoid these things, as there is a time and place for everything (as well as a value for being on the forefront)...but be aware that not everyone will be able to enjoy the extended benefits of these features, so use them wisely, and ensure that there is an alternative for people who don't want the 'extras'. Keep in mind that there are always different ways of achieving an end result. [2/11/ :42:27 AM]

7 Web Design Tips - Get To The Point Try to get to the point on the first page, or at least give people an idea of what your site is about. If people have to go hunting, they may move on. There is nothing more aggravating than a site that forces you to navigate for ten minutes before even figuring out what they do, let alone offering you the information you're looking for. Remember, if somebody is visiting your site, they are probably looking for something...try to make it easy for them to find it. Ask yourself what things people might be looking for in general, and try to make those things accessible easily from the main page. If possible, try to also offer a way of searching your site, or at least contacting somebody if they don't find what they're looking for. Make sure that visitors don't have to wade through endless links to get somewhere, and conversely, make sure they don't have to scroll down thirty screens worth to find what they want. Keep in mind that a frustrated visitor probably won't be a visitor for long. [2/11/ :42:27 AM]

8 Web Design Tips - Overdoing It One common mistake new developers make is to overdo it when putting together a web site. It's very easy to go overboard with new 'toys', so try to use extras in moderation. Some common things that get overused are: excessive graphics frames background images bevels and other graphic tricks Too much of something just comes off as being tacky...but used sparingly it can add just the right seasoning. When spicing up your site, try to add things only when they complement what's already there, and not to overdo it when you find something you like. Too many graphics will bog down a page, too many frames will make it difficult to navigate, too many graphic tricks will just end up looking silly. But any of these things will add nicely to the site when they're called for...put the design and layout first, and then dip into your bag of tricks when you need something. [2/11/ :42:29 AM]

9 Web Design Tips - Keep It Fresh Make an effort to keep your web site fresh, especially if you want to get repeat visitors. If a site remains stagnant, people will stop visiting it again and again, but if there is always something new, people will often drop by just to see what's changed. You might want to think about doing a complete site redesign every few months, as it not only keeps it fresh, but it also gives you the opportunity to take advantage of newer technology as it comes out. This also helps to improve your site as time goes on, as you'll invariably learn better techniques through each iteration. One other way of keeping things fresh is use dynamic content to your advantage. This can be in many forms, such as: javascript or CGI scripting to create content using cookies to track previous visits, and customize content randomizing elements of the site, such as main graphics, logos, etc. If the site looks different every time somebody visits, they'll be more inclined to come back again. If the content is customized to them individually, then you can 'target market' your information, and improve your odds of succesfully reaching that person. [2/11/ :42:30 AM]

10 Web Design Tips - Layout/Design Layout and design are a very subjective topic, but the important thing is to make sure that there is a layout...as opposed to just putting information up, make an effort to display it aesthetically. The web makes it possible to control how your information is presented, there's no reason not to do it. If two companies are selling the same product, and one puts a photocopied flyer under your windshield, while the other hands you a full-colour kit while wearing a business suit...which one are you likely to remember? Some general guidelines you can follow are: split your information into logical sections make sure your starting page is attractive and well laid out try to have a consistent theme throughout the entire site try to use colours, styles and fonts that complement each other Again, the stylish side of a web site is very subjective, and everybody will have their own idea of what looks good. Just make sure that you don't minimize the importance of layout and design...first impressions are hard to erase. [2/11/ :42:31 AM]

11 Web Design Tips - Browser Neutral It's important to keep in mind that when you develop a web site, you have to cater to the widest possible audience...not everybody has the same browser you do, with the same graphics settings, or the same operating system. It might look great on your screen, but it might look lousy on somebody elses. Try to test your pages to see how they look with: a different size screen a text-only browser (or images turned off) a different colour resolution a different browser with a minimal feature set Some issues that can come up are the use of extended features such as image maps, frames, javascript, java applets, or operating system-specific controls...make sure you provide alternate coding for these. Test your site with a small browser window, then try testing it maximized...sometimes tiled backgrounds or positioning of images can change in a way you didn't anticipate. But most importantly, don't insist that people view your site under ideal conditions...imposing requirements on your viewers guarantees that somebody somewhere will be turned away, and they'll probably be annoyed (and annoyance has a way of spreading through the grapevine). The web makes it very easy to find a competitor, and if your competitor has a browser neutral site, they'll probably get the business. (1 of 2) [2/11/ :42:32 AM]

12 Web Design Tips - Browser Neutral (2 of 2) [2/11/ :42:32 AM]

13 Web Design Tips - Graphics Quality Graphics quality can be a key factor in improving the appearance of your web site. One of the reasons that it's so important is that it is fairly subtle...one site just looks better than the other, and a lot of people won't recognize why. Try to find a decent graphics package, such as Adobe Photoshop, Corel Photo-Paint or Microsoft Image Composer (there are also various freeware, shareware, and demo packages around). One important requirement is that the software allows something called "anti-aliasing" of graphics. This removes the jaggies from diagonal lines, and makes images look smoother and more professional. Once you have a good graphics package, you can create customized graphics to use with your site, which helps to keep your site design more coherent. Instead of searching the web for an icon, use a clip-art library to create your own. Instead of having a text heading at the top of a page, create the heading as a graphic using special fonts, colours, or effects such as shading. If you have a special background colour or image, you can create graphics using that background colour, so that when they get anti-aliased, they are blended naturally into the right colour. This is a common professional technique, which, when combined with transparent.gif's, helps to eliminate fuzzy borders around graphics, and makes graphics look like a seamless part of the design. [2/11/ :42:32 AM]

14 Web Design Tips - Total Page Size One of the most frustrating things to a person browsing the web is waiting for a site to load...make sure that your site is relatively quick to load, no matter what you put on it. There are obviously a number of factors that can affect how quickly a web site loads, but try to make sure that excessive file sizes isn't one of them. As a rule of thumb, a main page shouldn't be a whole lot more than 50K or so. This, under normal conditions, will load the page in a few seconds, but still allow some fairly good use of graphics. If you have significantly more text than that, consider separating it onto separate pages. Also, remember that most browsers keep images stored in a cache, so if you use the same images on different pages in your site, the browser will likely use the file from the cache, and it won't need to download it again. One way of keeping the file sizes down, but retaining the freedom to use graphics to create a good design, is to be aware of the different kinds of graphic formats, and knowing how to use that to your advantage. Graphics of a photographic nature can be stored in a JPEG format with a higher compression ratio, as the quality loss due to compression will be less noticeable. The JPEG format uses what's known as 'lossy' compression, meaning that there is a tradeoff between file size and quality...some of the detail is lost when the file is stored, and you can decide how much based on how big of a file you want to end up with (although you often can't tell the difference). If you want to make part of the image transparent, or you want to ensure that it displays exactly the same all the time, then use GIF images...although there are a few tricks to making the files smaller, while maintaining the image quality. Try to use graphics software that allows control over the image palette (the colours that are used to make up the image). Most packages will allow you to save a file with an 'adaptive' palette, which picks the most common colours from the image to put in the palette, instead of using a (1 of 2) [2/11/ :42:33 AM]

15 Web Design Tips - Total Page Size standard palette. The higher quality software packages will allow even better optimization, such as rearranging the palette automatically so that the more common colours have early palette entries, or allowing you to adapt the palette for a smaller number of colours, so you can see how the image will look with 256 colours, or 128 colours, etc. This allows you to make similar tradeoffs between image quality and file size with GIF images. (2 of 2) [2/11/ :42:33 AM]

16 Web Design Tips - Awards (1 of 2) [2/11/ :42:35 AM]

17 Web Design Tips - Awards (2 of 2) [2/11/ :42:35 AM]

Tips for clear websites

Tips for clear websites Plain English Campaign: Tips for clear websites Copyright Plain English Campaign Tips for clear websites This is only a basic guide. If you have any suggestions, corrections or improvements, please contact

More information

"The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright

The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright Bad Web Design "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright Why Study Bad Design? it's easy to teach

More information

Web Design - Part 2. Topics. More web design: Page design: Contents Non-textual elements Common web design issues

Web Design - Part 2. Topics. More web design: Page design: Contents Non-textual elements Common web design issues Web Design - Part 2 Topics More web design: Page design: Colour choices Special Needs Size Layout Contents Non-textual elements Common web design issues Autumn 2014 ITNP43:Interface Design and the WWW

More information

How To Design A Web Design

How To Design A Web Design Leigha Tracey Web Design February 2002 Leigha Tracey Web Design Lesson Contents 1 Goal - Demonstrate the elements of web design 2 Objectives - Introduce seven web design elements Demonstrate good and bad

More information

Internet, Intranet, or Extranet Define Your Audience and Establish Communication Goals

Internet, Intranet, or Extranet Define Your Audience and Establish Communication Goals PLANNING AND KEY CONSIDERATIONS FOR A NEW WEB SITE: Your Guide To Understanding What It Takes To Create A Winning Solution By: Rock Multimedia Solutions February, 2003 Rock Multimedia Solutions offers

More information

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via

More information

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver LESSON 3: ADDING IMAGE MAPS, ANIMATION, AND FORMS CREATING AN IMAGE MAP OBJECTIVES By the end of this part of the lesson you will: understand how image maps can enhance a design and make a site more interactive

More information

Chapter 10: Multimedia and the Web

Chapter 10: Multimedia and the Web Understanding Computers Today and Tomorrow 12 th Edition Chapter 10: Multimedia and the Web Learning Objectives Define Web-based multimedia and list some advantages and disadvantages of using multimedia.

More information

THE DO'S AND DON'TS OF WEB DESIGN

THE DO'S AND DON'TS OF WEB DESIGN THE DO'S AND DON'TS OF WEB DESIGN There are many good and bad things you can do in web design; the following is a list of some of those options and how you should deal with them. 1. No page counters: Page

More information

Software User Guide. WordPress Plugin Version 1.0

Software User Guide. WordPress Plugin Version 1.0 Software User Guide WordPress Plugin Version 1.0 Contents Introduction... 3 Information on downloading the plugin to your web host with your WordPress installation Plugin Steps Overview... 4 Basic list

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Deep analysis of a modern web site

Deep analysis of a modern web site Deep analysis of a modern web site Patrick Lambert November 28, 2015 Abstract This paper studies in details the process of loading a single popular web site, along with the vast amount of HTTP requests

More information

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame... Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with

More information

15 minutes is not much so I will try to give some crucial guidelines and basic knowledge.

15 minutes is not much so I will try to give some crucial guidelines and basic knowledge. 1 Presentation. Good morning ladies and gentlemen, dear colleagues. First of all I would like to thank the committee for this invitation and letting me speak about one of my favourite topics: the internet.

More information

Web Design Issues. Thane B. Terrill Summer 1999

Web Design Issues. Thane B. Terrill Summer 1999 Web Design Issues Thane B. Terrill Summer 1999 This presentation covers some of the most common issues that are confronted by the serious web designer. Web design has many unique characteristics that make

More information

38 Essential Website Redesign Terms You Need to Know

38 Essential Website Redesign Terms You Need to Know 38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready

More information

Search Engine Optimisation (SEO) Guide

Search Engine Optimisation (SEO) Guide Search Engine Optimisation (SEO) Guide Search Engine Optimisation (SEO) has two very distinct areas; on site SEO and off site SEO. The first relates to all the tasks that you can carry out on your website

More information

CourseBuilder Extension ADOBE elearning SUITE 6

CourseBuilder Extension ADOBE elearning SUITE 6 CourseBuilder Extension ADOBE elearning SUITE 6 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: Getting Started Overview..............................................................................................................

More information

SRCSB General Web Development Policy Guidelines Jun. 2010

SRCSB General Web Development Policy Guidelines Jun. 2010 This document outlines the conventions that must be followed when composing and publishing HTML documents on the Santa Rosa District Schools World Wide Web server. In most cases, these conventions also

More information

17 of the Internet s Best Banner Ads. Love em or Hate em They Do Work!

17 of the Internet s Best Banner Ads. Love em or Hate em They Do Work! Love em or Hate em They Do Work! Banner Ads What are they? Ever since the Internet started to take off in the mid 90 s, banner ads have been an acceptable way of advertising on the Web. Banner ads come

More information

Article Sep 2003. 7 Essential Online Tools for Non-Webmasters by Jinger Jarrett Copyright 2003

Article Sep 2003. 7 Essential Online Tools for Non-Webmasters by Jinger Jarrett Copyright 2003 Article Sep 2003 7 Essential Online Tools for Non-Webmasters by Jinger Jarrett Copyright 2003 I've built and edited all of the web sites I use to run my business. I wish I could take credit for the look,

More information

Websites for Small Business. Copyright 2005 Three Rivers Internet

Websites for Small Business. Copyright 2005 Three Rivers Internet Websites for Small Business Why your business needs a website Today, over 60% of Americans use the Internet. We use it to communicate, to learn, to shop and to buy. It is just as important in our lives

More information

Secrets of Online Marketing for Offline Businesses Mini-Course by www.marketing-results.com.au. Chapter 4 Design Secrets Of Websites That Sell

Secrets of Online Marketing for Offline Businesses Mini-Course by www.marketing-results.com.au. Chapter 4 Design Secrets Of Websites That Sell Secrets of Online Marketing for Offline Businesses Mini-Course by www.marketing-results.com.au Chapter 4 Design Secrets Of Websites That Sell Just like art, everyone has different opinions about what makes

More information

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified

More information

The ABCs of Being an Internet Marketing Sweetie

The ABCs of Being an Internet Marketing Sweetie The ABCs of Being an Internet Marketing Sweetie A Simple Guide to Making the Most of Your Online Business without Letting it Take Over Your Life By Alice Seba InternetMarketingSweetie.com An Introduction

More information

Grade 10 Dreamweaver Final Project Web Site Design

Grade 10 Dreamweaver Final Project Web Site Design Grade 10 Dreamweaver Final Project Web Site Design Website design involves the construction and maintenance of an internet home page. Working on computers with specialized software programs, designers

More information

Best Practice in Web Design

Best Practice in Web Design Best Practice in Web Design Irrespective of whether you are intending to use a flat 'brochureware' website or an interactive e- commerce site, the overall look and feel of your website will play an important

More information

TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style.

TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. 1 Table of Contents What is a Web Style Guide? 3 Updating and creating a website 4 Layout and

More information

GUIDELINES FOR SCHOOL WEB PAGES

GUIDELINES FOR SCHOOL WEB PAGES GUIDELINES FOR SCHOOL WEB PAGES Introduction Mountain Home Public School District School web pages are public documents welcoming the outside world to our school and linking our students and staff to outside

More information

7 th Grade Web Design Name: Project 1 Rubric Personal Web Page

7 th Grade Web Design Name: Project 1 Rubric Personal Web Page 7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page

More information

Talking: Web. Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page. Talking: Resources

Talking: Web. Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page. Talking: Resources 1 Talking: Web Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page Yale: http://info.med.yale.edu/caim/manual/ Design for designers: http://www.wpdfd.com/

More information

Design Tips. Planning & Design 1

Design Tips. Planning & Design 1 Planning & Design 1 Suppose you already have a website that you ve created for a hobby or subject of interest. Now you want to take the next step and start up a small online business. In this tutorial,

More information

DPS Webmaster Training Documentation

DPS Webmaster Training Documentation Web Publishing Guidelines Introduction Ownership & Retention School Board Policies Web Site Management Content and Design Standards General Schools Administrative Offices Content Approval 1. INTRODUCTION

More information

Fireworks CS4 Tutorial Part 1: Intro

Fireworks CS4 Tutorial Part 1: Intro Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the

More information

Usability Heuristics for the Web. 1. Visibility of system status

Usability Heuristics for the Web. 1. Visibility of system status Page 1 sur 5 Register Domains[.com.net.org] for only $14.99 at Bluegenesis.com! Usability Related Articles Find Search List Departments List Topics Web Tools Guide Buy Software at the Web Tools Store Search

More information

NDSU Technology Learning & Media Center

NDSU Technology Learning & Media Center 1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best

More information

Email Guidelines. The following guidelines are for companies who develop email HTML design/creative and copy.

Email Guidelines. The following guidelines are for companies who develop email HTML design/creative and copy. The following guidelines are for companies who develop email HTML design/creative and copy. In today s email environment it is imperative that mailers consider the limitations presented by email readers

More information

You can make your own layout / theme for your PowerPoint project.

You can make your own layout / theme for your PowerPoint project. About the PowerPoint Intermediate Workshop The purpose of the PowerPoint Intermediate workshop is to inform users more about the design aspect of making presentations. We will build on the skills learned

More information

THE CLIENT SPEC SHEET

THE CLIENT SPEC SHEET THE CLIENT SPEC SHEET Establishing clear guidelines for HTML production during the initiation of a web project redesign will help to answer questions and avoid backtracking once the production phase has

More information

FACT A computer CANNOT pick numbers completely at random!

FACT A computer CANNOT pick numbers completely at random! 1 THE ROULETTE BIAS SYSTEM Please note that all information is provided as is and no guarantees are given whatsoever as to the amount of profit you will make if you use this system. Neither the seller

More information

Flat Rate Per Claim -vs- Percentage Billing Fees. A Devil's Advocate View

Flat Rate Per Claim -vs- Percentage Billing Fees. A Devil's Advocate View Flat Rate Per Claim -vs- Percentage Billing Fees A Devil's Advocate View Assuming a full service solution, there are basically two methods billing services use to charge for their services, either a percentage

More information

Skills for Employment Investment Project (SEIP)

Skills for Employment Investment Project (SEIP) Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:

More information

Guidelines for successful Website Design:

Guidelines for successful Website Design: Guidelines for successful Website Design: Page 1 Table of Contents Planning your Website... 2 Before we Start... 2 Organize the Contents... 2 Page Layout... 3 How Effective is Your Homepage... 4 Two Goals

More information

Benefits of Mobile Responsive Website Design https://www.bluesoap.com.au

Benefits of Mobile Responsive Website Design https://www.bluesoap.com.au Benefits of Mobile Responsive Website Design https://www.bluesoap.com.au MOBILE RESPONSIVE WEBSITE DESIGN RESPONSIVE WEBSITE DESIGN IMPROVES USER EXPERIENCE! Quality website design caters for website visitors

More information

NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK

NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)

More information

So you say you want something printed...

So you say you want something printed... So you say you want something printed... Well, that s great! You ve come to the right place. Whether you re having us design and edit your work, or you fancy yourself a designer and plan to hand over your

More information

The Beginner s Guide To Veterinary Marketing

The Beginner s Guide To Veterinary Marketing The Beginner s Guide To Veterinary Marketing Contents Introduction...3 The Veterinary Website...3 Rule Your Local Market...4 The Better Option...5 An Enticing Invitation...6 Tag Your Brand...7 What Your

More information

How to Write a Marketing Plan: Identifying Your Market

How to Write a Marketing Plan: Identifying Your Market How to Write a Marketing Plan: Identifying Your Market (Part 1 of 5) Any good marketing student will tell you that marketing consists of the four functions used to create a sale: The right product to the

More information

Reviewer s Guide. Morpheus Photo Animation Suite. Screenshots. Tutorial. Included in the Reviewer s Guide:

Reviewer s Guide. Morpheus Photo Animation Suite. Screenshots. Tutorial. Included in the Reviewer s Guide: Morpheus Photo Animation Suite Reviewer s Guide The all-in-one animation suite includes Morpheus Photo Morpher, Morpheus Photo Warper, Morpheus Photo Mixer, as well as all 15 sample morphs, warps, and

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Emailmovers Limited, Pindar House, Thornburgh Road Scarborough, North Yorkshire, YO11 3UY Tel: 0845 226 7181 Fax: 0845 226 7183 Email: enquiries@emailmovers.com

More information

Web Design Dos and Don ts

Web Design Dos and Don ts Web Design Dos and Don ts 2007 NOTES This article was originally published in 2003 as Chapter 21 of Learning Web Design, 2nd edition. It has been edited to reflect current best practices and my own current

More information

7 Biggest Mistakes in Web Design 1

7 Biggest Mistakes in Web Design 1 7 Biggest Mistakes in Web Design 1 7 Biggest Mistakes in Web Design 2 Written by Senka Pupacic This is not a free e-book! Printing out more than one copy - or distributing it electronically is prohibited

More information

This book does not contain affiliate links. Copyright 2009 Jodi Kaplan

This book does not contain affiliate links. Copyright 2009 Jodi Kaplan You may email, print, or post this report freely. Just leave it intact, don t change it, and keep it as a PDF file. You may republish excerpts as long as you attribute them to this e-book and link back

More information

A Simple Guide to. What makes a good website design? (by good, I mean a return on your investment)

A Simple Guide to. What makes a good website design? (by good, I mean a return on your investment) A Simple Guide to What makes a good website design? (by good, I mean a return on your investment) Hello and welcome, My name is Katherine Kelleher and I have written this e-book to help you develop an

More information

Microsoft Word 1A: Business Letters: Format, Text Wrap, Insert Text Box, Logo

Microsoft Word 1A: Business Letters: Format, Text Wrap, Insert Text Box, Logo Microsoft Word 1A: Business Letters: Format, Text Wrap, Insert Text Box, Logo Format of a Business Letter: Although there are different formats to use when preparing a business letter, you should always

More information

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow

More information

Taleo Enterprise. Career Section Branding Definition. Version 7.5

Taleo Enterprise. Career Section Branding Definition. Version 7.5 Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010 Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that

More information

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe

More information

TASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong?

TASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong? TASKSTREAM FAQs Why do I not receive emails from TaskStream? It could be that your email program is interpreting incoming TaskStream mail as spam, which is a term for junk mail Spam is not typically stored

More information

Lesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print

Lesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print Lesson 1 Quiz 1. Which technology trend in Web development can be defined as a group of XMLbased technologies that enable computers using different operating systems and software to easily exchange information

More information

A quick guide to... Effective HTML Messages

A quick guide to... Effective HTML Messages A quick guide to... Effective HTML Messages In this guide... Learn easy and effective ways to engage your subscribers, increase your click-through ratio (CTR), and get better results from your email marketing.

More information

Topics in Website Testing. [Reading assignment: Chapter 14, pp. 211-227]

Topics in Website Testing. [Reading assignment: Chapter 14, pp. 211-227] Topics in Website Testing [Reading assignment: Chapter 14, pp. 211-227] How to test a website Easiest way to start is by treating the web site as a black box. Look at a sample website such as www.apple.com

More information

62 Ecommerce Search Engine Optimization Tips & Ideas

62 Ecommerce Search Engine Optimization Tips & Ideas 62 Ecommerce Search Engine Optimization Tips & Ideas One of the reasons I like ecommerce SEO is there are a tremendous amount of opportunities to increase the optimization quality of an online store. Unlike

More information

Introduction By Nathan Olnick

Introduction By Nathan Olnick Introduction By Nathan Olnick This is an E-Book designed to help you understand what Search Engine Optimization is, why it s important to your business, and how you can benefit from it. Following this

More information

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone: 0131 6505001

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone: 0131 6505001 KB COPY CENTRE RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ Telephone: 0131 6505001 Email: kbcopy@ed.ac.uk martin.byrne@ed.ac.uk colin.doherty@ed.ac.uk Step 1. Set up page orientation

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters

More information

Search Engine Optimization Glossary

Search Engine Optimization Glossary Search Engine Optimization Glossary A ALT Text/Tag or Attribute: A description of an image in your site's HTML. Unlike humans, search engines read only the ALT text of images, not the images themselves.

More information

Department for Business, Enterprise, Technology and Science. Digital Tourism Business Framework Project. to Search Engine Optimisation

Department for Business, Enterprise, Technology and Science. Digital Tourism Business Framework Project. to Search Engine Optimisation Department for Business, Enterprise, Technology and Science Digital Tourism Business Framework Project How-To Barriers Guide to Search Engine Optimisation Many features of a websites design that create

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

How to start writing great copy for your website

How to start writing great copy for your website WILLIAMS GRAPHICS How to start writing great copy for your website Writing content for your own website can be hard. These pointers are here to help get you started. williamsgraphics.co.uk About Williams

More information

Email Marketing. Best Practices

Email Marketing. Best Practices Email Marketing Best Practices Introduction Within email marketing, creative design serves two very important functions. First, properly composed email creative ensure proper rendering and deliverability

More information

www.samsonmedia.net info@samsonmedia.net 973.744.6621

www.samsonmedia.net info@samsonmedia.net 973.744.6621 Websites come in all flavors and stripes, reflecting the wide variety of companies and the businesses they serve. While some sites are ecommerce sites selling products directly from the site itself, most

More information

How To Create Your Own Profitable Banners In Minutes!

How To Create Your Own Profitable Banners In Minutes! How To Create Your Own Profitable Banners In Minutes!..Without Graphic Design Skills Or Photoshop! Brought to you by EasyBannerCreator Introduction Banner ads are one of the most popular and effective

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

100 Do's and Don'ts in Web Design

100 Do's and Don'ts in Web Design 100 Do's and Don'ts in Web Design Styleguide by SpiderPro version 1.1 free ebooks by spiderpro -2- General information This styleguide is available at SpiderPro in the following versions: Online HTML http://www.spiderpro.com/pr/prstgm001.html

More information

Your First Web Page. It all starts with an idea. Create an Azure Web App

Your First Web Page. It all starts with an idea. Create an Azure Web App Your First Web Page It all starts with an idea Every web page begins with an idea to communicate with an audience. For now, you will start with just a text file that will tell people a little about you,

More information

Brought to you by PromoLotto Traffic Exchange. The Traffic Exchange Built for List Builders, by List Builders. and

Brought to you by PromoLotto Traffic Exchange. The Traffic Exchange Built for List Builders, by List Builders. and Brought to you by PromoLotto Traffic Exchange The Traffic Exchange Built for List Builders, by List Builders and Get Organized For Traffic Exchange Success Updated 4 February 2013 Welcome to PromoLotto

More information

HOW TO CONFIGURE PASS-THRU PROXY FOR ORACLE APPLICATIONS

HOW TO CONFIGURE PASS-THRU PROXY FOR ORACLE APPLICATIONS HOW TO CONFIGURE PASS-THRU PROXY FOR ORACLE APPLICATIONS Overview of Oracle JInitiator Oracle JInitiator enables users to run Oracle Forms applications using Netscape Navigator or Internet Explorer. It

More information

Search Engines. Planning & Design 1

Search Engines. Planning & Design 1 Planning & Design 1 Previous tutorials have shown that some consideration at the design stage can help to make your site easier to navigate, easier to read and understand, and more Web-friendly. In this

More information

ABL Advisor :: Online Advertising Specifications

ABL Advisor :: Online Advertising Specifications ABL Advisor :: Online Advertising Specifications Contact Denise Finegan 484.380.2968 or email dfinegan@abladvisor.com p.1 ONLINE ADVERTISING SPECIFICATIONS & SUBMISSION GUIDELINES WEBSITE BANNER AD SIZES

More information

23 Ways to Sell More Using Social Media Marketing

23 Ways to Sell More Using Social Media Marketing 23 Ways to Sell More Using Social Media Marketing 1. Be visible Don't just tweet/post once or twice and think your job is done. Get online and speak to people. Network and let your target market get to

More information

How Do I Budget For SEO?

How Do I Budget For SEO? How Do I Budget For SEO? If you are reading this document, you probably are already looking at having SEO work done for your website. You may have already seen a few quotes, and if you have then you are

More information

MassArt Studio Foundation: Visual Language Digital Media Cookbook, Fall 2013

MassArt Studio Foundation: Visual Language Digital Media Cookbook, Fall 2013 INPUT OUTPUT 08 / IMAGE QUALITY & VIEWING In this section we will cover common image file formats you are likely to come across and examine image quality in terms of resolution and bit depth. We will cover

More information

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers 1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product

More information

SiteBuilder User Guide

SiteBuilder User Guide SiteBuilder User Guide Page 1 of 41 SiteBuilder Manual Table of contents SiteBuilder Manual... 2 Table of contents... 2 What is SiteBuilder?... 4 Tips for building a great site... 4 Getting started...

More information

GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website

GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website GEOGRAPHY 351: MULTIMEDIA CARTOGRAPHY FALL 2013 SFU 1 GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website Instructor Britta Ricker bricker@sfu.ca

More information

Budget Website Design How to Find It

Budget Website Design How to Find It Budget Website Design How to Find It I design websites for small business owners who don't have bottomless pockets to have an internet presence. I believe every brick and mortar business needs a website

More information

Haslingden High School

Haslingden High School Haslingden High School ICT Department Year 8 esafety and Web Design homework Student name: Form: ICT teacher: Date issued: Date due: Level Effort House points Teacher feedback: KS3 Target level Parent/Carer

More information

How To Optimize LANDING PAGES GENERATE MORE LEADS. Tips and Examples From Industry Experts that Will Help Skyrocket Your Landing Page Conversion Rates

How To Optimize LANDING PAGES GENERATE MORE LEADS. Tips and Examples From Industry Experts that Will Help Skyrocket Your Landing Page Conversion Rates How To Optimize LANDING PAGES to GENERATE MORE LEADS Tips and Examples From Industry Experts that Will Help Skyrocket Your Landing Page Conversion Rates A Publication of Table of Contents Written by: Introduction

More information

Digital Newsletters Source: Company Newsletters.com - http://www.companynewsletters.com/electronic.htm

Digital Newsletters Source: Company Newsletters.com - http://www.companynewsletters.com/electronic.htm Digital Newsletters Source: Company Newsletters.com - http://www.companynewsletters.com/electronic.htm What are Digital Newsletters and Why Should I Make One? Online newsletters are gaining in popularity

More information

LRB Portfolio User Guide

LRB Portfolio User Guide LRB Portfolio User Guide LRB Portfolio - 1 2 - LRB Portfolio LRB Portfolio (http://lrbportfolio.com) from Lightroom-Blog.com is a true website in a gallery. Everything you need to create a website from

More information

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

A Beginner s Guide to PowerPoint 2010

A Beginner s Guide to PowerPoint 2010 A Beginner s Guide to PowerPoint 2010 I. The Opening Screen You will see the default opening screen is actually composed of three parts: 1. The Slides/Outline tabs on the left which displays thumbnails

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

It is clear the postal mail is still very relevant in today's marketing environment.

It is clear the postal mail is still very relevant in today's marketing environment. Email and Mobile Digital channels have many strengths, but they also have weaknesses. For example, many companies routinely send out emails as a part of their marketing campaigns. But people receive hundreds

More information

Internet Advertising Glossary Internet Advertising Glossary

Internet Advertising Glossary Internet Advertising Glossary Internet Advertising Glossary Internet Advertising Glossary The Council Advertising Network bring the benefits of national web advertising to your local community. With more and more members joining the

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

A quick guide to setting up your new website

A quick guide to setting up your new website A quick guide to setting up your new website Hi there. Welcome to MrSite we re really happy you chose to build your brand new website with us and look forward to seeing what you create! We re sure you

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

University of Colorado Boulder Colorado Springs Denver Anschutz Medical Campus. CU ecomm Program Email Marketing Best Practices

University of Colorado Boulder Colorado Springs Denver Anschutz Medical Campus. CU ecomm Program Email Marketing Best Practices University of Colorado Boulder Colorado Springs Denver Anschutz Medical Campus CU ecomm Program Email Marketing Best Practices What is ecomm?... 2 Why use ecomm?... 3 Legal Considerations... 4 Email Marketing

More information