GKG3013 Web Design. Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak
|
|
- Carol Madison Potter
- 8 years ago
- Views:
Transcription
1 GKG3013 Web Design Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak
2 Learning Unit 3 Web Design Basics
3 Unit Learning Objectives The aim of this unit is to explore the basic concept of web design and development. By the end of this unit, students should be able to: Describe considerations in planning and designing a website. Explain elements of a website. Discuss website building basics.
4 Topics 1. Planning Your Website 2. Designing Your Site 3. Elements of a Website 4. Working with Images
5 Planning Your Site Types of Sites 1. Business 2. Personal 3. Social 4. Informational
6 Amazon.com Business Sites Terry Lucas GKG3013 Web Design
7 Kodak.com Business Sites
8 Bloomingfoods Business Sites
9 Personal
10 Jasonsantamaria.com Personal
11 Wonkette.com Personal
12 Social Facebook Google+ Twitter
13 Social flickr MySpace
14 Informational Wikipedia IMDB
15 Planning Your Site Website Goals 1. What is the overall goal of this website 2. What parts of the website show me this goal?
16 Planning Your Site Organizing Websites Website is a collection of web pages. There should be unity to what you create. If every page is different, the site visitor might get lost. 1. Organizing the Site 2. Organizing the Page
17 Planning Your Site Best Practices of Website Organization 1. Simple Start simple You can always add things later Simple website allows your message to be clearly understood and your goals easily attained Too complex will cause confusion 2. Consistent 3. Maintainable
18 Planning Your Site Best Practices of Website Organization 1. Simple 2. Consistent Keep your website a unified whole. Looks professional and clean Helps the transmission of your message Use consistent structure on pages 3. Maintainable
19 Planning Your Site Best Practices of Website Organization 1. Simple 2. Consistent 3. Maintainable Well-organized & well-designed websites are easy to maintain and improve Disorganized work can cause more work in the long run Complex site will take a lot of time to make sure all parts work together So, start simple!
20 Designing Your Site Content Before Design Overall Design Colors Fonts Images
21 Designing Your Site Content Before Design Collecting content for your website and letting that guide and inform your design. What information do you need for a sport team website? member profiles, schedule, past matches result & team logo Overall Design Colors Fonts Images
22 Designing Your Site Content Before Design Overall Design Design Ideas Looking for award winning web designer s site Webby Award LevelTen Interactive Avenue A/Razorsih Central Image Design Colors Fonts Images
23 Designing Your Site Content Before Design Overall Design Design Ideas Central Image Design Use a central image and base your color scheme and other images off it. I.e.: Logo, Photos. Colors Fonts Images
24 Designing Your Site Content Before Design Overall Design Colors Web is a visual medium, so color is important Invokes mood from boring to dynamic. Millions of colors are available to choose from let your creativity and personal style be your guide. Fonts Images
25 Designing Your Site Content Before Design Overall Design Colors Fonts A webpage can have little text or huge amount of text. Text can be actual text or graphics System Font fonts that have been created to display well on web pages. If the font is not a system font, turn the text into an image. Fonts as Images are not selectable, slow down your page s load time and search engine cannot find it. Fonts and Color you can color your text. Go for good contrast to make it easy to read. Images
26 Designing Your Site Content Before Design Overall Design Colors Fonts Images Images is an important part of any design But, don t include too many as it will slow down your page load. Only use images that support your content well.
27 Best Design Practices Content is King Put What Is New Front & Center Keep It Simple Don t Use Attention Grabbers Be Consistent
28 Elements of a Website Content Parts of a Webpage Parts of a Website
29 Elements of a Website Content Best Practices Focused Personal High Quality Unique Appropriate to the Audience
30 Elements of a Website Parts of a Webpage Title the title of the webpage appears in the title bar of the browser displaying your webpage Header - this is where the title of your webpage and logo's are placed Body - the main body of the website. Footer - this is sometimes used for a text based navigation of the website and legal disclaimers Sidebar columns of website content that has more height than width. Navigational Elements - the main buttons to navigate around your website
31 Parts of a Webpage
32 Elements of a Website Navigational Elements Complete Consistency Easy to Read Easy to Find
33 Elements of a Website Navigational Elements Complete Make sure all pages on your site are accessible from all other pages on your site Consistency Easy to Read Easy to Find
34 Elements of a Website Navigational Elements Complete Consistency Navigational elements should appear in the same spot and contain the same links on every page. Easy to Read Easy to Find
35 Elements of a Website Navigational Elements Complete Consistency Easy to Read Navigational elements you use should be easy to read and understand Easy to Find
36 Elements of a Website Navigational Elements Complete Consistency Easy to Read Easy to Find Navigational elements should be easy to find and at the same place on each page
37 Elements of a Website Parts of a Website Home Page Content Page About Me Page Frequently Asked Questions Contact Information
38 Working With Images Key Terms Pixel Is the smallest piece of information in a digital image and is one color. Every image can be described as a certain number of pixels high and a certain number wide Resolution RGB Hexadecimal
39 Working With Images Key Terms Pixel Resolution RGB An image s resolution is the number of pixels that make up a square inch. The higher the resolution, the larger the file size. The most common resolution is 72 pixels per inch. Hexadecimal
40 Working With Images Key Terms Pixel Resolution RGB A mode of creating colors by mixing Red, Green & Blue in certain amounts. Each three colors values from 0 to 255. Using this method, more than 16 million colors are available to you. Hexadecimal
41 Working With Images Key Terms Pixel Resolution RGB Hexadecimal A method of taking a three-digit RGB numbers and converting them to two-digit numbers that HTML can understand
42 Web Graphics Lossy and Lossless Compression The HTML Image Tag Background Images Image Maps Animated GIFs
43 Web Graphics Lossy and Lossless Compression Image compression tries to make your files as small as possible while retaining quality. Lossy compression degrades the image slightly to make the size of the file smaller. Ie.: Joint Photographic Expert Group (.jpg or.jpeg) Lossless compression has no degradation. ie.: Graphics Interchange Format (.gifs) & Portable Network Graphics (.png) The HTML Image Tag Background Images Image Maps Animated GIFs
44 Web Graphics Lossy and Lossless Compression The HTML Image Tag To add image to a webpage, use HTML tag IMG which has several properties, or attributes. Attributes are the things that define how the image is displayed. Background Images Image Maps Animated GIFs
45 Web Graphics Lossy and Lossless Compression The HTML Image Tag Background Images You can use an image as background of an entire page using BODY tag and the BACKGROUND attribute. Use CSS to when using a background image. Image Maps Animated GIFs
46 Web Graphics Lossy and Lossless Compression The HTML Image Tag Background Images Image Maps An HTML structure that allows you to specify coordinates on an image connected to hyperlinks. An image can be server-side (stored on server that assist with the image map) or client-side (all the information for the image is stored in the HTML file) Animated GIFs
47 Web Graphics Lossy and Lossless Compression The HTML Image Tag Background Images Image Maps Animated GIFs A series of.gif files saved into one larger.gif file that animate when loaded into a web browser. It can slow down load time if too large. So, use sparingly.
48 Optimizing Images Resizing Images When to Use Different File Types Slicing Images
49 Optimizing Images Resizing Images Using html image tag Resize in image editing software When to Use Different File Types Slicing Images
50 Optimizing Images Resizing Images When to Use Different File Types Use the highest level of compression and lowest number of colors you can Photo:.jpg & Graphics:.gifs Slicing Images
51 Optimizing Images Resizing Images When to Use Different File Types Slicing Images Larger images can be sliced into smaller images so they load quickly Effective when parts of a large area are not central to your design Make sure your sliced images line up when it is completely loaded.
52 Optimizing Images Resizing Images When to Use Different File Types Slicing Images
53 Finding Images Free Images Other People s Images Your Own Images Terry Lucas GKG3013 Web Design
54 Finding Images Free Images Sources of good images and reference Creative Commons Kave Wall FreeStockPhotography Visipix.com flickr Other People s Images Your Own Images
55 Finding Images Free Images Other People s Images Request permission to use other people s images and give credit to the image owner. Your Own Images
56 Finding Images Free Images Other People s Images Your Own Images Take your own pictures or make your own graphics. Easier to credit the creator of the images.
57 10 min Show-and-tell List down the good and not-so-good design of the selected website of yours. How are you going to improve on it? Present it to your peers. You may support/ enhance it with any visual aid (your research/sketches/ site map)
58 Reference 1. Bell, M. (2011). Build a Website for Free. Indianapolis, IN: Pearson Education. 2. Strauss, R. (2001). Developing Effective Websites: A Project Manager s Guide. Boston, MA: Focal Press. 3. Lopuck, L. (2012). Web Design For Dummies, 3 rd Edition. Hoboken, New Jersey: John Wiley & Sons. 4. Dawson, A. (2011). Distinctive Design A Practical Guide to a Useful, Beautiful Web. West Sussex, UK: John Wiley & Sons. 5. Eccher, C. (2011). Professional Web Design Techniques and Templates. Boston: MA. Course Technology. 6. Smith, J. & Osborn, J. (2011). Web Design with HTML and CSS Digital Classroom. Indianapolis: IN. John Wiley & Sons. 7. Stocks, E. J. (2009). Sexy Web Design. Victoria: Australia. SitePoint.
GKG3013 Web Design. Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak
GKG3013 Web Design Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak Learning Unit 7 Presenting Your Design Learning Units Objectives The aim of
More informationHow To Design A Website For The Decs
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 informationFireworks 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 informationLEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES
Updated 3/15/2013 4:07 PM LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES The League of Women Voters logo, like our name, is our identity. It conveys the full collective power of the LWV mission to the public,
More informationTerminal 4 Content Types. Need help? Call the ITD Lab, x7471
Terminal 4 Content Types Need help? Call the ITD Lab, x7471 1 Terminal 4 Content Types Contents Introduction...2 Terminology...2 Content Types...3 Ad Banner...4 Ad Banner Full...5 Alert Text...6 Banner
More informationLesson 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 informationART 170: Web Design 1
Banner Design Project Overview & Objectives Everyone will design a banner for a veterinary clinic. Objective Summary of the Project General objectives for the project in its entirety are: Design a banner
More informationPASTPERFECT-ONLINE DESIGN GUIDE
PASTPERFECT-ONLINE DESIGN GUIDE INTRODUCTION Making your collections available and searchable online to Internet visitors is an exciting venture, now made easier with PastPerfect-Online. Once you have
More informationHOW Interactive Design Conference 2013
HOW Interactive Design Conference 2013 Photoshop to HTML Chris Converse Use this QR code to get the mobile schedule for this conference. Get session and speaker info, lunch ideas, and links for getting
More informationLinks. Blog. Great Images for Papers and Presentations 5/24/2011. Overview. Find help for entire process Quick link Theses and Dissertations
Overview Great Images for Papers and Presentations May 26, 2011 Web Tips Definitions Using the Michigan Tech logo Photography 101 Great images from others Great images you create PDF conversion Final words
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationApplication Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5
Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...
More informationMMGD0203 Multimedia Design MMGD0203 MULTIMEDIA DESIGN. Chapter 3 Graphics and Animations
MMGD0203 MULTIMEDIA DESIGN Chapter 3 Graphics and Animations 1 Topics: Definition of Graphics Why use Graphics? Graphics Categories Graphics Qualities File Formats Types of Graphics Graphic File Size Introduction
More informationWEB DEVELOPMENT IMMERSIVE HTML & WEB FUNDAMENTALS
HTML & WEB FUNDAMENTALS TOPICS How the Web Works The Development Process Separation of Concerns Work Flow Habits Getting to know HTML elements Validation 2 HOW THE WEB WORKS Request/Response Rendering
More informationWeb Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.
Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and
More informationcss href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title PORT JERVIS CENTRAL SCHOOL
More informationCOURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA
COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING
More informationDreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
More informationProposal for Dental Therapy in Minnesota Project
Proposal for Dental Therapy in Minnesota Project Craig Creeger (651) 361-0457 2/12/14 9:53 AM I d like to thank- you for giving me the opportunity to submit this proposal. If you have any questions, don
More informationBUSINESS 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 informationCreate 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 informationMassArt 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 informationWeb 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 informationKOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
More informationLisa Sabin-Wilson WILEY. Wiley Publishing, Inc.
by Lisa Sabin-Wilson WILEY Wiley Publishing, Inc. Table of Contents Introduction 1 About This Book 1 Foolish Assumptions 2 Conventions Used in This Book 3 What You Are Not to Read 4 How This Book Is Organized
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
More informationWe 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 informationTheWebStyleGuide. 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 informationWeb 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 informationClient Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote
SiteBuilder (Adding/Editing Content) Enable web pages on your website Add and format text and images Upload images Create Image Links Create Sub Levels Create Hyperlinks Upload Data files (ppt,xls,word
More informationMICROSOFT EXPRESSION WEB WORKSHOP. Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com
MICROSOFT EXPRESSION WEB WORKSHOP Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com FREE CURRICULUM RESOURCES One semester - 8 modules including: History of the Web
More informationAirangel s WiFi Portal Best Practice Guidelines Get the most out of your WiFi infrastructure
CONTROL PERSONALISE SOCIALISE www.airangel.com Airangel s WiFi Portal Best Practice Guidelines Get the most out of your WiFi infrastructure Contents Why is my portal design so important? Page 03 - You
More informationThe following guidelines will help ensure that our identity is used properly and effectively.
Logo Style Guide All uses of the Colleges and Institutes Canada logo must comply with the Identity Style Guide and be approved by Communications and Information Services. Please send a PDF or JPG to the
More informationNURSING 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 informationWebsites 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 informationTable of Contents. What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps.
The Beginners Guide Table of Contents 03 04 05 06 34 35 What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps See Live Examples Need More Help? What is ProSite?
More informationWeb 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 informationIntroduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6
Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder 4.5... 7 Editing Websites... 9 Structure: Pages and Navigation... 9
More informationOJS Design Brief. Part 1: Formatting the Web site s look and feel (CSS layout) 1) Preference of colors
OJS Design Brief Part 1: Formatting the Web site s look and feel (CSS layout) 1) Preference of colors 2) Preference of fonts The journal can pick a font that they would like to use on the Web site. Please
More informationA Basic Summary of Image Formats
A Basic Summary of Image Formats Merciadri Luca Luca.Merciadri@student.ulg.ac.be Abstract. We summarize here the most used image formats, and their respective principal applications. Keywords: image formats,
More informationAdobe 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 informationWeb Design Foundations (2015-16)
Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop
More informationWeb 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 informationINSTANT MAGAZINE QUICK GUIDE
INSTANT MAGAZINE QUICK GUIDE Create an online magazine in a jiffy It s great that you ll be working with our tool! We hope you ll enjoy the creative process. Take a moment to read this quick guide and
More informationWeb Design I. Introduction. This first exercise will cover the following concepts: Tutorial Topics
Web Design I Web Enhancement XHTML/CSS Tutorial One Getting Started With the Internet Introduction Tutorial Topics This is the first of a series of tutorials to assist students enrolled in the XHTML/CSS
More informationCourse 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 informationireview Template Manual
ireview Template Manual Contents Template Overview... 2 Main features... 2 Template Installation... 3 Installation Steps... 3 Upgrading ireview... 3 Template Parameters... 4 Module Positions... 6 Module
More informationWhat options do I have for creating a classroom website if I...
What options do I have for creating a classroom website if I... Want to create a webpage from scratch? You can create your webpage(s) in any HTML editor you would like. Free ones are available on the Internet.
More informationCOH Web Standardization Style Guide
COH Web Standardization Style Guide 5.17.2010 Introduction Every City of Houston web site contributes to the user's perception of the City. When a user visits the City of Houston web, they take away with
More informationcss href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL
More informationGarfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
More informationWeb Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
More information04 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 informationBlueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only!
Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Overview and Usage Tips For Blueball First Class Sandvox 2 Designs Thank you for purchasing one of our original Sandvox Designs bundle.
More informationAdvertising on Onet.pl. Ad products specification
Advertising on Onet.pl Ad products specification August 16, 2013 2 S t r o n a General rules... 3 Mobile Rich Media...... 4 General rules for Rich Media ads... 4 Rich Media top... 5 Cube 3D... 9 Formats
More informationSmallBiz Dynamic Theme User Guide
SmallBiz Dynamic Theme User Guide Table of Contents Introduction... 3 Create Your Website in Just 5 Minutes... 3 Before Your Installation Begins... 4 Installing the Small Biz Theme... 4 Customizing the
More informationClub and Region Website Guidelines
Soroptimist International of the Americas 1709 Spruce Street Philadelphia, PA 19103-6103 215 893 9000 PHONE 215 893 5200 FAX siahq@soroptimist.org E-MAIL www.soroptimist.org URL Club and Region Website
More informationBranding Guidelines - Interactive Info Wall
Phase I: Design We will need the following items from you to create the mockup for your design:. A high resolution version of your logo (.jpg,.tiff, or.bmp). A high resolution image for the Welcome screen
More informationdesigned and prepared for california safe routes to school by circle design circledesign.net Graphic Standards
Graphic Standards Table of Contents introduction...2 General Usage...2 Logo lockups: color...3 LOGO LOCKUPS: GRAYSCALE...4 Minimum Staging Area...5 Minimum Logo Size...6 Type Family...7 Color Palettes...8
More informationVisual Grammar & Aesthetics. In web design
Visual Grammar & Aesthetics In web design Visual Grammar More visual grammar Visual Grammar Designers use shapes to: Organize information through connection and separation Symbolize different ideas Create
More informationFireworks 3 Animation and Rollovers
Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos
More informationCitywide User Experience Design Guidelines: NYC.gov Style Guide. Final 1.2 - Public 11/8/2013
CITYWIDE GUIDELINES Citywide User Experience Design Guidelines: NYC.gov Style Guide 1.0 Overview Final 1.2 - Public 11/8/2013 City of New York Department of Information Technology and Telecommunications
More informationSCANNING, RESOLUTION, AND FILE FORMATS
Resolution SCANNING, RESOLUTION, AND FILE FORMATS We will discuss the use of resolution as it pertains to printing, internet/screen display, and resizing iamges. WHAT IS A PIXEL? PIXEL stands for: PICture
More informationMessage from Marketing & Creative Services
Web Style Guide September 2013 Message from Marketing & Creative Services 2 Campus Community Members: The University of West Florida web presence is one of the most valuable assets we have as an institution.
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationFireworks for Graphics and Images
Fireworks for Graphics and Images Joan Weeks SLIS Computer Labs Mgr. October 2009 Fireworks for Banners and Images Fireworks is a web developer s tool to make banners and graphics, as well as format images
More informationACADEMIC TECHNOLOGY SUPPORT
ACADEMIC TECHNOLOGY SUPPORT Adobe Photoshop Introduction Part 1 (Basics- Image Manipulation) ats@etsu.edu 439-8611 www.etsu.edu/ats Table of Contents: Overview... 1 Objectives... 1 Basic Graphic Terminology...
More informationScanning and OCR Basics
Scanning and OCR Basics Scan Text Documents into Word 2003 using OCR Software 1. Place the document to scan face down on the flatbed scanner. 2. Launch Microsoft Word 2003 for Windows. 3. Select Acquire
More informationRIT Message Center Compose and Send Messages
RIT Message Center Compose and Send Messages Table of Contents Table of Contents... 2 Logging into Message Center... 3 Category Display... 3 Message Center: Create a Message... 4 Create a New Message without
More informationStyle Guide Provided courtesy of Innovative Emergency Management Inc.
Style Guide 1. Introduction Louisiana.gov is an enterprise approach for state agencies to work together to provide citizen-centric digital government services and information. Key to achieving this goal
More informationCOMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
More informationEmail Graphic Design Best Practices
Email For Advocacy and Community Organizing: Basics, Essentials, and Best Practices Email Graphic Design Best Practices These training materials have been prepared by Aspiration in partnership with Radical
More informationParallels Panel. User s Guide to Parallels Presence Builder 12.0. Revision 1.0
Parallels Panel User s Guide to Parallels Presence Builder 12.0 Revision 1.0 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder
More informationLogo Standards Guideline
Logo Standards Guideline TABLE OF CONTENTS Nurturing The Brand 1 Logo Guidelines 2 Correct Usage 2 Color Guidelines 6 How to Use the Provided Logo Files 9 Glossary 10 NURTURING THE BRAND THE FOLLOWING
More information2016 MEDIA KIT. www.springerpub.com www.dailynurse.com
2016 MEDIA KIT Editorial Calendar, 2016 Plan your advertising campaigns around editorial and topics important to nurses everywhere. DailyNurse publishes articles addressing current issues in nursing and
More informationWebsite Manual Team Page Owners
Website Manual Team Page Owners Step 1: Log into the website (upper left corner) Admin Control Panel Upper Right corner of site The Admin Home Tab will have a link directly to the TST FAQ (online manual).
More informationThe 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 informationIE Class Web Design Curriculum
Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,
More informationNEPA/DO-12 Web Based Training Design Document
NEPA/DO-12 Web Based Training Design Document October 10, 2004 Lisa Bradshaw, Annie Persson, Keith Regensburger Prototype URL http://clem.mscd.edu/~bradshaw/it6960/npsprototypemain.htm Prototype Pages
More informationTips 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 informationSRCSB 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 informationInstructions 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 informationChapter 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 informationDreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
More informationWebsite 101: Visual Design And Content
Topic Website Tutorial 13 Website 101: Visual Design And Content This tutorial is the first of two that will look at the essential elements required for your website. The focus will be on visual design
More informationOmniUpdate Training (Advanced OU users level 7+)
(Advanced OU users level 7+) University Web Team The Web Team is a part of the Office of University Communication and Marketing s Creative Services Department. Our responsibility is to build, migrate,
More informationCoding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
More informationThis document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to
More informationRESPONSIVE THEME DESIGN PACKAGE
Professional, Mobile Friendly Theme Design for Wild Apricot Does your Wild Apricot powered website need a make over? Our Responsive Theme Design Package is perfect for any Wild Apricot customer looking
More informationContents The Design Chooser... 5
Mail Designer Pro 2 Contents The Design Chooser... 5 Mail Designer Pro 2 at a glance... 6 The Contents section... 7 The Style section... 11 Your first mail design... 13 Creating a new design... 13 Working
More informationWhat Resolution Should Your Images Be?
What Resolution Should Your Images Be? The best way to determine the optimum resolution is to think about the final use of your images. For publication you ll need the highest resolution, for desktop printing
More informationContents The Design Chooser... Mail Designer Pro 2 at a glance... The contents window... Working with text... Your first mail design...
Mail Designer Pro 2 Contents The Design Chooser... 4 Mail Designer Pro 2 at a glance... 5 The contents window... 6 Your first mail design... 9 Creating a new design... 9 Working with layout blocks... 9
More informationWEBSITE CONSTRUCTION
WEBSITE CONSTRUCTION Setup and Structure This open source template provides the user with a website that has the same form and function as that of the Tucson Drifters website located at www.tucsondrifters.org/.
More informationNDSU Technology Learning & Media Center. Introduction to Google Sites
NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants
More informationUtah State University Web Standards
Utah State University Web Standards Table of Contents: 1. Introduction 1.1 About Web Identity.2 1.2 General Web Standards...2 1.3 Who should use the USU Web Template...3 2. The USU Website 2.1 USU Homepage
More informationBest practices for producing high quality PDF files
University of Michigan Deep Blue deepblue.lib.umich.edu 2006-05-05 Best practices for producing high quality PDF files Formats Group, Deep Blue http://hdl.handle.net/2027.42/58005 Best practices for producing
More informationHow To Add The WebReserv Booking Calendar To Your Facebook Page
WebReserv Quickstart Guides How To Add The WebReserv Booking Calendar To Your Facebook Page How To Add The WebReserv Booking Calendar To Your Facebook Page 1 Index Introduction Page 3 1. Create your WebReserv
More informationFile 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