DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

Slides:

Advertisements

Similar presentations

Chapter 3 – Web Design Tables & Page Layout

Advertisements

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?

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

Here is a video on beginning PowerPoint :

© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets.

Individual Web Site Part I – Flowchart Ruba Jeshi UOP July, 26, 2009.

Government Web Template (GWT) for WordPress Updated 03/20/2015.

MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard

 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.

Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.

Copyright © 2003 Bolton Institute The Web is a new medium Writing for the web is not like writing a print document Users tend to browse and glance at information.

1 The Planning Process Creating a Business Web Site By Paul Lazarony 2 Business Web Site Design Steps in the Planning Process u Software u Purpose u.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?

Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.

Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.

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.

OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.

Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:

Web Site Project Proposal By Peter Gillis IT Manager April 26, 2005.

Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.

Your logo. There’s no doubt you understand the importance of your logo when it comes to branding. Your website should display your logo prominently, and.

Codewriters – Website Management Overview of Codewriters Website management services. Including, design templates, content and document publishing, auto.

 A corporate identity is the overall image of a corporation, firm or business in the minds of diverse publics, such as customers, investors and employees.

OV Copyright © 2007 Element K Content LLC. All rights reserved. Microsoft Office Outlook Page Contacts Page Calendar Page.

Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.

Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,

The Care and Maintenance of J5 MAC New Look. Naming Conventions  Each graphic and include item is named by function_contract area_secondary identifier.

1 Hyperlinks and Action Buttons This PowerPoint document will help you learn about ______ and __________ buttons.

Acrobat X Instructor: Tom Vorves. Morning Topics Morning Topics Introduction to PDF files Navigate in PDF files Use Acrobat Reader to view, print, copy.

Chapter 4 Files/Folders needed: \Chapter4\Samples \Chapter4\Labs.

Planning Layouts. Layouts ✦ Arrange page items into a logical, consistent scheme ✦ Site & Page purpose is starting point ✦ Determines space allocations.

Consistency Increases usability of your Web site..

Creating Google Sites Laura Assem, Director of Technology.

WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.

Content Administration 08/19/13 & 08/20/13.

Web Site Development - Process of planning and creating a website.

Ecommerce Applications 2009/10 Session 41 E-Commerce Applications Step by step building of a shop in Shopcreator.

Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.

CSU Extension Webpage Template Session 4 February 2010.

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.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

Creating a Google Site For a Digital Portfolio Purpose.

EKTRON QUICK START GUIDEEKTRON QUICK START GUIDE Version 1.0 Copyright 2013 WebSolutions Technology, Inc. Fuller June 7, 2013.

Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.

WEB DESIGN Presentated By Amit Kapri Contact No

Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.

By Vicky Vickers Summarized by Mr. Parslow Webpage Design.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Website CMS Manual Admin Panel Login URL : Username: admin Password:

Section 6.1 Section 6.2 Write Web text Use a mission statement

Web Page Elements Writing For the Web

<workgroup name>

Web Development & Design Foundations with HTML5 8th Edition

>> Header & Footer in CSS

#SPSM Prezi Tutorial (Yes I KNOW it’s on PPT slides…

The Difference Between STATIC & DYNAMIC Websites

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

VCT 241Competitive Success/snaptutorial.com

VCT 241 Education for Service-- snaptutorial.com

Page plans A01 Design.

Laying out a website using CSS and HTML

Lesson Objectives Lesson Outcomes

Digital Stewardship Curriculum

How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.

Common Page Design Elements

CMP Creating Your Personal and Small Business Web Sites

The driver Web Accessibility legislation The Public Sector Bodies (Websites and Mobile Applications)

HTML5 Tags By Dr Derek Peacock

Presentation transcript:

DIVISIONS FOR ALL WEB PAGES Web Page Elements

 All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content  footer  Some Web Pages may have more than one of some of these elements.  Examples:  2 content divisions  2 navigation divisions

header  Site identity  Logo  Search Box  Company/Organization Name  Other Items  Phone number  Customer service access

navigation  Organized and logical presentation of links to other pages   Graphical Navigation Bar  Button Navigation  Text Navigation Bar  Examples:  Schedule | | Contact Us  [Schedule] [ ] [Contact Us]  Schedule * * Contact Us  Other items  Search bar  Site map

content  The “true” body of the document.  Changes from page to page  Text  Images  Video  Hyperlinks  Forms

footer  Basic data about the site  Last updated  Owner  Copyright information  Contact the webmaster  Contact information for the company  Example  Copyright 2009 by Ted Pazulski. the Webmaster for errors. Last updated Sept. 15,  Other Items  Navigation Bar