PLAN AHEAD
Dec 19, 2014
PLANAHEAD
1.Structure2.Content3.Text4.Graphics5.Presentation
Style6.Navigation7.Promotion
1. Structure
distinct messages/other related information
A webmaster can use website diagramming and mapping tools available
WEB SITE LOGOSEARCH ENGINE
LINKS TO SUB-WEBS MAIN STORIES FEATURED STORY
JPEG IMAGES
RSS FEEDS
CONTACT LINK
2. Content
Timely advice, important information, free offers, interactive activity
Exciting animations, movies and sounds
Quality of “stickiness” Includes FAQ COTS
3. Text
Title meaningful words in the first sentence
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
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
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
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
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
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.
Creating Web Logs (Blogs)
- Used both for internal and external communication
- Informal and personal- Guidelines, policies, and laws
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
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)
Extensible Style Language
Transformations (XSLT) XSLT allows you to:–Select XML elements–Sort sequence–Selection of data
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
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
THANK YOUFOR LISTENING
KUDOS !