Unit 8.2 / Lesson 1 / presentation1b Website Styles.

Slides:

Advertisements

Similar presentations

Web Page Design Critical Elements for a Well Designed Web Page.

Advertisements

Recycle GB Creations. Introduction In this presentation I am going to showcase all of the graphics that I have created for the recycling website Recycle.

CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

With Microsoft FrontPage 2003 Publishing a Web Page.

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

Visual Basic Prototyping Visual Basic uses both a Visual Editor and is Code Based. With several simple lines of code, Visual Basic will navigate between.

Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.

Instructional Design Tips Janet Holland. Impression on First Entry Meaningful Images Small Loads Quickly Text Visible Text Steady.

Information Architecture Week 4. Information Architecture CALENDAR.

Task 1 Understand the uses and features of websites

Genre: Comedy! Presentation by TA-Technics. Outline Bettina will be talking about the design elements Dan will be talking about target audiences Andrew.

Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

Web-designWeb-design. Web design What is it? Web-design features Before…

Unit 8.2 / Lesson 1 / presentation1a Web Elements.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.

Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

Finishing your site HTML and css 2012 Brian Davison.

An Introduction To Websites With a little of help from “WebPages That Suck.

4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.

Design Principles The good and the bad Alyssa Mendiola Summer 2009.

Assessment objective 2.  Navigation Button 1 sketch diagrams Annotation & Explanation Home.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Assessment objective 2.  Navigation Button 1 sketch diagrams Annotation & Explanation home.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Introduction to Web Page Design. General Design Tips.

Unit 1 – Improving Productivity Matthew Hazzard. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer.

Web Site Design 15 Easy Steps to an Excellent Web Site.

Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,

COM 205 Multimedia Applications St. Joseph’s College Fall 2003.

Unit 11 Interactive Multimedia Products Task A Product Review –

BY: DAN PREVI Composite Materials. Consistent style and format Easy to find and use links Inviting colors and themes Efficient use of space Convinces.

Screen Design Critique Page One Page Two Reflection on Project.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.

?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.

Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.

Graphics Navigation Usability Typography Content Clarity & Consistency.

We looked at these two presentations and talked about the structure of setting up the table.

Web Design Tip and Tricks. Vision and Purpose Why do you want a website? Why do you want a website? A website is always under construction, is flexible.

Art 155 Information Architecture In-class Presentation Week 4B.

Creating Website Using FrontPage 2003 By Heidi Lee.

Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.

Tips for Preparing a Professional Presentation. The first thing that gives a professional touch to any presentation is the design.

Unit 13 – Website Development FEATURES OF WEBSITES.

Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.

By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.

Task 1 Understand the uses and features of websites Sophie O’Rourke.

DMT612 Professional Preparation EFFECTIVE WEB DESIGN.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.

Web and presentation software

Multimedia Design.

Unit 2 – Webpage Creation

Applications Software

Create and edit web pages 2

Instructional Design Tips

Instructional Design Tips

Task 1 investigating website by Hannah Sanders

Web and presentation software

For use on your feedback page

COM 205 Multimedia Applications

Tips for Preparing a Professional Presentation

Presentation transcript:

Unit 8.2 / Lesson 1 / presentation1b Website Styles

Types of Style Formal Comic Interactive Passive Service Informative Rigid, precise – ideal for businesses Fun, light- hearted, bright – ideal for a younger audience A chance for the user to take part – good for educational sites Information does not change very often and the site is very basic Provides a service to the use, e.g. online shopping sites Simple and clear layout for giving information, e.g. library opening times

Web sites are all different: A simple web page created in a table Uses hypertext instead of buttons Animated GIF Graphics Text Moving text (marquee) Designed to fit 800 x 600 screen resolution or better Formal, Comic, Interactive, Passive, Service, Informative

A Flash introduction A web page with a Flash introduction Black background Menu items listed on a moving cube Flash introduction that takes about 30 seconds to run Formal, Comic, Interactive, Passive, Service, Informative

Professional and clear A business web site Formal Comic Interactive Passive Service Informative Navigation by hotspots on an image map Designed to fit 800 x 600 screen resolution or better Simple, clear white background Good contrast between text, graphics and background

When looking at web sites ask yourself: Was it quick to load? Is it easy to navigate? Is the page easy to look at and understand? Is the information structured and organised? Does the design give the right message to the audience? Can you spot the hyperlinks or image maps easily? Do you have to scroll too much? What is your overall impression of the site?