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

Slides:



Advertisements
Similar presentations
Business Development Suit Presented by Thomas Mathews.
Advertisements

Chapter 16 The World Wide Web.
Design Patterns D – Writing and Managing Content Lori Nuth February 20, 2006 EDIT 752.
1 Chapter 12 Working With Access 2000 on the Internet.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Microsoft Office XP Illustrated Introductory, Enhanced Office Applications with Internet Explorer Integrating.
 Popularity of browsers:  Popularity of search.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Static VS Dynamic websites. 1-What are the advantages and disadvantages? 2- Which one should you choose and why?
Website Design Lesson 3: Interactive websites, Environment and Design Tools Dr. Husam Osta 2013.
Digital/physical content store. Summary Create a digital content/physical product web store based on osCommerce. Following items can be sold in the store:
SEO for Web Designers By Alfredo Palconit, Jr.. I. What is SEO? A process of improving a site’s traffic and rank from organic search engine results. Notes:
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
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.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Web 2.0: Concepts and Applications 2 Publishing Online.
 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.
Lecturer: Ghadah Aldehim
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
Orion Project Proposal HTML Tutorial Website. Define.
CIS 250 Advanced Computer Applications Web Publishing.
Wasim Rangoonwala ID# CS-460 Computer Security “Privacy is the claim of individuals, groups or institutions to determine for themselves when,
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Server-side Scripting Powering the webs favourite services.
Chapter 16 The World Wide Web. 2 The Web An infrastructure of information combined and the network software used to access it Web page A document that.
1 Chapter 11 Implementation. 2 System implementation issues Acquisition techniques Site implementation tools Content management and updating System changeover.
NetTech Solutions Working with Web Elements Lesson 6.
Advanced Web Forms with Databases Programming Right from the Start with Visual Basic.NET 1/e 13.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Creating Web Sites An introduction to the basics.
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.
MS FrontPage 1: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
Logo Website Design & Development Presenter: Aamir Khan(Rocxtar) Class: Information Technology-P1 Topic: Web Designing & Development ROLL NO # 2k14/IT/02.
Advanced FrontPage Forms, Page Templates and Wizards, Behaviors, CSS, DWT and Page Layout.
Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Our Services English and Spanish Translation Services Graphic and Logo Development Web Site Design and Consulting.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Cascading Style Sheets CSS. Source W3Schools
SEO Friendly Website Building a visually stunning website is not enough to ensure any success for your online presence.
Multi-Channel Marketing
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.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Personalizing Web Sites Nasrullah. Understanding Profile The ASP.NET application service that enables you to store and retrieve information about users.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
COMP 143 Web Development with Adobe Dreamweaver CC.
PSD TO HTML CONVERSION SERVICES Focus on designing creative website layouts with the help of professional PSD into HTML Conversion services with experts.
Enhance Your Page Load Speed And Improve Traffic.
Patrick Desbrow, CIO & VP of Engineering October 29, 2014
4.01 How Web Pages Work.
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,
Tutorial 04 (cont’) Using XPath Patterns in an XSLT Style Sheet.
Global Grid Forum GridForge
Cascading Style Sheets (CSS)
UNIT 15 Webpage Creator.
Introduction to web design discussing which languages is used for website designing
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall
iCIMS 17.1 Release: Highlights
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Unit 4 Test CSS Test.
Chapter 16 The World Wide Web.
Website Testing Checklist
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

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

05-650: BIDAmin Nassiri Page Templates Need to keep the pages consistentProblem Solution Use grids Define global templates Define individual templates

05-650: BIDAmin Nassiri Content Modules Need to keep the content fresh Hard to constantly update the content Problem Solution Create (use!) a publishing system Define position of each content type Create admin pages

05-650: BIDAmin Nassiri Content Management System

05-650: BIDAmin Nassiri Headlines and Blurbs Most contents are buried into pages Need to grab visitor’s attention Problem Solution Write a hook Store them in the database

05-650: BIDAmin Nassiri Personalized Content Engineering a dynamic website is hard Intentional vs. automatic Problem Solution Require minimal personalization Invite visitors to personalize Categorize content Create a scoring system Track customer visits with cookies

05-650: BIDAmin Nassiri Message Boards Managing message boards is a tedious task Need to keep the quality high Problem Solution Anonymous posts? Moderate posts? Make the message board visible Require new comers to register Present clear rules Add admin pages

05-650: BIDAmin Nassiri Writing for Search Engines Need to rank high on search engines Different search engines, have different algorithms Problem Solution Write distinctive titles for each page Write descriptive text at the top Use tag Use tag for multimedia contents Avoid counterproductive strategies Use robots.txt

05-650: BIDAmin Nassiri Robots.txt from sun.com User-agent: * Disallow: /products-n-solutions/government/ Disallow: /storagetek/im3 Disallow: /starofficesearch/ Disallow: /software/star/staroffice/search-en.xml Disallow: /software/products/appsrvr_pe/ Disallow: /cgi-bin/sun/webdesign/ Disallow: /cgi-bin/go.cgi Disallow: /offers/docs Disallow: /remove.jsp # robots.txt for # Requests for updates should be filed through: # under Web Site Feedback # Updated: September 5, 2008

05-650: BIDAmin Nassiri Inverted-Pyramid Writing Style On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely. (useit.com) Problem Solution

05-650: BIDAmin Nassiri Printable Pages Not all page elements need to be printed Problem Solution Remove extra elements Add labels Avoid tables

05-650: BIDAmin Nassiri Distinctive HTML Titles Pages with ambiguous titles can be confusing Problem Solution Vary titles from page to page Use titles as bread crumbs

05-650: BIDAmin Nassiri Internationalized and localized Content Not accounting for language, cultural, and economical differences would limit your audience Problem Solution Store strings separate from code Hire translators Centralized vs. decentralized Avoid terms that are not widely known Beware of cultural differences Transform dates, currencies, measures

05-650: BIDAmin Nassiri Internationalized and localized Content (cont.) Consider devices used for web surfing Understand legal issues Solution

05-650: BIDAmin Nassiri Style Sheets Updating site design can be time- consuming without style sheets Problem Solution Define a standard style sheet Define separate CSS for printing Define separate CSS for mobile devices Improve accessibility Test with different browsers

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