1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: 11.02.09 Property of the Department.

Slides:

Advertisements

Similar presentations

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.

Advertisements

Support.ebsco.com EBSCOhost Digital Archives Viewer Tutorial.

Get the most out of your subscription to The New Palgrave Dictionary of Economics Online Welcome to the worlds most significant synthesis of economic thinking.

Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

For Details Visit : or For any Help Contact the Librarian EBSCOhost 2.0.

 Updating organization profile  Approving new members  Adding new members  Changing positions and permissions  Adding positions  Customizing organization’s.

Instructor: David Shaykewich | Online Academic Community Workshop.

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

1 Client Name (insert) Project Title (insert) Wireframes Version X.X Date: XX.XX.XX.

Click on one of the chapters below to get more information or click the next button to start the web tutorial. 1.How to navigate on the homepage?How to.

McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.

This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)

Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.

Compliance Assist Refresher Instruction Guide Adding or Editing Unit/College Strategic Goals.

Displaying Content in Core Publisher. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts Training.

November 3, 2011 Deborah de Bruin Building Digital Libraries.

What is a Press Release? A press release is a short document that provides information about your organization’s events and activities to a newspaper,

Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.

Define html document byusing Example : Title of the document The content of the document......

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

What are microsites ?. So, what are microsites? sub-sections of ts interlink that you can populate with your own material they are part of ts interlink,

Adventures in Radio UserLand Lincoln Cushing, UC Berkeley Institute of Industrial Relations Library.

Core Publisher: Creating Programs & Podcasts. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts.

July 3, 2014 Web Platform Design Comps. Confidential and Proprietary - Not for Public Distribution - Do Not Copy 2 The new Web Platform is a dynamic,

University of Nizwa Academic Search Premier Tutorial.

Support.ebsco.com Basic Searching for K-12 School Libraries Tutorial.

1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.

Course Settings MOODLE. Getting Started This is a quick start guide to Setting up a Moodle Course. This part of the course documents and outlines:- Course.

Instructors begin using McGraw-Hill’s Homework Manager by creating a unique class Web site in the system. The Class Homepage becomes the entry point for.

Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.

Guidelines for Paper Formatting Step One: Open Microsoft Word 2007 Step Two: Formatting the Document Step Three: Typing the Final Draft Highland Park High.

Getting Started with CAA’s Alumni Groups Website System.

COS 125 DAY 21. Agenda Assignment 8 corrected  4 A’s, 2 B’s, 2 C’s and 1 late Assignment 9 not corrected yet Capstone progress report due There will.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Markle Site Map + Wireframes. FUNCTIONALITY: Links: Spec Section # Page Buttons: page map Program areas -- Public Engagement through Interactive Technologies.

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

How Self-Advocacy Organizations Can Make the Most of Facebook By Emily Ladau, Communications Consultant For the Northeast Advocates Together (NEAT) Project.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Compliance Assist Refresher Instruction Guide Adding or Editing Student Learning Outcomes.

Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.

Core Publisher: Creating Programs. Creating Programs in Composer Pro.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.

The Basics of Managing Your Department Website March 8, 2012.

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.

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.

Writing A Press Release. What is a Press Release? A press release is a short document that provides information about your organization’s events and activities.

Update Critical Elements - Employee 2. “Open your current Performance Plan by selecting ‘Update’ from the ‘Action’ drop down menu and select the ‘Go’ button.

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

Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.

Formatting a Research Paper Lesson 10 © 2014, John Wiley & Sons, Inc.Microsoft Official Academic Course, Microsoft Word Microsoft Word 2013.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

Conceptual Overview For Understanding the New Paradigm Provided by: Web Services Section.

BEST SEO COMPANY IN UDAIPUR

News, CWPs and Partner Map

Chapter A - Getting Started with Dreamweaver MX 2004

LMEvents SharePoint Portal How-to Guide

“Real Simple Syndication” (RSS)

Adding Post Type Archive in WordPress Navigation Menus Guided By: wpglobalsupportwpglobalsupport.

THE BASICS PIONEER PLACE

Laying out a website using CSS and HTML

Zetoc: Electronic Table of Contents from the British Library

What’s an RSS Feed?.

Web Content Management System

HIBBs is a program of the Global Health Informatics Partnership Learning the Basics of Microsoft Word 2019 and Microsoft office support TFN

Tutorial Introduction to help.ebsco.com.

Presentation transcript:

1 Client Name University of Bath: Web Services Project Title Enhanced News Delivery System Wireframes Version 1.5 Date: Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

2 Version History Created wireframe document, added 1.1, 1.1a,Liam McMurray26/01/091.0 Updated wireframes after Product Owner reviewLiam McMurray11/02/091.5 CommentsAuthorDateVersion Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

3 Useful Page Elements Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Drop-down menu 2 > Drop-down menu 1 Radio buttons Check boxes Submit Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

4 1.1 Wireframe for External homepage Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Main News Area - Please See 1.1a for expanded view Left side navigation (contextual)‏ Right side navigation Footer Header Image/intro to University Top Navigation Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY

5 1.1a Wireframe for External homepage – Press area detail Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Graphical promotional area for news story/event/press release/ podcast/video News Item Date 1 st story – lead paragraph News Item Tags News Item Image News Item TitleNews Item Date 2 nd story – lead paragraph News Item Image News Item TitleNews Item Date 3 rd story – lead paragraph News Item Image watch/listen/read link Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY Comments News Item Tagswatch/listen/read linkComments News Item Tagswatch/listen/read linkComments News Item Title Link to News homepage

6 1.2 Wireframe for News homepage Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Main Press News Area - Please See 1.2a for expanded view Left side navigation (contextual)‏ Right side navigation Footer Header Top Navigation Subscribe to RSS Feed link Tag cloud of the most popular tags related to news Filter news – by year/month, tag/channel View Podcasts Link Contact Details Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY Most edMost commented List of most ed/comented upon press releases‏ View all current releases link View all archived releases link Other link TBC by comms Other link TBC by comms Other link TBC by comms

7 1.2a Wireframe for News homepage – detail Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: 1 st Story Image 2 nd Story TitleNews Item Date 2 nd Story first paragraph News Item Tags 2 nd Story Image Full story link Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY 1st Story Title News Item Date 1st Story first paragraph Tags 3 rd Story TitleNews Item Date 3 rd Story first paragraph News Item Tags 3 rd Story Image Full story link News Item TitleNews Item Date Full story link Latest press releases News Item first paragraph News Item Tagswatch/listen/read linkComments News Item Title News Item Date News Item first paragraph News Item Tagswatch/listen/read linkComments News Item Title News Item Date News Item first paragraph News Item Tagswatch/listen/read linkComments Story Image

8 1.4 Wireframe for News article Static content Dynamically generated (not on the fly)‏ Dynamically generated (on the fly)‏ Key to types of content: Left side navigation (contextual)‏ Footer Header Top Navigation Property of the Department of Web Services University of Bath Claverton Campus 2 South, 0.31, Bath BA17AY Print Save “See also” links Related Articles Related Events Social bookmarking Links Press Release Title Date Article first paragraph (in bold)‏ Main Image Rest of article text Caption Quoted text TagsComments Contact Details Publication StatusArticle History Boilerplate