Site map NMA Site Home Page 0.0 Gallery 4.0 Animation 3.1 Interface Design 3.2 Information Architecture 3.3 Admissions 5.0 Faculty 6.0 VERSION 2.0 - REVISED.

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?
New Semantic Elements (Part 2)
Accessing Your Staff/Faculty Department Site Introducing the new MyGCU Portal Accessing Your Staff/Faculty Department Site Click your mouse button to begin.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
COE201 – Computer Proficiency Mr. Hamze Msheik
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
Interface / navigation COM 366 Web Design & Production.
Design description Prepared by: Peter Stark Last modified: 11/13/2007 Client: Big Hills Ski Resort Project: Resort Website, Version#4 Stark Designs.
Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 6A.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
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.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
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.
Go to the MTSD Home Page In the URL add “/admin”
© 2012 Boise State University1 WordPress Training February 14, 2013.
Contac Us: Key Info Search Go Privacy | Legal | © Key Information Systems. All rights reserved. Site Design: Diamond Creative IT.
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.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Choose a category. You will be given the answer. You must give the correct question. Click to begin.
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Committee and Section Site Demonstration For Committee and Section Leaders 1.
Tour Overview Introduction Collage Basics Collage Basics (Templates and Tools) Computer Configuration Bookmark Collage Getting Started Tour Collage Terminology.
Rockford College Campus Web site Development. Today’s Agenda Review Best Practices Discussion Review Template 3 design possibilities Discussion Site/Front.
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.
Honolulu Cookie Company A proposal for a Web Site Redesign by KCC, Web Design.
1 Destination Learning Management Houghton Mifflin Harcourt Professional Development Destination Math III – V.
This tutorial will describe how to navigate the section of Gramene that provides descriptions of alleles associated with morphological, developmental,
4/25/2017 State of Michigan Learning Management System (LMS) Browsing for Training Updated: 10/29/2015 This module will discuss the MDHHS Learning Management.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
12/15/20151 WEBSITE CREATION DOING IT MANUALLY. 12/15/20152 PURPOSE of WEBSITE To give colleagues and prospective employers some information about your.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
A Comparative Mapping Resource for Grains Gramene Navigation Tutorial Gramene v.19.1.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
January 2006Colby College ITS Setting Up Course Pages.
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.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
By Soni Bal & Carol Chu. Over 400 participants, most were parents and coaches More than 95% use the website Majority of people use the website every few.
School Fusion Communication Software Training Potomac Middle School, Prince William County Public Schools, August 2006.
Web Site Development - Process of planning and creating a website.
Web Site Architecture Crunch Bakery Group #1 Nzingah Gross William Hellela Jose Merino.
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.
IPDF toolkit – brought to you by PwC How to use this Interactive PDF (iPDF) template This template is part of a self-service iPDF toolkit. Use this to.
Session: 8. © Aptech Ltd. 2Creating Navigational Aids and Division-Based Layout / Session 8  Explain HTML5 semantic tags  Explain HTML5 semantic tag.
EKTRON QUICK START GUIDEEKTRON QUICK START GUIDE Version 1.0 Copyright 2013 WebSolutions Technology, Inc. Fuller June 7, 2013.
EXPLORING THE WINDOWS SECTION PART 1 MOAC Lesson 1.
IT Communications Committee Website Modifications October, 2012.
Conceptual Overview For Understanding the New Paradigm Provided by: Web Services Section.
1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.
Website CMS Manual Admin Panel Login URL : Username: admin Password:
Transfer Student New Transfer Student Preparation for Registration
Catalogue User Guide
Basics of Website Development
LMEvents SharePoint Portal How-to Guide
Web Site Design Plan Checklist
Lippincott Procedures Training Tour for HealthStream Users
Catalogue User Guide
Kapi’olani Community College
VERSION REVISED/SIMPLIFIED DT REDESIGN STATIC SITE MAP
Common Page Design Elements
Catalogue User Guide
Presentation transcript:

site map NMA Site Home Page 0.0 Gallery 4.0 Animation 3.1 Interface Design 3.2 Information Architecture 3.3 Admissions 5.0 Faculty 6.0 VERSION REVISED NMA SITE MAP (Small changes to version 1.0 for clarity purposes) Curriculum 3.0 About 1.0 Contact 7.0 Link to KCC Home Page 0.1 Home pg. content to include contact info 0.2 Current Schedule 3.5 NMA Student Assoc. 1.1 Process Checklist 5.1 Groupings / Courses 3.6 FAQs 5.2 Bios 6.1 I need any and all documentation from Teri that will help facilitate the Admissions process and make her life easier. Do we still have an information architecture track? Do we need this section? I need Ailed’s bio I need all animation content from Sharon and Joseph. I need all Interface Design content from everyone else News 2.0 Non-credit 3.4 Testimonials 5.3

FUNCTIONALITY: page map Copyright 2005 KCC – New Media Arts Quick Links:> about curriculumgalleryadmissionsfacultycontact NMA Home Page Layout (0.0) BRIEF DESCRIPTION: All pages have a top horizontal navigation bar that takes users to the main areas of the site. The main body of the home page includes key contact information and an introductory blurb on the New Media Arts Program. UNIVERSAL LINKS: Top: NMA Logo (KCC text will link to the KCC site, UH text will link to the UH site) Top: Pull down Menu to certain “Quick Links”, such as “Course Descriptions”, which is currently two clicks away via the top navigation. This pulldown menu provides a one-click option for users to go to any page of the site directly from the home page. Footer: KCC School Logo [links to the KCC site] Footer: Copyright KCC – New Media Arts MAIN BODY: Large Main Feature Image [links to student Gallery by Default] This image can be changed manually to advertise a specific event. This image can also be updated at random or over time, to give a fresh look to the site. Contact Info on the Home page Since this is a priority, this information will be found in two areas on the site: the home page and on the contact page. Introduction Paragraph A brief paragraph that introduces the New Media Program and provides text links to key areas of the site. Three Images – Animation, Interface Design, & Info. Architecture As part of the intoruction paragraph, these three images link to the three main areas of study within the New Media Arts program (sections 2.1, 2.2, and 2.3 on the site map). Large “Main Feature” Image (Unless manually changed for a specific event, this image will link to the student Gallery) Contact Information: New Media Arts Kapi‘olani Community College 4303 Diamond Head Road Honolulu, Hawai‘i For information about NMA credit courses: Teri Durland New Media Arts Counselor Kalia For information about NMA non-credit courses: Arts and Science Non- Credit Coordinator Michael La Riccia CONTENT: ANIMATION INTERFACE DESIGN INFORMATION ARCHITECTURE KCC New Media Arts Program Introduction copy goes here… ie. The New Media Arts program at KCC provides an environment of learning for the career fields of 3D animation, interface design including Web design and information architecture. Technology changes rapidly and the contemporary curriculum of New Media Arts addresses this through hands-on teaching labs. Small classes with up to date equipment and software give all students the ability to succeed. Click here for more information.

FUNCTIONALITY: page map Copyright 2005 KCC – New Media Arts Quick Links:> about curriculumgalleryadmissionsfacultycontact NMA Sub Page Layout (x.x) BRIEF DESCRIPTION: In addition to the primary top horizontal navigation, all sub pages have a vertical left-hand sub navigation which is text-based and browse-able by section and sub-section. The main body of the sub page will be a long scrollable page based upon the amount of content for the particular section. UNIVERSAL LINKS: Top: NMA Logo (KCC text will link to the KCC site, UH text will link to the UH site) Top: Pull down Menu to certain “Quick Links”, such as “Course Descriptions”, which is currently two clicks away via the top navigation. This pulldown menu provides a one-click option for users to go to any page of the site directly from the home page. Footer: KCC School Logo [links to the KCC site] Footer: Copyright KCC – New Media Arts MAIN BODY: Left hand side sub-navigation – inlcudes easy-to-update text links to all sections and sub-sections of the site. Large Sub Page Section Image This image can also be updated at random or over time, to give a fresh look to the site. Sub Page Main Content Standard, scrollable html text that can include images and scroll for however long the content is. Large Sub Page Section Image Browse by section: About - NMA Student Assoc. Curriculum - Animation - Interface Design - Info. Architecture - Current Schedule - Course Descriptions Gallery Admissions - Process/Checklist - FAQ’s Faculty - Bios Contact CONTENT: Sub Page Title Sub page copy goes here… ie. New Media Arts offers three Associate in Science degrees: Animation, Interface Design and Information Architecture. The objective of the NMA Program is to help students achieve an understanding of art and design as well as technological skills. Our curriculum is updated frequently to bring a contemporary approach to the learning process. The Associate in Science in New Media Arts prepares students for entry- level positions in the fields of animation, interface design and information architecture.