Many corporate websites will do their corporate branding at the top of the webpage. Having the main section links near the top of the website is considered.

Slides:



Advertisements
Similar presentations
The Biosafety Clearing-House of the Cartagena Protocol on Biosafety Tutorial – BCH common features.
Advertisements

Quick Start Guide to Moodle For students and academics Updated July 2014.
Web Page Training Summer 2014 Presented by: Mountain Brook Schools Tech Team.
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.
This menu appears at the top of the page in the header tag. The typography and colour scheme is simplistic so that the site is easy to read and navigate.
New Atlas Portal Layout The Atlas Science Portal has been upgraded and this has changed the layout of the Atlas landing page as well as the navigation.
Sending Newsletters with Wordpress and Subscribe2.
Slide/page 1 Telstra © 2001 Telstra in confidence Home Page Design, Monday, 18 June 2001 Telstra.com®
Click on one of the chapters below to get more information or click the next button to start the web tutorial. 1.IntroductionIntroduction 2.Finding legal.
Bad design Go To Website Less screen real estate has been used for sports news. There are more ads than sports news. A promo video plays automatically.
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
Totem CMS Tutorial. Latest at Leo – Latest Card (website view) Card category & icon color Card title & card copy Click here for “deeper” article.
CMS, Professional Website & Research Themes. Professional Website (PWP) Purpose: To represent college staff’s professional work through a personal website.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
– Strategies for Effective Navigation Design & Prototype Phases.
Milestone One: Project Plan Presentation INFO 1003.
Continued BrokersLink Redesign. General Changes All Headlines, Main Nav options and Sub Nav options will be in the Google font Roboto Slab (Normal 400.
Introduction to Facebook. Introduction In this workshop, we will: –Walk you through creating a Facebook account –Describe Facebook’s layout –Show you.
Website Development with Dreamweaver
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
An Introduction To Websites With a little of help from “WebPages That Suck.
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Enjoy-a-Ball Franchisee Basic training guide. Welcome to your Enjoy-a-Ball Micro site. Here you can create your own personal page within the Enjoy-a-Ball.
Action button “search” will query the jobs table once clicked.
Copyright Ó Oracle Corporation, All rights reserved Working with Other Canvases.
Formatting a Written Report Using Microsoft Word 2007 Culminating Project Mathematics of Data Management (Nelson) MDM 4U.
Presented by: Rashedul Chowdhury Contributors: Anthony Ritrivi, Hegde Mahabaleshwa and Long Pham GES DISC UWG May 11, 2011 GES DISC Homepage Redesign.
APICS Website Tutorial. Searching is easy with the new search function, which appears on every page. Shop APICS is accessible from here and is linked.
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.
The Internet for Beginners Section Two of Four From the Richard Sugden Library Spencer, MA Jillian M. Parsons.
News Story Pages for KPCC Expanding KPCC’s Journalistic Excellence in a New Medium March 2007.
DatabaseHomepage (looks “flashy”)IndexAlphabetical By Org: DA32, DA33, DA39, DA4, DA6, DA7, DA8, DD, DI, DM, DO, DS, DX, MOD Secretarial Webpage, SEPG,
This guide tells you how to search for news, narrative commentary and analysis. It also highlights content available on some specific FT.com pages that.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
Creating Your Own Navigation Menu Web Design Section 6-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Design description Prepared by: Jacob Orsini Last modified: 11/12/07 Client: Johndan Project: Website Wireframe v.01 π Design Firm Co. Inc. Partnership.
What makes a Good Website?. Examples of Bad Websites For more really.
“Top Ten Guidelines for Homepage Usability” Article Author: Jakob Nielsen Presenter: Amish Patel Date of Presentation Sept. 16, 2008.
FAVOURITE ONLINE NEWS WEBSITE.  The CNN IBN website has a systematic layout and design.  The layout is arranged in such a way that the advertisements.
The main menu options and their usage are: Dashboard This will display your main Dashboard ‘homepage’. In the top left of your Dashboard you’ll see some.
This is a walk through of some new features and UI of Infiniti
SharePoint Accessing Your Site
ACE STUDENT How to register in the CUNY Portal
Webtech has 3 main pages: WebTech Home, Students’ Page and Module’s Home. Using the top buttons, you can quickly navigate different levels. Each module.
How to use this template
Unit 17 Website Development
Web software.
Layout - you need to understand that a simple navigation bar:
How to use this template
How to customize your Microsoft SharePoint Online website
Understanding WordPress
How to customize your Microsoft SharePoint Online website
[Description – 160 Characters] [Location] ⋅ [Website]
LuLaRoe Buffalove By: Jenna Sheehan.
LightUp Dynamics 365 Brief Overview.
Manage Funding In this training module, you will be guided through the process of adding funding and funding documents to a requirement package. This feature.
How to customize your Microsoft SharePoint Online website
Revised Homepage Design
[Description – 160 Characters] [Location] ⋅ [Website]
Presentation transcript:

Many corporate websites will do their corporate branding at the top of the webpage. Having the main section links near the top of the website is considered easy to use. The main website sections that have content featured on the main page will be determined by usage stats or by what we would like to present. Generally, these are News and a brief company profile. A sitemap location will be included near the top of each page. Eg: “home > company > investor relations” So that the user can easily navigate the tree. SIGPRO Wireless Inc. Proposed Website Layouts

Layout #1a

Layout #1a NOTES Influences Constant througout all layouts

Layout #1b

Layout #1b NOTES Influences

Layout #2 Links to the latest additions to the news section.

Layout #3

Layout #4a

Layout #4a NOTES 4 a-c are similar in that the main content is loaded into the centre “cell” of the page. Links, branding and Tools are located in the other parts. The main sections are easily recognizable at the top.

Layout #4b

Layout #4c

Layout #5

Layout #5 NOTES This layout is similar to that of the Wipro page in that it is colorful and can contain lots of information. Once the user navigates beyond the main page, the background here is white and a listing of the sub-sections appears here.

Layout #6

Layout #6 NOTES This layout is firmly based on the original website design. Could be an expandable menu tree

Layout #7

Layout #7 NOTES Navigation section could include little pictures that pertain to the different sections, rather than explanations.

Layout #8

Layout #8 NOTES Similar to the Oracle website, many portals such as my.yahoo.com Each “module” on the left contains links

Layout #9

Layout #9 NOTES Sub sections are listed here. Main section name is listed here.

Features Most of the features mentioned can be seen on most successful corporate websites. Here is a short list of some successful websites where these features are present:

Layout #1Layout #2 Layout #3 Layout #4 Layout #5 Layout #6 Layout Summary Layout #7Layout #8

Layout #9 Layout Summary #2