What makes a Good Website?. Examples of Bad Websites For more really.

Slides:

Advertisements

Similar presentations

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Advertisements

Scientific Communication CITS7200 Lecture 11 Designing and Writing Web Pages.

Web Site Design. Dorky Web Pages Below are features that can make a web design look dorky. These are not just my personal opinions, but are ideas I have.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Eleven Design Mistakes Making your web page easier for your students to use Making your web page easier for your students to use FSI Applications.

OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.

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.

Word processing June 2013.

Creating a Website: Introduction to the Basics Dr Janelle Young.

CiDA E-portfolio.

Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Do not begin Slide Show. Stay in normal view for now.

211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.

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.

Name Teacher: Group: 1 Unit 2 – Webpage Creation.

Web Technologies Website Development Trade & Industrial Education

Power Point Story Telling Using Power Point to learn about using PowerPoint.

Guidelines For Effective Presentations. Agenda Getting started on a presentation Creating a presentation Guidelines for creating a presentation Final.

Creating Integrated Web-based Projects using Microsoft Word.

PowerPoint. Using PowerPoint open up the computer Login click on start choose applications.

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;

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.

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

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

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

Some tips on making a good PowerPoint presentation.

Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.

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.

Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.

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

Creating an Effective PowerPoint Presentation

Introduction to Web Page Design. General Design Tips.

Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.

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

So you look like the sort of person who knows about webs... Yip So what's a web page? It's just a page of information, on the world wide web, that people.

Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.

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

Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.

Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.

Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.

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

Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.

HTML Help For MGS 351 Final Project Website. Agenda Getting Started – Must-Do’s – Working from an off-campus computer – Other Resources Working with HTML.

You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.

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

Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.

DMT612 Professional Preparation EFFECTIVE WEB DESIGN.

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

Band Promotion: Website Creation There are 6 examples of website on the following slides. Indicate how much you like each one by placing the small website.

Web and presentation software

Web-based structures, links and testing

Unit 17 Website Development

Web Design and Development

Web Design and Development

Layout - you need to understand that a simple navigation bar:

Unit 2 – Webpage Creation

Web and presentation software

Unit 14 Website Design HND in Computing and Systems Development

Lesson 20 Getting Started with PowerPoint Essentials

Web and presentation software

COM 205 Multimedia Applications

Wheelers clubs Your site will consist of 3 pages:

Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.

Presentation transcript:

What makes a Good Website?

Examples of Bad Websites For more really bad websites go to

Examples of Good Websites British press awards website of the year this website was the winner of the Web Marketing Association Awards check out other good websites here and here awards-2014/17299

What makes a good Website? 1)Write down what makes a good website 2) Find an example of a good website copy the URL into Word add a screen print of the Home page explain what makes it a good website 3) Find an example of a bad website copy the URL into Word add a screen print of the Home page explain what makes it a bad website

Things to think about when making your websites? Layout Colour Navigation Fonts Quick to download

Layout It is important that your pages are well laid out and not too cluttered. It is also a good idea not to have long pages that need scrolling down. Tables are a good feature for laying out pages.

Colour Colours should be websafe colours and should be chosen carefully so that:websafe They match the companies colour scheme They suit the topic Check that colours go together

Navigation Hyperlinks – Text and Images

Navigation Navigation should be obvious, consistent and easy to use. Links are generally placed at the top or on the left of the page (or both). Long pages can have bookmarks or anchors to link to different parts of the same page.

Choose a font that is easy to read. Arial and Verdana are the most widely used fonts on the web pages because they are both easy to read on a computer screen. Fonts

Download speed Visitors do not want to wait for pages to load; images, videos and Flash animations can cause unacceptable download times. Where you are using images, make sure they are optimised or use thumbnails with links to larger images.

Summary Your website should be easy to use so, when you design and build a website you need to think about the: 1.Construction features used ie what you use to build your webpages eg tables, hyperlinks, menus etc 2.Design features ie the appearance of the webpages eg the layout, colour, fonts etc