BA271 Week 4 Lecture Dave Sullivan. MIS Colloquium Series “Digital Libraries” Thursday at 4 p.m. Bexell 202 Jeremy Frumkin, OSU Valley Library.

Slides:

Advertisements

Similar presentations

Raster Graphics 2.01 Investigate graphic image design.

Advertisements

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

BA271 Week 4 Lecture Goals for today… Overview steps in entire website project (basic website, peer review, final website) Discuss web page design – and.

BA271 Week 3 Lecture – Mostly about websites Dave Sullivan.

The New Computer User by Dave Sullivan Your Title slide should include: 1. The name of your website 2. Your name 3. An appropriate graphic for your website’s.

BA271 Week 3 Lecture Dave Sullivan (Opening comment about help sessions in Bexell 324 on 4 p.m.)

BA271 Week 3 Lecture Dave Sullivan. Today’s lecture … Will be via videoconference. Will be via videoconference.videoconference “IT Tools for Working in.

© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

Key Stage 3 National Strategy ICT Communication: text and graphics.

BA271 Week 5 Lecture: First half of course review Dave Sullivan.

BA271 Week 3 Lecture – Mostly about websites Dave Sullivan.

2.01 Understand Digital Raster Graphics

BA271 Week 4 Lecture Goals for today… Ideas about wikis from Rich Holdren, Vice Provost for Research Website Project Ideas Basic vs. Final Website Publishing.

BA271 Week 5 Lecture: First half of course review Dave Sullivan.

BA271 Week 3 Lecture Dave Sullivan (Opening comment about help sessions in Bexell 324 on 4 p.m.)

Digital Photography What do you need to Know?. Advantages of Digital Camera over Film Cameras Speed: Images recorded by the camera can be transmitted.

Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.

Lesson 7—Part 1 Working with Graphics

Graphic Images 101. Painted on a grid Drawn mathematically.

Dedicated Vector and Bitmap editing software.

Unit 30 Digital Graphics – Course overview Anne Sewell

BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.

Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

BA271 Week 4 Lecture Goals for today… Draft Wiki Ideas Making contributions to a public wiki Documenting and selling what you have done in your MyTalk.

DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.

ENG 171 Department of Multimedia and Graphic Arts

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

Graphics and Hyperlinks b Graphics on the web are what make a web page interesting b Hyperlinks are what make it a “web”

1 Enhancing Your Teaching with the Effective Use of Digital Images Richard P. Usatine, MD Nancy B. Clark, MEd For STFM Annual Conference, September 2003,

1 Mastering the Internet and HTML Images and Image Tags.

Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom

G050: Lecture 02 Evaluating Interactive Multimedia Products

Multimedia in Web Images. A Picture Tells A Thousand Words Forms of Images Photograph Painting Symbol Logo Flag Map Diagram Functions Provide facts Explain.

Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…

BA271 Week 5 Lecture: Wikis, websites, peer reviews Dave Sullivan.

Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.

PowerPoint: Images Randy Graff UF HSC IT Center

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.

Begin a new story or edit a Photo Story project that has already been created. Make your selection and click next. 1.

Raster Graphics 2.01 Investigate graphic image design.

Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.

Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.

BA271 Week 3 Lecture – Website Planning Dave Sullivan.

Teaching and Learning with Technology Master title style  Allyn and Bacon 2002 Teaching and Learning with Technology to edit Master title style  Allyn.

Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.

1 After completing this lesson, you will be able to: Comprehend the basics of Web graphics. View and manipulate Web graphics in a graphics program. Describe.

Raster vs. Vector 2.02 Understand Digital Vector Graphics.

Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -

CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Objective % Describe digital graphics production methods.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

Objective % Describe digital graphics production methods.

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Investigate graphic image design.

Presentation transcript:

BA271 Week 4 Lecture Dave Sullivan

MIS Colloquium Series “Digital Libraries” Thursday at 4 p.m. Bexell 202 Jeremy Frumkin, OSU Valley Library.

Goals for today… Basic vs. Final Website Website Project Requirements Thinking about shared borders Graphics

Basic vs. Final Website Basic website: Good first draft effort Does not need photos page or customized feedback form Must be published at proper network (and therefore the proper web) location Will be graded that is meets objective requirements only

Basic vs. Final Website Final website: Version that contains your best, finished ideas Will be graded subjectively to evaluate writing quality, content, style, and creativity.

Website Project Requirements Needs a good set of goals and an annotated bibliography Should be creative … thus, it should not look like you just filled out the pages in a standard Corporate Presence Wizard site.

Thinking about shared borders Nearly all websites use a logo or graphic in their top shared border Some sample websites Good design vs. bad design Sample 1: Samba Communications Sample 1 Sample 2: A local band Sample 2

Graphics Draw a logo and/or use images: Paint programs Draw programs File formats Image editors Using a scanner or digital camera

Graphics (Continued) Paint programs produce freehand drawings.

Graphics (Continued) Draw programs create technical drafting and mathematically precise drawings.

Graphics (Continued) File formats -- determine the kind of information a file can contain. File formats GifsJpgs 256 colors only Millions of colors Good for most images captured from the computer screen Best for pictures from the real world Can be animated to be cartoon-like Support data compression Support the use of a transparent color

Graphics (Continued) Image editors manipulate photographs.

Graphics (Continued) Using a scanner or digital camerascanner

Activities you should do Required: Build a basic website by Thursday, April 21 Enter website goals and annotated bibliography Suggested: Scan photos, construct a logo, and build a photos page Build a customized feedback form Construct a customized logo for your website with a paint or draw program