Making Graphics Interactive

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Making Graphics Interactive"

Transcription

1 Making Graphics Interactive

2

3 A Banner Ad or web banner is a form of advertising on the World Wide Web delivered by an ad server. This form of online advertising entails embedding an advertisement into a web page. It is intended to attract traffic to a website by linking to the website of the advertiser. The advertisement known as a "click through." In many cases, banners are delivered by a central ad server. Source:

4 Type A Specific Web Address Type B Open Web Address

5

6 Type A Specific Web Address Leads to a specific, pre-determined Web address (in this case ).

7 Type B Open Web Address Can lead to any Web site, usually a State-sponsored Web site (State Department of Transportation, or any of its partners).

8 Type A Specific Web Address

9 Type A STEP 1: Download Asset Navigate to Asset page, and download. In this case Asset is a Web-banner ad, JPEG, 728x90 pixels.

10 Type A STEP 2: Navigate to Your Download Navigate to your downloaded Asset, usually found in your computer s Downloads folder.

11 Type A Step 3: Let s Look at the Asset In this case Asset is KnowForSure_180x150.swf. We ask that you keep this title intact. (That is, don t change it.) NHTSA can use this specific title to track usage of banner ad.

12 Type A Step 4: Make Your Image Interactive So you have a static image (JPEG) now what? You can place this image on a Web page using programs such as Dreamweaver, FrontPage, and other similar programs, but you still have a static image on a page. We want to make it interactive. That is, when you click on it, it will perform a desired action or take you to a specific Web page. (Although Web address appears in banner, the banner needs to be clickable and take you to the desired site.)

13 Type A Step 5: Place Banner on Page Place banner on desired location on Web page. Place banner image on page with Web design software. Remember, this is a linked asset (that is, it will reside on a folder on the Web site, even though it appears as part of the Web page).

14 Type A Step 6: Hyperlink the Banner Hyperlink the banner add a Web address to the image and make it clickable. Although Web design software packages differ, it is usually fairly easy to hyperlink an image. In most cases right-click the image, and choose hyperlink".

15 Type A Step 7: Add Link Insert the link. Make sure to add appropriate prefix (usually ). Some of the older browser versions require the hypertext protocol extension ( ) to correctly link to the site. Although this is a dwindling segment of browsers, they are still out there. And, the hypertext protocol extension will not affect Web addresses in newer browsers. In this case link is

16 Type A Step 8: Add Alt Tags Alt Tags are text tags added to the banner image that work in certain browsers and screen readers for the visually impaired. Not only does this make the banner 508 compliant, but it also includes important keywords that can be picked up by search engines. Be as descriptive as possible. EXAMPLE: Banner Ad promoting Child Passenger Safety. Text says Getting Home Safely is Just a Click Away and shows images of child car seats buckled in correctly. Web link: Ad produced in cooperation with the National Highway Transportation Safety Administration (NHTSA) and the Ad Council.

17 Type A Step 9 (optional): Make Hyperlinks into XHTML Rollovers (advanced) Impress your visitors by adding a rollover effect to the banner. This effect involves Cascading Style Sheets (CSS) and bit of XHTML programming know-how. Step-by-step instructions can be found here:

18 Type B Open Web Address

19 Type B STEP 1: Download Asset Navigate to Asset page, and download. In this case Asset is downloadable as either a flash object, shockwave file, or JPEG. This item can be publically downloaded at: +Over/No+Refusal+Toolkit/300x250+Basic

20 Type B What s the difference?

21 Type B Flash and Shockwave files can be animated. (GIFs can be animated as well.)

22 Type B JPEG Files are stagnant. (For purposes of this demonstration, we ll be using the JPEG.)

23 Type B STEP 2: Navigate to Your Download Navigate to your downloaded Asset, usually found in your computer s Downloads folder.

24 Type B Open the Zip file, extract to a folder. Open the Zip file. You will see three items. Extract them to a folder on your hard drive. We will be using the first item, with the JPEG extension.

25 Type B Step 3: Let s Look at the Asset In this case Asset is JPEG nhtsa_basic_300x250. Please keep this title intact. (That is, don t change it.) NHTSA can use this specific title to track usage of banner ad.

26 Type B Step 4: Make Your Image Interactive So you have a static image (JPEG) now what? You can place this image on a Web page using programs such as Dreamweaver, FrontPage, and other similar programs, but you still have a static image on a page. We want to make it interactive. That is, when you click on it, it will perform a desired action or take you to a specific Web page.

27 Type B Step 5: Place Banner on Page Place banner on desired location on Web page. Place banner image on page with Web design software. Remember, this is a linked asset (that is, it will reside on a folder on the Web site, even though it appears as part of the Web page).

28 Type B Step 6: Hyperlink the Banner Hyperlink the banner add a Web address to the image and make it clickable. Although Web design software packages differ, it is usually fairly easy to hyperlink an image. In most cases right-click the image, and choose hyperlink".

29 Type B Step 7: Add Link Insert the link. Make sure to add appropriate prefix (usually ). Some of the older browser versions require the hypertext protocol extension ( ) to correctly link to the site. Although this is a dwindling segment of browsers, they are still out there. And, the hypertext protocol extension will not affect Web addresses in newer browsers.

30 Type B Step 8: Add Alt Tags Alt Tags are text tags added to the banner image that work in certain browsers and screen readers for the visually impaired. Not only does this make the banner 508 compliant, but it also includes important keywords that can be picked up by search engines. Be as descriptive as possible. EXAMPLE: Banner Ad promoting driver safety. Text says Drive Sober or Get Pulled Over and shows image of a police officer and a shield. A button link says Learn More and leads to Web link: [insert relevant Web link here].

31 Type B Step 9 (optional): Make Hyperlinks into XHTML Rollovers (advanced) Impress your visitors by adding a rollover effect to the banner. Drive Sober or Get Pulled Over This effect involves Cascading Style Sheets (CSS) and bit of XHTML programming know-how. Step-bystep instructions can be found here:

32 v1 More Info: ehow instructions on how to post a banner ad: How Stuff Works Banner Ads:

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

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

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

STATEMENT OF PURPOSE

STATEMENT OF PURPOSE WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.

More information

Lesson Review Answers

Lesson Review Answers Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.

More information

Digital media glossary

Digital media glossary A Ad banner A graphic message or other media used as an advertisement. Ad impression An ad which is served to a user s browser. Ad impression ratio Click-throughs divided by ad impressions. B Banner A

More information

Appendix H: Cascading Style Sheets (CSS)

Appendix H: Cascading Style Sheets (CSS) Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of

More information

U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide. Version: 10.0.1

U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide. Version: 10.0.1 U.S. Coast Guard Auxiliary Department of User Services Dynamic Web Template User Guide Version: 10.0.1 Date: August 2, 2011 [ This page is intentional left blank ] Page: ii Table of Contents List of Figures...

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

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

More information

Web Design. Level 1. Level 2. Level 3

Web Design. Level 1. Level 2. Level 3 Web Design Level 1 Follow a given link to visit a website selected by the teacher. Use navigation such as clicking buttons to move around a given website. With assistance, choose and upload a file to post

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

Graphic/Web Design Software Certificates

Graphic/Web Design Software Certificates Graphic/Web Design Software Certificates Are you a small business owner? Have you been given responsibility for your company s newsletter, marketing, or website? Would you like to position yourself to

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

Adding a CareCredit link to your practice website can help increase its ranking in online search engines like Google

Adding a CareCredit link to your practice website can help increase its ranking in online search engines like Google Adding a CareCredit link to your practice website can help increase its ranking in online search engines like Google The CareCredit Website Toolkit contains multiple web assets for you to easily customize

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Creative Guidelines for Emails

Creative Guidelines for Emails Version 2.1 Contents 1 Introduction... 3 1.1 Document Aim and Target Audience... 3 1.2 WYSIWYG editors... 3 1.3 Outlook Overview... 3 2 Quick Reference... 4 3 CSS and Styling... 5 3.1 Positioning... 5

More information

Web Design. Links and Navigation

Web Design. Links and Navigation Web Design Links and Navigation Web Design Link Terms HTTP, FTP, Hyperlink, Email Links, Anchor HTTP (HyperText Transfer Protocol) - The most common link type and allows the user to connect to any page

More information

Madison Area Technical College. MATC Web Style Guide

Madison Area Technical College. MATC Web Style Guide Madison Area Technical College MATC Web Style Guide July 27, 2005 Table of Contents Topic Page Introduction/Purpose 3 Overview 4 Requests for Adding Content to the Web Server 3 The MATC Public Web Template

More information

Web Page Design (Master)

Web Page Design (Master) St. Michael-Albertville High School Teacher: Ben Rusin Web Page Design (Master) September 2014 CEQ: WHAT IS HTML CODING AND HOW IS IT USED TO CREATE WEB SITES? AND HOW CAN IT BE USED TO CREATE WEB SITES?

More information

ACE: Dreamweaver CC Exam Guide

ACE: Dreamweaver CC Exam Guide Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation

More information

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session ICS 202 Web Site Design 2 Credits The use of web design software in creating Web Pages. Available options for hosting Web pages. Design of web pages. Program interactive websites. Use of multimedia. Group

More information

Use ArcGIS Online to Manage

Use ArcGIS Online to Manage Use ArcGIS Online to Manage Your Own Custom Map Gallery By Keith Mann, Esri Start customizing the template by changing the graphics and the web page title. Wouldn t it be great if you could create a dynamic

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

Course Title: Multimedia Design

Course Title: Multimedia Design Course Title: Multimedia Design Unit: Multimedia Hardware and Software Content Standard(s) and 1. Compare types of multimedia, including presentation, desktop publishing, Web page design, graphic design,

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

File types There are certain image file types that can be used in a web page. They are:

File types There are certain image file types that can be used in a web page. They are: Using Images in web design (Dreamweaver CC) In this document: Image file types for web pages Inserting an image Resizing an image in Dreamweaver CSS properties for image alignment and responsiveness nigelbuckner

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

COMPETENCY 107 OBJECTIVE DM %

COMPETENCY 107 OBJECTIVE DM % COMPETENCY 107 OBJECTIVE DM 107.01-5% Which term describes the method by which files and data are transferred over the Internet? A. PHP B. URL C. HTML D. FTP MSC: DM107.01.01 When Internet users access

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Contents. Introduction... 2. Downloading the Data Files... 2

Contents. Introduction... 2. Downloading the Data Files... 2 Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading

More information

Website Basics. An Introductory Guide to the Process and Terminology of Website Development. By Brockton James. Webmaster and Co-owner,

Website Basics. An Introductory Guide to the Process and Terminology of Website Development. By Brockton James. Webmaster and Co-owner, Website Basics An Introductory Guide to the Process and Terminology of Website Development By Brockton James Webmaster and Co-owner, P.O. Box 152, Magalia CA 95954 (530) 877-9682 or (530) 873-0984 email:

More information

Saucon Valley School District Planned Course of Study

Saucon Valley School District Planned Course of Study Course Title Grade Level: 10-12 Credits: 0.5 Content Area / Dept. Business / Technology Education Length of Course: Quarter Author(s): Gemma Cody Course Description: is an introductory course designed

More information

DESIGN GUIDELINES FOR GENER8 WEBSITES

DESIGN GUIDELINES FOR GENER8 WEBSITES ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online

More information

Conduct Initial Meeting And Take Brief

Conduct Initial Meeting And Take Brief 1. UKBA Campaign Process Conduct Initial Meeting And Take Brief 1 Book And Plan Follow On Campaign Design And Agree Campaign Creatives Stats And Reporting Schedule And Despatch Campaign 1. Conduct Initial

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

ILLUSTRATION BY 123KLAN www.123klan.com

ILLUSTRATION BY 123KLAN www.123klan.com ILLUSTRATION BY 123KLAN www.123klan.com 62 Computer Arts_May 2004 Tutorial CREATIVE SUITE WEB DESIGN IN ADOBE CS We show you four different methods for prepping your Web designs, using ImageReady CS, Photoshop

More information

1Lesson 1: Overview of Web Design Concepts Objectives

1Lesson 1: Overview of Web Design Concepts Objectives 1Lesson 1: Overview of Web Design Concepts Objectives By the end of this lesson, you will be able to: 1.2.1: Balance customer needs and usability with site design principles and aesthetics (includes distinguishing

More information

Adobe Dreamweaver CS4: Learning the Tools

Adobe Dreamweaver CS4: Learning the Tools Adobe Dreamweaver CS4: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)

More information

JISIS and Web Technologies

JISIS and Web Technologies 27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Web Editing Basics 1 TOPICS

Web Editing Basics 1 TOPICS Web Editing Basics 1 TOPICS 1. Opening your site.1 2. What you see.1 3. Navigate to your Web page 2 4. Make text edits...2 5. Prepare documents and images for the Web 3 6. Move documents and images from

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

BEST PRACTICES FOR EMAIL CAMPAIGNS

BEST PRACTICES FOR EMAIL CAMPAIGNS BEST PRACTICES FOR EMAIL CAMPAIGNS How to Acquire and Retain New Customers Through Email Acquiring customers via email campaigns is a marketing science that has evolved significantly in recent years. It

More information

BUSINESS SOLUTIONS ASSOCIATION. Banner Ad Guidelines BSA Guideline 08-13

BUSINESS SOLUTIONS ASSOCIATION. Banner Ad Guidelines BSA Guideline 08-13 BUSINESS SOLUTIONS ASSOCIATION Banner Ad Guidelines BSA Guideline 08-13 Proposed Effective Date: January 1, 2014 Table of Contents Purpose Goals and Objectives Proposed Guidelines Technical Specifications

More information

MyCompany Professional Web Developer Certification Examination Specification

MyCompany Professional Web Developer Certification Examination Specification MyCompany Professional Web Developer Certification Examination Specification Introduction This is a sample of an exam specification and is not representative of any actual exam specification. The exam

More information

Statement of Work. The following tasks will be completed by ipic Development Group, LLC in the order presented:

Statement of Work. The following tasks will be completed by ipic Development Group, LLC in the order presented: Statement of Work This document details the work to be done by ipic Development Group, LLC for CayroArt.com (client) during the term of the agreement. Pricing and Delivery requirements contained herein

More information

Web Design Standards

Web Design Standards Web Design Standards Contents Roles and Responsibilities... 3 Design Guidelines... 4 Page Layout... 4 Font and Styles... 4 File Types... 5 Page Names... 5 Images... 5 Academic Departments Required Content...

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

2014 DIGITAL MEDIA KIT. Expand Your Reach With Charisma Media s Digital Presence

2014 DIGITAL MEDIA KIT. Expand Your Reach With Charisma Media s Digital Presence 2014 DIGITAL MEDIA KIT Expand Your Reach With Charisma Media s Digital Presence WHY CHARISMA? ABOUT CHARISMA MEDIA» Charisma Media has been inspiring people to radically change their world through print

More information

CREATING LINKS USING THE ADD LINK TOOL

CREATING LINKS USING THE ADD LINK TOOL CREATING LINKS USING THE ADD LINK TOOL In every Design window in your course, one of the options available to you is to create a link. When the student clicks the link, they will be taken to the item you

More information

Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org

Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org The Caribbean Tourism Organization is now offering the opportunity to advertise on its membership website, at http://www.onecaribbean.org.

More information

Making a Web Page with Microsoft Publisher 2003

Making a Web Page with Microsoft Publisher 2003 Making a Web Page with Microsoft Publisher 2003 The first thing to consider when making a Web page or a Web site is the architecture of the site. How many pages will you have and how will they link to

More information

Unit Title: Content Management System Website Creation

Unit Title: Content Management System Website Creation Unit Credit Value: 7 Unit Level: Three Unit Guided Learning Hours: 36 Ofqual Unit Reference Number: H/503/9327 Unit Review Date: 31/12/2016 Unit Sector: 15.3 Business Management Unit Summary This unit

More information

WEB& WEBSITE DESIGN TRAINING

WEB& WEBSITE DESIGN TRAINING WEB& WEBSITE DESIGN TRAINING Introduction to Websites Course Content: Introduction to Web Technologies Protocols and Port Numbers Domain Names, DNS and Domaining Client and Server Software. Static, Dynamic

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

Digital Web Design Syllabus/Online Course Plan

Digital Web Design Syllabus/Online Course Plan Digital Web Design Syllabus/Online Course Plan Certificated Teacher: Date: 2015-2016 Desired Results Digital Web Design: Grades 9 12 Credit: X one semester (.5) two semesters (1) Estimate of hours per

More information

Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org

Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org Caribbean Tourism Organization Website Advertising Policy for OneCaribbean.org The Caribbean Tourism Organization is now offering the opportunity to advertise on its membership website, at http://www.onecaribbean.org.

More information

RedDot Documentation

RedDot Documentation How to Create a New News Story RedDot Documentation How to Add News Pages and Stories Before you begin, each News story needs to have the following components: Headline 255 character limit including spaces

More information

OCR LEVEL 2 CAMBRIDGE TECHNICAL

OCR LEVEL 2 CAMBRIDGE TECHNICAL Cambridge TECHNICALS OCR LEVEL 2 CAMBRIDGE TECHNICAL CERTIFICATE/DIPLOMA IN IT WEBSITE DEVELOPMENT A/601/3245 LEVEL 2 UNIT 9 GUIDED LEARNING HOURS: 60 UNIT CREDIT VALUE: 10 WEBSITE DEVELOPMENT A/601/3245

More information

Designing for the Web

Designing for the Web Designing for the Web Design Issues Technical Issues Some Web Design Issues Breadth vs. Depth Navigation vs. Content Seller vs. Buyer (i.e., Designer vs. User) Colors and Images Several images in this

More information

HTML Creative Design Guidelines

HTML Creative Design Guidelines HTML Creative Design Guidelines An effective design should do more than look nice. It should support the message and render correctly. When a design is properly executed, it really is worth a thousand

More information

Web Design Grades 10-12

Web Design Grades 10-12 Units of Credit: One Semester (Elective) Prerequisites: Recommended Digital Media Web Design Grades 10-12 Course Description: This course presents introductions to many of the basic concepts, issues and

More information

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Page 1 of 9 General Specifications General Specifications Clickthru URL(s) must be provided and Clicktag coding must be implemented in Flash

More information

Infinity Touch Control Field Software Updates Version 10 rev. 20131112

Infinity Touch Control Field Software Updates Version 10 rev. 20131112 Software updates to the Infinity Touch control may be performed in the field using a USB memory device (USB drive). You will obtain best results using a USB drive that is 2GB, 4GB or 8GB in size, and is

More information

Quick Guide for Dreamweaver CC Basics April 2016 Training:

Quick Guide for Dreamweaver CC Basics April 2016 Training: Dreamweaver CC Basics When you look at a web page, you might wonder how it is made. To display a web page, your internet browser reads and interprets a special set of instructions. These instructions are

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

Dreamweaver: Getting Started Website Structure Why is this relevant?

Dreamweaver: Getting Started Website Structure Why is this relevant? Dreamweaver: Getting Started Dreamweaver is a Graphic Designer s tool to create websites as he or she designs. As part of the Adobe Creative Suite, Dreamweaver is able to work in conjunction with Photoshop,

More information

Blogs & Shout Boxes. Dynamic Content 1

Blogs & Shout Boxes. Dynamic Content 1 Dynamic Content 1 Add interactive blogs and shout boxes in this tutorial. You ll learn how to: Configure, insert, and manage a blog. Format and insert a shout box. 2 Dynamic Content Blogs are online diaries.

More information

How-to Guide Technical instructions for quick, easy and customizable web tools.

How-to Guide Technical instructions for quick, easy and customizable web tools. Advertising Toolkit for Healthcare Providers How-to Guide Technical instructions for quick, easy and customizable web tools. contents Advertising Toolkit...3 Custom Apply Link...4 Sample Webpage...5 Payment

More information

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

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

Unit 2: Webpage creation (LEVEL 2)

Unit 2: Webpage creation (LEVEL 2) (LEVEL 2) Learning outcomes By completing this unit candidates will develop knowledge relating to the planning and creation of a multimedia website that is fit for purpose. Candidates will develop the

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

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

Website Development (D4)

Website Development (D4) IMIS DIPLOMA QUALIFICATIONS Website Development (D4) Thursday 4 th December 2014 14:00hrs 17:00hrs DURATION: 3 HOURS Candidates should answer ALL the questions in Part A and THREE of the five questions

More information

Theater Signage Dimensions Notes Material. 20"w x 26"h Poster only DO NOT MOUNT. Price Chart Dimensions Notes Material

Theater Signage Dimensions Notes Material. 20w x 26h Poster only DO NOT MOUNT. Price Chart Dimensions Notes Material STAGE 4 Theater Signage Dimensions Notes Material 50th St. Pavilion Exterior Sign (case/sign) 27"w x 77"h (opening) 23 5/8"w x 73 1/2"h Mount on foam core 50th St. Pavilion Interior Sign 20"w x 26"h Poster

More information

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

More information

STAGE 4. (case/sign) 27"w x 77"h. 50th St. Pavilion Exterior Sign. 50th St. Pavilion Interior Sign. 20"w x 26"h Poster only DO NOT MOUNT

STAGE 4. (case/sign) 27w x 77h. 50th St. Pavilion Exterior Sign. 50th St. Pavilion Interior Sign. 20w x 26h Poster only DO NOT MOUNT STAGE 4 50th St. Pavilion Exterior Sign (case/sign) 27"w x 77"h (opening) 23 5/8"w x 73 1/2"h Mount on foam core 50th St. Pavilion Interior Sign 20"w x 26"h Poster only DO NOT MOUNT 50th St. Slider Boards

More information

An Insider s Guide to Web Design & Online Marketing Terms

An Insider s Guide to Web Design & Online Marketing Terms An Insider s Guide to Web Design & Online Marketing Terms Ever get stuck in the middle of a techy conversation and feel completely inept? Nevermore! With this handy dandy glossary of terms, you ll be empowered

More information

Comparison of Web Authoring Tools (NetObjects Fusion, Microsoft FrontPage, and Macromedia Dreamweaver)

Comparison of Web Authoring Tools (NetObjects Fusion, Microsoft FrontPage, and Macromedia Dreamweaver) Comparison of Web Authoring Tools (NetObjects Fusion, Microsoft FrontPage, and Macromedia Dreamweaver) Introduction to Web Authoring Tools It is easier than ever to create a Web site with an HTML editor,

More information

Web Design Scope and Sequence Student Outcomes (Objectives Skills/Verbs)

Web Design Scope and Sequence Student Outcomes (Objectives Skills/Verbs) Title/ Length of Unit Resources: Standard/ Strand Essential Questions 1. recur throughout life 2. are key inquiries within discipline 3. help student make sense of core content Web Design Scope and Sequence

More information

Senior.com 2015 ONLINE ADVERTISING MEDIA KIT AND RATE SHEET

Senior.com 2015 ONLINE ADVERTISING MEDIA KIT AND RATE SHEET 2015 ONLINE ADVERTISING MEDIA KIT AND RATE SHEET Senior.com Website Built By Seniors For Seniors v Senior.com is an information resource and social networking community serving both seniors and caregivers

More information

MetService Online Advertising Technical Specifications

MetService Online Advertising Technical Specifications MetService Online Advertising Technical Specifications Updated: 17 August 2012 FORMATS & DEADLINES Please note: If advertisements do not meet the specifications below, MetService may be unable to load

More information

Resolving Accessibility Issues in Word 2010/2011

Resolving Accessibility Issues in Word 2010/2011 Resolving Accessibility Issues in Word 2010/2011 Use the Accessibility Checker 1. Click File > Info > Check for Issues 2. If the Accessibility Checker sees any potential issues, you will see a message

More information

Ad Banner Manager 6.0 User Manual

Ad Banner Manager 6.0 User Manual Introduction...5 Installation and configuration...5 Upgrading from Version 5.1 or Earlier...6 Changes in Behavior...7 What is New Since 5.1?...7 Overview...8 Creating Advertisers and Campaigns Typical

More information

N-CAP Users Guide. Everything You Need to Know About Using the Internet! How Banner Ads Work

N-CAP Users Guide. Everything You Need to Know About Using the Internet! How Banner Ads Work N-CAP Users Guide Everything You Need to Know About Using the Internet! How Banner Ads Work How Banner Ads Work by Tom Harris If you've spent any time surfing the Internet, you've seen more than your fair

More information

BA. (Hons) Graphics Design

BA. (Hons) Graphics Design BA. (Hons) Graphics Design Cohorts: BGD/08B/FT & BGD/09U/PT Examinations for 2010 2011 / Semester 1 Resit Examinations for 2009 2010 / Semester 1 MODULE: Advanced Web Design MODULE CODE: WAT3110 Duration:

More information

Adobe Certified Associate

Adobe Certified Associate Adobe Certified Associate Dreamweaver CS6 Study Guide Sample Items SELECTED RESPONSE EXAMPLES DW.1.1.4 Which two issues should be considered when designing a website for a restaurant? (Choose two.) A.

More information

Higher National Unit specification. General information for centres. Unit title: Web Development Fundamentals. Unit code: F203 34

Higher National Unit specification. General information for centres. Unit title: Web Development Fundamentals. Unit code: F203 34 Higher National Unit specification General information for centres Unit code: F203 34 Unit purpose: This Unit is designed to enable candidates to develop websites using Extensible Hypertext Markup Language

More information

Your Individual Website Assessment Includes comparison to June 2008 manufacturing study data NAME of COMPANY for WEBSITENAME

Your Individual Website Assessment Includes comparison to June 2008 manufacturing study data NAME of COMPANY for WEBSITENAME WEBSITE ASSESSMENT Subject: For: Company: Your Individual Website Assessment Includes comparison to June 2008 manufacturing study data NAME of COMPANY for WEBSITENAME COMPANY NOTE: The additional elements

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

Search engine optimisation (SEO)

Search engine optimisation (SEO) Search engine optimisation (SEO) Moving up the organic search engine ratings is called Search Engine Optimisation (SEO) and is a complex science in itself. Large amounts of money are often spent employing

More information

L2 Unit 2: Webpage creation (2010)

L2 Unit 2: Webpage creation (2010) L2 Unit 2: Webpage creation (2010) Learning outcomes By completing this unit candidates will develop knowledge relating to the planning and creation of a multimedia website that is fit for purpose. Candidates

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

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

CSET 3100 Advanced Website Design (3 semester credit hours) IT Required

CSET 3100 Advanced Website Design (3 semester credit hours) IT Required CSET 3100 Advanced Website Design (3 semester credit hours) CSET Elective IT Required Current Catalog Description: This course covers the creation of HTML forms, creation of static and animated web graphics,

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