21
PLAN AHEAD

Planning your website

Embed Size (px)

DESCRIPTION

Planning your Website, Output Production and XML

Citation preview

Page 1: Planning your website

PLANAHEAD

Page 2: Planning your website

1.Structure2.Content3.Text4.Graphics5.Presentation

Style6.Navigation7.Promotion

Page 3: Planning your website

1. Structure

distinct messages/other related information

A webmaster can use website diagramming and mapping tools available

Page 4: Planning your website

WEB SITE LOGOSEARCH ENGINE

LINKS TO SUB-WEBS MAIN STORIES FEATURED STORY

JPEG IMAGES

Page 5: Planning your website

RSS FEEDS

CONTACT LINK

Page 6: Planning your website

2. Content

Timely advice, important information, free offers, interactive activity

Exciting animations, movies and sounds

Quality of “stickiness” Includes FAQ COTS

Page 7: Planning your website

3. Text

Title meaningful words in the first sentence

Page 8: Planning your website

4. Graphics1.Use either JPEG or GIF

formats2.Keep the background simple

and make readable texts3.Create a few professional-

looking graphics4.Keep images small and

reuse bullet or navigational buttons

5.Include text in what is called an title attribute for images and image hot spots

6.Examine your Web site on a variety of displays and screen resolutions

Page 9: Planning your website

5. Presentation Style

1.Provide a home page2.Keep the number of graphics

to a reasonable minimum3.Use large and colorful fonts

for headings4.Use interesting images and

buttons for links5.Use CSS to control the

formatting and layout of the Web page

Page 10: Planning your website

6. Use divisions and cascading styles or tables to enhance a layout

7. Use the same graphics image on several Web pages

8. Use Java script to enhance Web page layout

Page 11: Planning your website

6. Navigation

a website that leads easily, has meaningful links, and allows you to easily return to the places you want to go back to

Page 12: Planning your website

7. Promotion

metatags – keywords that search engines will use to link search requests to your site.

Encourage your readers to bookmark your Web site.

www.searchenginewatch.com/showPage.html?page=2167931www.siteup.com/meta.html

www.vancouver-webpages.com/META/mk-metas.html

Page 13: Planning your website

Maintaining a Web Sites:

CMS – (content management system) powerful software tools that can enable the analyst to develop and maintain Web sites and other online applications.

Page 14: Planning your website

Creating Web Logs (Blogs)

- Used both for internal and external communication

- Informal and personal- Guidelines, policies, and laws

Page 15: Planning your website

1.Permalink specific for the blog post

2.The headline or title of the post3.The primary link4.An optional summary5.The blog text or commentary6.An optional image7.A block quote8.Links for comments from other

people9.Other blog software features

Page 16: Planning your website

Output production and XML

• An XML document may be transformed into different output media types

• Methods:–Extensible Style Language Transformations (XSLT)–Ajax–Cascading style sheets (CSS)

Page 17: Planning your website

Extensible Style Language

Transformations (XSLT) XSLT allows you to:–Select XML elements–Sort sequence–Selection of data

Page 18: Planning your website
Page 19: Planning your website

AJAX

Uses both JavaScript and XML to obtain small amounts of data from a server without leaving the Web page

The user does not have to wait for a new Web page to display after making a selection

Page 20: Planning your website

Cascading Style Sheets (CSS)

CSS allows you to specify the font family, size, color, border and so on

Styles may vary for different media, such as display, print, or handheld devices

Styles do not allow you to manipulate the data

Page 21: Planning your website

THANK YOUFOR LISTENING

KUDOS !