Book Report Instructional Message Design EdTech 577 Mike Alfred Dr. Linda Lohr, Professor.

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Principles of Web Design 5th Edition
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
2.01 Understand Digital Raster Graphics
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.
What is Web Design?. Definition of Web Design  What is Web Design?  Wikipedia: “Web Design is a skill of creating presentations of content (usually.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
CIS 250 Advanced Computer Applications Web Publishing.
Web-designWeb-design. Web design What is it? Web-design features Before…
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (pg. 85) Lesson 4.2Lesson 4.2.
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story describes.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Introduction to Web Page Design. General Design Tips.
Level 2 IT Users Qualification – Unit 1 Improving Productivity JACK GOODING.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Web Design Basics.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Don’t have to be a designer to know when something just ain’t right…
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
A BCDE.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
The Web. Web Servers and File Transfer Protocol (FTP)
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Photo Editing Custom Colors Advanced Layout Hodge Podge.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
Web Design Basics What is a good web site from a design standpoint?
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
TEMPLATE DESIGN © Professional Template for a 36x48 poster presentation Your name and the names of the people who have.
Scott Marino MSMIS Summer Session Web Site Design and Authoring Session 4 Scott Marino.
2.01 Understand Digital Raster Graphics
Basic Knowledge of Web creation
Web-design.
Introducing the World Wide Web
Web Design M. Jacie Yang Assistant Professor
2.01 Understand Digital Raster Graphics
Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)
Information in Computers
Web Design Techniques.
2.01 Understand Digital Raster Graphics
Color and Images.
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story.
PRODUCTION PHASES CHANGES
Presentation transcript:

Book Report Instructional Message Design EdTech 577 Mike Alfred Dr. Linda Lohr, Professor

Summary: This This book is an easy-to-read manual written to assist anyone interested in creating a web page. It is extremely well written and should be required reading for anyone interested in web development. Williams Williams and Tollett have broken the book up into five main sections that deal with everything from “What is the Web?” to “How and Why to Register Your Site” and everything in between.

Part One: Using the World Wide Web In In this section of the book they clear up the mysteries and myths of the internet. The terminology we hear so often in reference to the internet is clarified as well. Bits: Bits: Digital pieces of information. Bits Per Second: Bits Per Second: Amount of information sent per second. URL: URL: Uniform Resource Locator. This is a lot like your home address.

Part Two: Making Web Pages Here Here the discussion turns to the actual creation of web pages. The versatility of hypertext language allows users to create web sites that can be viewed on any computer platform. They also discuss web site planning, focusing on: 1.Who is your audience? What do you want to accomplish? 2.Make an outline as a road map to build site. 3.Collecting and storing materials. 4.Saving your source files or originals for further editing.

Part Three: Design Issues on the Web In contrastalignment repetitionproximity In this section the book looks at the advantages of web design versus print. They consider navigation elements of web pages and how to recognize good and bad web development by examining the basic design principles of web page making: contrast, alignment, repetition, and proximity. Alignment Alignment Williams states that “Lack of alignment is the most prevalent problem on web pages” (p.114). Contrast Contrast is what draws your eye into a page, it pulls you in. (Williams p.126) Repetition Repetition is what brings the site together to create the overall effect or message. Proximity Proximity is the relationship between items on the web page in terms of location or arrangement.

Part Four: Color, Graphics, and Type This This section is the heart of the book. It is in this section that many important topics are discussed such as: color, graphic formats, image design, compression, typography, and flash animation. CMYK CMYK color RGB RGB color Color based on Cyan (blue), Magenta (red), Yellow, and Black. Color based on Red, Green and Blue. JPEG JPEG Images GIF GIF Images 16.7 million colors Large file size Cannot be transparent Best for photos Limited to 256 colors Small file size Can be transparent Best for web sites quick loading Light bouncing off object. CMYK Light going through object. RGB

Part Five: Your Done – Now What? The The last section of this book discusses the final steps to complete your web site. It covers topics such as how to properly test your site in multiple web browsers, loading your site on a server, and the best way to register your site on the web. One One of the most interesting topics covered in this section was Meta Tags, which are little pieces of code that allow search engines to classify your website. There are two main types of meta tags that you can use on your site: Description and Keywords. Both of these tags help most search engines classify your site, allowing people to find your site by your description or keyword.

Conclusion: This This book is an easy read and is geared to all audiences from the beginning to the advanced web developer. It is chalk full of great tips to creating aesthetically pleasing and functional web sites. Williams and Tollett do an excellent job of breaking the vast amount of information into easy to digest segments, allowing the reader to get the most out of this book. This is a must read for anyone interested in creating a web page.

Most Important Thing I Learned: I I felt that the single most important thing that I learned reading this book was about image compression. Having made a variety of web pages over the years, I always compressed images for the web based on the software’s recommendation. Williams and Tollet in their chapter “Color on the Web” discussed resolution in terms that made sense to me. The idea that you can compress an image down to 72 ppi (pixels per inch) was totally new to me. This has a profound effect on how fast a web page will load and does not effect the quality of the image. As they point out that there is no difference in quality between 144 ppi and 72 ppi on the web.

Justification: Within Within this presentation I used all four principles of CARP: contrast, alignment, repetition, and proximity. Contrast Contrast was used extensively on each slide. Every slide has a striking difference in elements highlighting the book and presentation information on each slide. Also I employed “at least one really “fat” font and one really skinny font” (Lohr, p.201). Alignment Alignment is left aligned throughout the presentation for easier reading, and images are based off of this alignment to form perceptual chunks of information (Lohr, p.201).

Justification: Repetition Repetition was accomplished by the use of the same design, layout, and fonts on each slide of the presentation. By repeating the format on each slide, it allowed me to keep the same theme throughout the presentation. This aids in keeping the reader engaged in the content and not searching for information or feeling lost. Proximity Proximity was exemplified through alignment, contrast and repetition. I was able to chunk information into segments on the page. This allowed information to be organized by related topics on each slide. I placed headers close to the subordinate content to attempt to improve the learners understanding of the information (Lohr, p.207).