Planning your website
-
Upload
angela-torres -
Category
Technology
-
view
50 -
download
1
description
Transcript of Planning your website
![Page 1: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/1.jpg)
PLANAHEAD
![Page 2: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/2.jpg)
1.Structure2.Content3.Text4.Graphics5.Presentation
Style6.Navigation7.Promotion
![Page 3: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/3.jpg)
1. Structure
distinct messages/other related information
A webmaster can use website diagramming and mapping tools available
![Page 4: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/4.jpg)
WEB SITE LOGOSEARCH ENGINE
LINKS TO SUB-WEBS MAIN STORIES FEATURED STORY
JPEG IMAGES
![Page 5: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/5.jpg)
RSS FEEDS
CONTACT LINK
![Page 6: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/6.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/7.jpg)
3. Text
Title meaningful words in the first sentence
![Page 8: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/8.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/9.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/10.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/11.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/12.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/13.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/14.jpg)
Creating Web Logs (Blogs)
- Used both for internal and external communication
- Informal and personal- Guidelines, policies, and laws
![Page 15: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/15.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/16.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/17.jpg)
Extensible Style Language
Transformations (XSLT) XSLT allows you to:–Select XML elements–Sort sequence–Selection of data
![Page 18: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/18.jpg)
![Page 19: Planning your website](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/19.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/20.jpg)
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](https://reader033.fdocument.pub/reader033/viewer/2022051610/5493567bb47959260f8b48ed/html5/thumbnails/21.jpg)
THANK YOUFOR LISTENING
KUDOS !