Maintaining a Website April 2008. Old vs New www.nynjtc.org – Maintained with Dreamweaver/Contribute – Style is fixed by template (header, left menu,

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
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?
Drupal Basics Part 5 Understanding Blocks Using the theme Agricultural Communications Services Integrated Media Training Sessions
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
COE201 – Computer Proficiency Mr. Hamze Msheik
Themes MOAC Lesson 4.
Writing for the web Web Authors Group Meeting 20 November 2003.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
HTML Introduction HTML
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
PowerPoint Lesson 2 Creating and Enhancing PowerPoint Presentations
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
CMS Wiki Pages CMS Pages, the only approved and supported website service for CMS employees, has been failing and an alternative needed to be implemented.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Appointee
Paragraph and Page Formatting in Word Graham Seibert Copyright 2006 This is a segment of the draft version of a large syllabus. I need your feedback to.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Creating an Expression Web Site
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
How to Web Page with iModules First row of icons.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Web Design Fundamentals Demystifying Basic HTML. 2 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Chapter 13. Applets and HTML HTML Applets Computer Programming with JAVA.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
HTML/XHTML Structure Building a basic web page using notepad.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Creating Google Sites Laura Assem, Director of Technology.
Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Agency Web Site Navigation Structure. Building the agency web site Agency Web Site Navigation Structure, Slide 2Copyright © 2004, Jim Schwab, University.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Web Site Development - Process of planning and creating a website.
Additional Features in Microsoft Word Session Version 1.0 © 2011 Aptech Limited.
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.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Creating a Google Site For a Digital Portfolio Purpose.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Content Management System (CMS) Introduction for the Prospective Students site.
Web coordinator workshop. Introduction Meet and greet –Who are you and what was the last website you visited? Comms team – here for support + our role.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
COMP 143 Web Development with Adobe Dreamweaver CC.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Poster Print Size: This poster template is 36” high by 48” wide. It can be used to print a Tri-Fold poster with 12” wings. Placeholders: The various elements.
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
County Website Content Management System
Web Page Elements Writing For the Web
Link Label Text Label… Click Here… Image Image Lorem Ipsum Lorem Ipsum
Cover slide 1 We recommend picking one cover slide from these two options and removing the other from the Master This PowerPoint Template includes a series.
Layout - you need to understand that a simple navigation bar:
Objective % Explain concepts used to create websites.
Themes MOAC Lesson 4.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Objective Explain concepts used to create websites.
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Presentation transcript:

Maintaining a Website April 2008

Old vs New – Maintained with Dreamweaver/Contribute – Style is fixed by template (header, left menu, content, footer) – Content obeys a bunch of unwritten conventions – Files/pages/images are placed into a file hierarchy (unwritten conventions) new.nynjtc.net – Maintained with Content Management System (Drupal) – Style is fixed by theme (header, left sidebar, right sidebar, content, footer) – Content obeys a bunch of yet to be written conventions – Files/pages/images go into system defined places

Common to Old/New Writing content for the web obeys different rules than writing for print media Usability Navigation and Information Architecture Obeying web conventions Search Engine Optimization (SEO)

Writing Content Inverted style, similar to newspapers – 2 sentence rule Concise Simple words (6 th grade) Avoid acronyms Skip jargon No sarcasm Format for readability

Format for Readability Short descriptive titles and headings Highlight keywords Bulleted/numbered lists Short paragraphs NO ALL UPPERCASE Almost never center

Usability You have less than 2 minutes to communicate the first time a prospective customer visits your Web site. This is the basic fact about the Web experience. As far as users are concerned, every page must justify its claim on their time. If a page doesn’t do that immediately and clearly, they go elsewhere. Most don’t even bother scrolling to see what’s further down the page. Jacob Neilson

Navigation and Information Architecture Old web – it is what it is and not open for discussion (other than adding links to new material in old material) New web - Staff will get an opportunity to participate in improving the IA.

Obeying web conventions Most of this is handled by the templates or themes, e.g. click on logo to get to home page.

Search Engine Optimization (SEO) Searches rely heavily on the title, the H1 tag, and the first paragraph of text. Use official vocabulary words where possible in these.

Unwritten Conventions (1) There are two templates used, template which has a left menu and leaf which does not. I never use font or font size commands and almost never font color or background. I never use underline! I do use H3, H4, H5 and H6. In particular H3 is the heading level for major subsections of a page. If there are multiple of these on a page I usually use template and put a menu item on it pointing to the various subheadings. I frequently use tables to organize material

Unwritten Conventions (2) I use pictures sparingly and lately if there are multiple pictures put them in the photo gallery. I rarely use (shift enter) except when laying out an address block. Beware of these when copy/pasting from external sources. I do not repurpose pages. If there are significant changes I create a new page. I do fix typos or errors in facts (and frequently note the date of the change).

Unwritten Conventions (3) I do not duplicate material on several pages. If this needs to happen I instead create a new page with the material and point all other pages to it. All dates include the year (unless it is explicitly on a page dealing with a single year). I am almost religious about dating items, e.g. the footer contains the last update date (automatic).

Unwritten Conventions (4) I never use today, tomorrow or yesterday. I note significant changes in the new page (if they don’t appear on the front page)

File Placement Many sections are isolated by year creating a new directory each year effectively archiving but retaining old pages. If sections have images, I usually create an image subdirectory to contain them. I rarely delete or rename anything as this breaks deep links on other sites and search engines. When I need to I put in a transfer page.