Design Patterns D – Writing and Managing Content Lori Nuth February 20, 2006 EDIT 752.

Slides:

Advertisements

Similar presentations

Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.

Advertisements

Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.

Creating a Google Site April 2011 Public Computer Center at Moore Memorial Library | Greene, NY.

Business Development Suit Presented by Thomas Mathews.

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

How Tags are used to form your Web Page

1 Lesson 14 - Unit N Optimizing Your Web Site for Search Engines.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Web Accessibility Web Services Office of Communications.

IS 360 Web Promotion. Slide 2 Overview How to attract visitors.

Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.

1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.

Web 2.0: Concepts and Applications 2 Publishing Online.

LayoutLayout Manage your blog! Baharstudio.blogspot.com Baharstudio.50webs.com.

Chapter 15 Designing Effective Output

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.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Creating a Simple Page: HTML Overview

CIS 250 Advanced Computer Applications Web Publishing.

© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,

Web Technologies Website Development Trade & Industrial Education

HTML (HyperText Markup Language)

Launching a Successful Online Business and EC Project.

Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.

HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.

Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.

PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.

Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.

Writing and Managing Content The Design of Sites: Patterns for Creating Winning Web Sites.

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.

Presented by Trisha Cummings. Why Have a Web Page?  To become known WorldWide  Advertise and sell things  Publish a Fanzine  Support a cause  Share.

Louisa Lambregts, Louisa Lambregts

McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Working with Data Lists.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

Louisa Lambregts, Louisa Lambregts

Search Engine Know- How: How To Optimize Your Content, Navigation Pages, & Documents For Search Engines.

Build Your Own Website Review of week 6 You should now have your website pretty complete You should now have your website pretty complete Are there any.

Now, let’s examine the page data. We’ve already seen the page name and the directory where the page is saved.

Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.

Cheryl Wolfe Web Services Administrator Tampa-Hillsborough County Public Library James Day Electronic Services Librarian Embry-Riddle Aeronautical University.

Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,

Nuts and Bolts of Your LawHelp Site February 2014.

2016 CSO System Training & Networking Conference / Copyright © 2016 #csoconf 2016 CSO System Training & Networking Conference / Copyright © 2016 #csoconf.

COMP 143 Web Development with Adobe Dreamweaver CC.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

+ Responsive Technology Performance, efficiency and elegance are the three key elements that make our platform unique. Each of the features in this presentation.

Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site.

Getting Started with HTML

Pre-Production Meet with the client to create a project plan:

Internet Made Easy! Make sure all your information is always up to date and instantly available to all your clients.

Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,

Cascading Style Sheets (CSS)

Introduction to web design discussing which languages is used for website designing

Objective % Explain concepts used to create websites.

iCIMS 17.1 Release: Highlights

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Intro to Web Development Links

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

Common Page Design Elements

Multimedia Web Site Design

CIS 133 mashup Javascript, jQuery and XML

Objective Explain concepts used to create websites.

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

Tutorial Introduction to help.ebsco.com.

Presentation transcript:

Design Patterns D – Writing and Managing Content Lori Nuth February 20, 2006 EDIT 752

How well did this site implement page templates? D1PageTemplates

Solution Use a grid layout to help define a global template that includes: basic navigation elements major content areas areas for related content For each kind of page, create individual templates that use the global template as part of the structure. D1PageTemplates

How does this site avoid having stale content? D2ContentModulesD4PersonalizedContent

SolutionD2ContentModulesD4PersonalizedContent Define content locations in page templates Organize all content into the file system or in to a content database Manage content from an administration page

Is this a pyramid style? D3 Headlines and BlurbsD7Inverse-Pyramid Writing Style D9Distinctive HTML Titles

SolutionD3 Headlines and BlurbsD7Inverse-Pyramid Writing Style D9Distinctive HTML Titles Inverse writingPyramid style

How many of you use message boards? D5MessageBoards

SolutionD5MessageBoards Build into navigation Link from related content Allow to save favorites in customer profile and browser favorites Search keywords Sort posts by name Ability to read posts prior to signing in Post board rules Use simple form to post content Admin ability to approve or reject content

How do you write for search engines? D6 Writing for Search Engines D9Distinctive HTML Titles Distinctive HTML titles for each page Use keywords at top of page and in body text META tags Site accessible for impaired vision Don’t use bogus keywords or text

How do you make content non-searchable? D6 Writing for SearchEngines Create a robot file # robots.txt, 3/24/2005 # User-agent: * Disallow: /college/ Disallow: /library/ Disallow: /learning/ Allow: /pages/ Allow: /2003/ Allow: /2004/ Allow: /2005/ Allow: /top/ User-agent: Mediapartners-Google*

How do you make sure a page is printable? D8PrintablePages Create a printer-friendly page template Make sure everything fits on the page Remove extraneous navigation and content Add labels to help people find the article online again Take main content out of HTML tables

Example of Print Preview D8PrintablePages

What does Internationalization and Localization mean? D10Internationalized and Localized Content Internationalization: Software changes required to support: different languages date and times currencies weights and measures number formats Localization: Process of redesigning the human-computer interface Translating content to support a local culture

How should you make a site ready for a worldwide audience? D10Internationalized and Localized Content store strings of text separately from code do not rely on machine translation hire competent translators beware of terms that are not widely known recognize holidays, customs (colors), and nonverbal communication dates, currencies, weight and measures etc. site accessible for variety of devices (mobile web) local legal issues – trade laws