What is web publishing
What are the objectives of your site?
Is the goal to entertain, to provide information or graphics, or to provide a service unique? Or maybe it is something other than this
Customer Service If for a business, trying to draw the attention of new customers, provide information about products and services, do market research or provide? Do you also intend to enhance its after-sales service?
How does the design and implementation of its Web site support your goals?
for commercial sites
If your site is a commercial site, most surfers go to your site with the intention of obtaining information. They will not be there for “a total web experience” or for entertainment, or the excitement of visiting a
want to know things like “great site.”
“What options are available and how much they cost? ”
“What are the characteristics of their products and services?”
“How I can contact your company?”
“Where and how I can buy your products?”
“Do you have a range of products or services?”
A commercial website is an important link of your company and, in some cases;. will be the main option in which customers and others interact with you in the future
During the infancy of the web companies wanted many “only have a web presence,” so he went to the graphics, agencies advertising, and the new generation of web design companies. Although these companies had a good background in graphic arts, most of them were quite new to the game ball for creating websites. They over-emphasized the graphics and tried to entertain themselves in the same way as print ads or television commercials.
However, an effective website is much more than that. It must begin with a definition of the requirements that evaluates the company’s actual needs and how they can best be served through the web. This should be followed by a careful design and planning. The next phase is to build and test the site.
But the pitfall is that a website needs updating and maintenance to sustain and be in tune with the times. A lot of sites are designed in ways that do not adhere to these aspects. We must also consider aspects of site operations, such as ensuring the response time and availability.
If you build a website that really makes sense, you should consider hiring the services of a systems architect before contacting companies hire graphic or Java programmers. An architect will plan your site as a system designed to meet their corporate objectives, and not just a bunch of interconnected HTML pages.
Make your site easy to navigate
Give serious thought to the roadmap of your site and its various components are linked. How is this information conveyed to the user navigation
Could someone, after visiting your website, draw a diagram showing how the different elements that are connected and how to get from one place to another?
If someone comes to your site for a specific piece of information, how easy it is to find him?
How does a number of visitors from all the things you can see or do on your site
How can a visitor find a way to browse your site in particular?
How can you tell if the visitor has seen it all?
How can you tell a visitor what they have and have not seen?
Make it easy for visitors to determine what is new and when things have changed.
A site that is difficult to navigate is also difficult to maintain.
complexity limit the size of your site.
complexity make it more difficult to test your site.
Some tips to generate repeat visitors to your site
Make it large enough to require more than one visit to see the whole site. But that is easy to remember what the visitor has already seen, avoiding complex designs.
Change
your site often. However, make it easy for visitors to find out what has changed, and when
Make your site a source of reference material -. A list, an index, a database. Perhaps allowing the user to locate a particular topic or item.
Make your site an authentic and reliable source on a particular topic.
In the world of the web, all visitors are different
Remember that there are large variations in the platform of the computer, the setup screen, processor and speed disk, connection speed and browser software being used in particular for every visitor to your website. And the visitors themselves will be different in every way imaginable.
Do not assume that all visitors your site has the latest hardware and software, a super-speed connection to the Internet, and the view and the reflection of an energetic teenage girl!
There is great variation in how your site looks to different users, if you rely on fancy tricks HTML.
There is great variation in how your site looks to different users, even if you do not use fancy tricks HTML
You have to decide if the goal is to impress your site a few special technique with hype, or become a site for the enjoyment of the masses.
create a site that caters to the few of all visitors and leads.
As a result of Internet traffic, web sites with free charts bloated, old hardware or software, a good number of people who surf the web with graphics turned off in their browsers. What is your site as without your charts?
You will lose a lot of points if you mention Netscape (or Microsoft), however, on the first page your visitors see. This includes a description of your site as “Netscape enhanced” he tells visitors that your site is presentable only if you have the latest version of Netscape, or pointing to a place where they can download the latest version of Netscape. Think about the message being sent about you and your site. Think also the first impression your website leaves with visitors for the first time.
How does your site with Lynx? Try it and see how your site is a text-only display. This may be the only visualization software that have a Unix user, especially in foreign countries. If your site is mainly informational, do not deny access to these potential visitors.
It is best to prepare for the invasion of surfers who come to your site through supplements to your TV, cable or plug-in for their game-playing machine. These new widgets that have a limited capacity, much like previous versions of popular browsers.
The major online services have more than 10 million paying customers. Soon, most of them have web browsers, but not the version very, very recent Netscape. Your pages may look very strange to them.
People with money to spend do not have time to cheat to get a slip or PPP connection running. And I do not have time to get and tune the latest version of Netscape (when they hear the word “updated”, the most likely to move to the first class section).
Most probably using browsers that are integrated into a comprehensive online service offers a unique package of news, track portfolio values, and a seamless interface to the Internet and the
The real point is that if you have a commercial website, you can keep around for testing Netscape, but make sure it works with any browser is provided by AOL, CompuServe, and Prodigy.
user interface
When the first Macintosh came out, Apple released a set of guidelines for user interface software developers. Some developers felt the need to comply with a standardized interface that hinder creativity. But others realized that they really are freed from having to spend more time applying their creativity to step up to the next level of application design.
Consider the signal to noise ratio of the interface. What is useful and interesting, and what is noise? Avoid using large graphics or do not contribute to unnecessary page content
Remember that browsers have a lot of user-configurable features -. Colors, fonts, etc. c
an really mess up your elegant interface.
make the user confused with one click.
replace bullets and horizontal lines with pictures. It eats bandwidth and confuses the user. If you use images as bullets, visitors can try clicking on them and wonder why nothing happens.
Be very careful in the use of graphics and controls (buttons, links, etc.). You have to guess what to do.
Try not to have two or more places to click to perform the same action.
Do not use the “underline” attribute for text. This makes it look like a link.
Find out what your visitors do more often in place and make the easiest thing to do. If you’re into jewelry with precious stones or jewels integrated complex and most visitors are there to have a closer look crisp in their samples, have a big button that says “Take a closer look.” This is a good rule of thumb to determine the size and location of the interface elements.
For some reason, most browsers to change to a gray background by default. The easiest way to solve this problem is to replace the default browser. Use a white background.
not forget that the links are displayed in different colors than regular text, and may change color after a link is. Note how these links are displayed against a colored background. (And remember that colors will be different in different browsers and can be changed by the user.)
Can use a shade of gray background if they are not against the text. A lighter shade is advisable.
Maintain uniformity of the interface. They have the same controls that perform the same action everywhere.
Avoid placing too many interface elements on the same page. Some sites present the visitor with a bewildering variety of image maps, buttons, text links and click on the images. Do not use colored backgrounds, texture or graphics, unless absolutely necessary. That might look good on your browser, but could end up looking quite different in another browser or on a computer video hardware, color depth, etc. is distracting, and it really makes the text unreadable at times.
Another problem with the funds are handled differently by different browsers. In some, the page is first displayed, then after some time, the fund appears suddenly, like a layer of smog down on the page. With other browsers to sit and watch a blank page until the fund has been downloaded.
display images against anything but a plain background can cause are rendered correctly by the browser. And it may be difficult for visitors to see them. You must have noticed that the art galleries of paintings are a light background so that the image comes good in the eyes of the spectators. Do not blink unless nothing to indicate an emergency, a danger to life. It’s a distraction, and is very irritating to the surfers. Try reading something here, while more than flashes. It disrupts the viewer’s attention.
not use difficult (or illegal) HTML to do dissolves or fades or other special effects. They look different on each machine. And after a while, it can get quite annoying. And that might not work (or work strangely) in different browsers or new versions of its browser.
Do not you have something that, when clicked, takes visitors to the page “is already on. misleading. This is common on sites where every page has links to each page.
One way to get a precise block of type, such as name and address appear correctly in all browsers is to make the kind in an art program, then save it as an image ( GIF). If done correctly, a block name and address, including e-mail and Internet should be 2K bytes. (But do not forget to include an alternative text.)
You can set large (headline) type, usually black, with a shade of gray. But not too clear
not change any of the colors type -. Whether to display text or links. Only disorienting the user.
In general, try to keep the UI simple and orderly. Try using the defaults whenever possible.
The little red light
Every browser has one.
It is a little indicator that turns red when the browser begins to load a page. After all the page elements have been successfully downloaded, the little red light off.
This is especially useful when the network is slow or when the page is complex. That lets you know when you actually have everything. A very useful element of the browser interface.
Unfortunately, a number of widgets (such as animated images) that can add to your page that holds the red light properly. Most of the time is the animated GIF.
With one of these widgets on your site the red light never goes off. And therefore, it seems that your page loads, although it may actually be over. Now that the visitor has lost the use of part of the browser interface, and have to guess whether page is complete. Or maybe wait for the rest of it. Or maybe give up and go
Tip
. If the red light does not go after your page has loaded, is a sign that there is something on your page to annoy people
The use of color to convey information or to get attention , where really necessary.
standard web interface uses this principle to display hypertext links to other pages in colors that stand out from the rest of the text. In addition, different colors are used to display bonds have been visited and which not.
So strong are these tracks, which can be viewed on a website and say much about that without reading
text. It is also good reason to leave the text and links in the default colors. Your visitors will have hundreds of pages of text and links in the default colors and take advantage of this conditioning to be able to navigate a new site without having to constantly relearn the interface.
It is obvious that if you change the color of links on your site, or use an image map, much information as possible will lose the visitor and your site will be more difficult to navigate.
Remember, too, that some visitors are color blind. In the worst case, the colors are various shades of gray. colored text on colored background may appear as a gray spot. Keep this in mind when designing your pages.
Other visitors, less-than-perfect vision may have trouble seeing the images and texts with strongly contrasting colors (like red text on a blue background). Do not make your page so that it can only be seen by adolescents.
image maps
Do not put the image maps on your pages unless there is good reason to use. fantasy image maps can be much more confusing than a list of formatted text or a simple set of buttons.
In many cases it is difficult to say exactly where to click. This is especially true if the map contains the images and words. And since words are not underlined, it is difficult to say if links.
image maps take up much bandwidth and, in most cases, do not add to the page.
If you use an image map of large size, Visitors have to wait for over a minute before they can begin to navigate your site.
Unlike normal text links that change color after being clicked, maps image gives no clue as to what is seen and what is not. This makes it more difficult for the user to navigate your site.
Image maps limit you to a very simple. It is difficult to include more than a few items on the map, especially if you include icons and text on the map.
The time and effort it takes to change the image and map the composition of the use of image maps a real maintenance headache. It will take much longer to update or change your site if it means changing the image maps as well. This is especially true if you have used image maps in many of its pages.
When using an image map, make sure to include a list of text items are identical to those confused by the map or are using a browser where images are not loaded. Find the list of alternatives as close to the map image as possible
to avoid confusion. Ensure that the list contains all the items on the map, and are in the same order.
If the image map is a figure that represents something real, like a map of India, USA and Germany, do not assume that visitors can identify things (What is Hamburg or Scotland ?) only by its form or location.
In addition, make sure your image map gives a kind of warning if the user clicks on an area that does not refer to something or not defined the chart table. (What happens if the user clicks on the ocean, next to India?)
title page
Do not forget to put a title in each of their websites. The title is what appears at the top of the browser window when the page is displayed. If the page has no title, the browser displays “Untitled” or “Untitled” or just the URL of the page, or perhaps nothing.
The title is important. someone bookmarks your page, the title is what appears in your list of favorites. Or, if someone puts a link to your site on your page, you probably use your page title as link text. Or, if the page is indexed by a search engine, the title is what appears in search results. You get the picture.
Even if you have the titles on your pages you may still want to re-evaluate the text. Make sure the title really says something instead of “My Homepage” ¿ how about: .. “? Bud Spencer – My Homepage “Imagine seeing the two in a list of favorites
If you have a business site, you may want to go further. For example, you can put your business name ( or an abbreviation) in the title of each page of your site. You never know which of your pages are marked and will be much easier to pick you up in a favorites list, or any other list that uses the page title .
And do not forget to tell people about yourself and your activities. the main page of your site does not make them guess, for example: “. Splendid Tours & Travel is a travel home delivery of the packages both nationally and internationally to Europe and the Far East “
<. Strong> The width of the browser window
Imagine you’re an art director and you have to design an ad for a series of vehicles from the media such as newspapers, magazines, tabloids, etc. Now all these different media require different column sizes for your ad. Sounds crazy? How would you design an ad?
However, this is one of the biggest problems facing designers of web pages. The height of the browser window has little effect on how your page is displayed – you just see more or less the same as a kind of window curtain. But as the width of the browser window changes, you can have a dramatic effect on how your page is displayed.
This is because the browser will attempt to reorganize the website to maximize the browser available. width
Two factors determine the width of the browser window – the visitor’s screen width, which determines the maximum width for the browser, and the share of the browser screen has been set.
The width of the practice of computer screen varies from 640 to 1280 pixels. This is determined by the hardware, software and settings screen that the user has chosen. Your website should work correctly with all the browser window> anywhere
There are a number of different elements on your page, but they fall into two groups: those items that can be adjusted in width, and those who can not.
Items
that can be adjusted in width are text (which may wrap) and tables and cells (if declared as a percentage of width window).
Items
whose width is fixed are the images, text given a “NOWRAP” attribute, text in PRE tags, and tables or declared as fixed cells (pixels) wide .
Let’s say you design your web browser to the middle of range – about 800 pixels wide. What happens when your page is viewed in another browser widths
Let’s start with a window closer. If the page is designed with the right combination of fixed and variable, the page should work. You may want to use a table with several columns where the left and set the width variable gauge others. If fixed width elements used, the page may end wider than the browser and a horizontal scroll bar appears at the bottom of the window. Now, visitors have to scroll left and right to view your page.
If the window is wider than designed for a number of things can happen. If you used a background image for your site, and that only suits your midsize window, which is repeated in the browser adds another copy to the right to fill the increased width. Tablas said variable width can be translated strange, with elements appearing in unexpected places.
In addition, the way a particular browser your juggling to fit page width vary greatly with different browsers. And also with different versions of the browser.
Obviously, a certain amount of testing and experimentation will be necessary to ensure that their pages display properly in every browser settings across.
A Tip:
Keep your home / small so that page loads quickly – for example, 10 seconds would be the ideal time. (Especially important when the site slows down.) This hook the visitor. Think twice before you put that 90K GIF on your page. Remember that yours is just one of millions of sites – Internet users have a short attention span
images
not display high quality images such as. art or photographs in a context that is textured or darker color. Stick to white, light gray, or whether to use a background color, use the lighter shades.
not use an image compression technique that is not compatible with all browsers. Currently, GIF and JPEG are universally recognized.
A JPEG image can compressed into a smaller file than a GIF, having less time to download, but it may take time to decompress and display, so that their efforts in vain. This is especially true on older, slower machines.
JPEG compression also imposes a loss of image quality, which may (depending on the configuration of your image-conversion software and hardware your visitors) is quite noticeable. However, JPEG compression, probably give the best results with photos or other images with many colors and fine details.
drawings or line art, GIF can actually get smaller than the JPEG. With drawings lines, a GIF can appear sharper than a JPEG file because there is no loss of quality in GIF format. However, GIF images can only display a limited range of colors, and may not be suitable for images such as photographs in colors.
The best option is to try the two compression techniques to each of your images and see which gives the smallest file sizes, better image quality and better performance in download and view.
And do not forget to design your pages so they can still be used if a visitor has image loading turned off. Use the “alt” attribute to provide text alternatives for images.
interlaced GIF
Do not use interlaced GIF. These are the effect of the image that continually redrawn with a higher resolution and above. Files of these images are actually larger than the equivalent GIF, and take longer to load.
The effect is annoying and it is difficult to know when the image is ready to be seen. It is especially annoying when you used to do work fine art. It is also annoying when the network is slow and the image is rendered by a half-time. may also find that the intermediate image is like something very different from the actual image. It’s just another effect Special soon to be boring.
animated images
Avoid using animated images on your page. They make the pages load slower – using large files, slowing down the load and display the rest of the page. Their website can just sit there for a considerable time, all white, while the burden of moving pictures first.
Because have much larger file sizes of normal images, animated images eat up much more valuable bandwidth on the Internet. delay is added to the web. Animated images that the page is loading – the re
d light on the Browser does not turn off, so there is no way to know if the page has finished loading. If the visitor clicks the button ‘Stop’, which may be that the page is loaded completely, you have to be reloaded. It also keeps you aware of the possibility of moving a page while it is charging.
are annoying and uncomfortable, making it more difficult for visitors to concentrate on other things on your page. (It’s quite annoying to read something here, while an animation is turning mailbox opens and closes around.)
And though it may look cute the first time you see one, then have seen it several times over and over again, you feel like breaking the screen at times!
And if you switch to another application, the browser now sits in the background, chewing up processor cycles doing animation.
The animation runs at different speeds, depending on the visitor’s hardware, and what else you are doing, while -. crawling on slower machines, and flickering between images on fast machines
Finally, a number of people have reported browser crashes when leaving a page that had an animated image. When it crashes the browser, which can spoil things like browser history, tables
