2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

Web Page Training Summer 2014 Presented by: Mountain Brook Schools Tech Team.
 Who Needs Planning! The Key to a Successful Web Site….
TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.
With Microsoft FrontPage 2003 Publishing a Web Page.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
. Website and file organization. How websites work.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.
Responsive Design What it is and why you need it.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Websitepipeline ™ university Web Page Catalog adding and editing web pages.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Home page for the AIAA STC Acts like a table of content for the site Central column is the most dynamic TC meeting information publications events Links.
KNOWLEDGE DATABASE Topics inside  Document sharing  Event marketing  Web content.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
2015 Webmaster Training. 1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Basic Web Design Robby Seitz UM Webmaster Powers Hall.
© 2012 Boise State University1 WordPress Training February 14, 2013.
HOW TO SET UP A WIKI SITE With Wikispaces by: Zainab Aidroos Amel Al-Amri Manal Hassan.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
Website Project Development Presentation by APNARAJ.COM.
Logo Website Design & Development Presenter: Aamir Khan(Rocxtar) Class: Information Technology-P1 Topic: Web Designing & Development ROLL NO # 2k14/IT/02.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
3.02C Website Organization 3.02 Develop webpages..
Umalumni.com and Club Websites. Overview New Website Public/Member Experiences Club Leader Section Club Websites Next Steps Quick Social Media tips.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Jacob Mortensen 2/8/13. Visual design is the look of the Web page and the colors and graphics used. VISUAL DESIGN.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Andy Dawson– University College London 1 EABH SUMMER SCHOOL Web Page Construction Andy Dawson Department of Information Studies, UCL.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Web Design and It’s aspects Annie Leach. Visual Design Visual Design is what the Web Site is about and the layout of it.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Consistency Increases usability of your Web site..
CMS Essentials January 2013 v CMS Essentials: Course outline Brief recap of the Web Awareness and Writing course with ongoing references to: University.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
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.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
ICCA Web Site Redesign October, 2009.
INTRODUCTION TO DOCUMENT AUTHORING AND ELECTRONIC PUBLISHING.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
DiDA – Website creation Mark overview Use of multimedia (9 marks) Suitability for audience (9 marks) Use of website features (5 marks) Review (5 marks)
What makes a Good Website?. Examples of Bad Websites For more really.
BRANCH WEBSITES Tips for building and maintaining sustainable sites.
Managing the content of web pages
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then use the web page to create a template.
Web Site Design Plan Checklist
Page plans A01 Design.
Building your Website
3.02C Website Organization
Drupal Site Administration
Website Procedures Basic Concepts.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
A01 DESIGN To be completed Your proposal  Your House style 
effective and affordable ways to connect with your audience
Web Design 1 Website Construction.
Consult America Technology Consulting Services
Apply programming techniques to design and create a web page
In today's lesson you will…
Using Templates A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template.
Presentation transcript:

2015 Website Updates

Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page Content: Text and media that are specific to a page Definitions

Central Design, Local Content District School Design Navigation Layout Content

Mobile Matters Why?

Consistency & Control Why?

Successful Websites Why?

…and your purpose… Define Your Audience Requirements

Keep Current Requirements

Less is More Don’t Clutter Requirements

Speed Matters Requirements

1.Site Navigation RWD Structure Sharing content areas 2.Dynamic Content Updates News/Blog Containers Calendars – Priority, Standard 3.Static Page Updates Static Pages Mashups Layout Tips – Tables, Links, Images 4.Image Editing 5.Advanced Topics Slideshows Additional Pages Subsite Creation Embedding Videos Analytics 6.Site Build-Out

1.Site Navigation 2.Dynamic Content Updates 3.Static Page Updates 4.Image Editing 5.Advanced Topics 6.Site Build-Out Training Agenda