Vertical Horizontal Two layers of horizontal navigation at the top of the page…

Slides:



Advertisements
Similar presentations
Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Advertisements

Basic Computer Skills Windows & the Internet.
Chapter 3 – Web Design Tables & Page Layout
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Do You Want an OmniUpdate Faculty Web Site? The OmniUpdate Template for Faculty Web Sites.
 Key dissatisfier  Puts designer in control  Helps get your message across.
Interface / navigation COM 366 Web Design & Production.
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
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.
Navigation Controls MacDonald Ch. 11 MIS 424 MIS 424 Professor Sandvig Professor Sandvig.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Lesson 4 HTML Structural Design Techniques
Tutorial Flipster for Mobile Devices support.ebsco.com.
Windows & The Internet. Objectives: Identify and use computer hardware Open and close a desired program Switch back and forth between open windows Create.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
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.
By Joanne Parker.  This website is stands for Internet Movie Database and it is where you can find out information on movies, actors, directors, producers.
AirtelLive for Android 社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ：
Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.
Ian Reeves. Homepage design  Google’s Golden Triangle.
AgileZoom 1.3 interactive portfolios you can share Getting Started (swipe left to advance)
Be the first to know CNN.com/international re-launch 1 st July 2007.
Eric Maurer Copyright Keller Schroder 6/11/2008. Types of Customization Customize pre-installed Microsoft Web Parts i.e. Content Editor Web Part Write.
Ian Reeves. Homepage design  Google’s Golden Triangle.
Lesson 3-6 Example Example 2 Find the difference 572 and 286. Use expanded form. 1.Write the first number in expanded form
Innovation AMS Center for Advanced Technologies Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.
Upon entering the site a “pre-loader” will cache the contents of the site on the user’s computer. Visually, a “Zen Circle” brush stroke will animate to.
Web Design I Spring 2009 Kevin Cole Gallaudet University
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
May 2, 2013 An introduction to DSpace. Module 10 – RSS Feeds, Alerts, and News By the end of this module, you will … Know how the RSS feeds work in DSpace.
Future Careers Web Quest Researching and Learning About Future Careers.
Stylizing a Navigation Menu with CSS Web Design – Section 4-13 Part or all of this lesson was adapted from the University of Washington’s “Web Design &
An Industry Case Study SES – Chicago: 2006 Web 2.0.
The tab system has moved to the left side of your Admin Area and will always display for easy navigation. 1.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Engaging Employees in HR Decision-Support Tools – Web Site Techniques Serwar Ahmed Pacific Business Group on Health Consumer Engagement Forum February.
Column addition Yesterday we learnt to add vertically in columns Can you remember the main things to remember? ©
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Presented by: Rashedul Chowdhury Contributors: Anthony Ritrivi, Hegde Mahabaleshwa and Long Pham GES DISC UWG May 11, 2011 GES DISC Homepage Redesign.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Creating a Google Site For a Digital Portfolio Purpose.
Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/
02 Home Page and Navigation
Contract Compliance: Reporting
Click on the HOME button to return to this page at any time
Float.
Cl Bellwork Atomic #: Atomic Mass: # of Protons: # of Neutrons:
Sitemap – Web analytics
Navigation Design/Structure
How to customize your Microsoft SharePoint Online website
Fixed Positioning.
02 Home Page and Navigation
Horizontal Centering Using the menu bar
Principles of Web Design 5th Edition
How to customize your Microsoft SharePoint Online website
EPM New Reports: Accessing
02 Home Page and Navigation
Float.
For use on your feedback page
User Guide Employee & Manager
7.4 Slope Objectives: To count slope To use slope formula.
Advance Web Sites.
What is a spreadsheet? A program that can carry out calculations
Presentation transcript:

Vertical

Horizontal Two layers of horizontal navigation at the top of the page…

… but with vertical elements further down the home page in the right-hand column

Horizontal But note importance of right-hand vertical sidebar

Horizontal But note importance of right-hand vertical sidebar

User-selected navigation Grid menu option selected by user

User-selected navigation List menu option selected by user

User-selected navigation Flipboard menu option selected by user

More on news web site navigation  Horizontal or vertical navigation? It’s a trick question Horizontal or vertical navigation? It’s a trick question  Ten hottest trends in web site design Ten hottest trends in web site design  Trends in news and magazine-style web design Trends in news and magazine-style web design  Launching the new BBC Sport web site Launching the new BBC Sport web site

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.