Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.

Slides:



Advertisements
Similar presentations
Page Design Scroll zone Data Tables Screen Readers
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
. Website and file organization. How websites work.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Creating a Portfolio Website Phillips. Go to wix.com.
J333 Lauren Collmer SWOT ANALYSIS. PIGEONS & PLANES.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Design - Review Layout using tables. Table exmaple James 11/08.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Good Web Design And other life skills…. “I can recognize good and poor web design.”
July 2007PvT, EBUS325 CTU1 Successful Website Layout exploring Web Design Chapter 2 exploring Web Design Chapter 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Interface Aesthetics | Michael Lissner. Similar to Simon, I decided to do my initials. For a long time, I have been drawing them in one fell swoop, starting.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
Web Technologies Website Development Trade & Industrial Education
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…
Edit a Page Detailed Front End To edit any information on your web page, you will have to login to the admin tool to change it.
Finishing your site HTML and css 2012 Brian Davison.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Planning a website by Jacob McCormack There are lots of things to think about when deciding about creating a website…
Last week you should have had something that looked like this.
Planning a website by Jake Snoad 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…
Do’s and Don’ts of Web Design By: Andrew Mingo. Do: Use font that is easy to read on your background Don’t: Use really wild coloured fonts that are hard.
Working With Text Web Design Section 5-9 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Enhance Your Website Using Design Elements Objective: The students will understand that basic design principles are used to enhance the visual appeal of.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
Principles of effective web design NOTES Flo Morris-Duffin.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Assignment 2 October 28. Assignment 2 Is due in one week, November 4 Your assignment is considered submitted when: –You have sent the zipped file to the.
My Adventures with LTEC 3220 By Chris Shaffer. Instructions This interactive portfolio will highlight some of my experiences with Photoshop during the.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
Assassins Creed By Ben Walker. Fan Websites Embedded YouTube Video showing newest game trailer of Assassin’s Creed Unity. This would be held in a div.
Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
We looked at these two presentations and talked about the structure of setting up the table.
Problem Statement Goal & Objective Background Procedure Literature Reviewed Data Collection KML File and Arcmap Creation, Arc IMS Setup Design of Website.
Creating a Google Site For a Digital Portfolio Purpose.
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.
How to create a Google Website For Teachers. 1.Create a class account for students to access Google resources at: 2. Instruct.
My Website By : Peter Problems while building website These are the problems I had to overcome while building my site. Getting pictures to be the same.
A Guide to Using Wikispaces
8/18/2016 Web Development and Interactive Media
(Font OCR A Std, Font style: Normal, Font Size: 110px)
Web-design.
Web Design and Development
Layout - you need to understand that a simple navigation bar:
Page plans A01 Design.
Fixed Positioning.
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Elements of Effective Web Design
Develop Your Web Presence Using WEEBLY
To be able to create my first advert, I needed an image to go along of the bottom of my advert. I decided to use an image that match the colours on my.
Unit 13: Website Development
Designing Web Site Layout Using Fireworks
Presentation transcript:

Good & Bad Websites

From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are too many colors on this page that is alike. I’m color blind, so the background and the text look very similar. So I had a hard time trying to read and navigate the page.

From AU/AU community 1. Submit one bad or ugly web site or web interface. This website is an ugly because there is too must stuff on this page. There is a lot of texts and too many pictures that is trying to show all at once. It would be a good site if Auburn try and stop showing all of that texts and pictures.

Bad Websites This website is bad because it didn’t fit correctly in my browser window. Also it uses more then two font styles and some text is placed against non-contrasting images.

The website has a funny intro page. The actual content in it looks horrible and they use way to many images to make up their logo.

A very poor designed website would be the tiger transit website. The first thing I noticed was that the front page of the site contained to much text that was unrelated. This gives the webpage a cluttered look. A good percentage of the text that was on the front page was recent new articles. I think they should remove those articles and put them on the news page.I would also remove the transit schedule from the front page they should have that on separate page with a link pointing to it on the side menu this would also add free space. Another problem that I noticed was the body text and the link text having similar font color.

This website was another poorly designed website. It contained two navigation menus one at the top and one at the bottom. The two menus also contain some of the same links so you have repetitive information and the bottom menu is not that noticeable. On the front page there is a picture in the middle that changes into another picture if you rollover it with your mouse this gives the user the idea that this picture might be a picture link. Another design flaw was the pictures on the site did not contain alternate text for people with disabilities.