The following are the key aspects that practically help him to create a design Web that offers results in terms of their public visibility
Part 1: The Unavoidables
Definition of a good Web site: A site that quality information offers and eshaustive for its objective public and make with elegance and style.
The state of “simple Hágalo, Sober” is proven, but he is not be-everything-all the design aims Web. The players, for example, to wait for a busy page with a pile of falsified graphical, effects of flash, etc. The habitual one underestimated to the page with the white bottom and the typical menu of connections sedately trundling in the left margin of the screen leaves cold to this hearing, obvious the people who have designed east Web site are not in their wavelength - these boys like a pile of whizz-bang in the pages that visit.
On the other hand, when one middle-aged lady in the Web goes to the good hunting of some set of dishes for the kitchen, it is not going to want jazz effects Flash, purple-black in color of styles, and a series of animated graphics making gymnastics in front of her eyes rheumy of age. It is well-known to have a wood to the monitor so that all the stop. Corporative users to wait for something that could necessarily not be “bellboys downwards”, but without a doubt something solid and professional who reflect positively in their businesses and is compared well with the competition. Personal pages want an emphasis in the personnel - the site must reflect the interests and the personality of the proprietor.
To attract its hearing Visually -
The key is here to know who is going to be through its page, and for the design of its needs and desires in mind. KISS the general norm is valid in the majority of the cases. If a picture does not need something -, an animated graphics, an animation Flash, DHTML a fantasy effect, does not use it. After all what they do not want uninterrupted a full page of interesting text blocks with a scheme of boring colors and sad graphs not to attract the attention of anybody. It uses everything moderately. It consequently maintains to his hearing in the mind and the design of his Web site.
Each image that moves or blinks indicates to its visitors for the attention of itself. Asegúrese of which one does not relax of his message. Whatever its place the reason of being, that it wants to represent an image that it transmits what its site is everything on, as well as the feelings that wish to implant in their public. It is not coincidence that the majority of the financial sites and graphical design of use of tactics to give to a security sensation and the stability. It does not matter what the stock market, of this site do not have his anxious pens. However, the extreme-hiper design of the site from the Nickelodeon and Cartoon Network to its sites resource chaptalisation of hearing of pre-adolescents and the adolescents, not can overstimulate that multitude. A site of sale of luxury of design of software is not going to use the same design like a site of sale of spare parts of automobiles! One will go of tones of color in the design, whereas the other uses a rough one and it last in looks for design.
A good designer of the Web will be able to design each one of the four sites, and others also. One does not forget, if you are designing a Web site for a company or business, that more likely the marks, logos, subjects of color, and other elements that must be included in their design. Color before says much of its company even of which the navigator reads the content of the Web site.
Appealing to multiple hearings
If it is trying to design a page that will be of interest for the middle-aged ones and that its hyperactivity, TV and addict Gamestation grandsons and granddaughters, next, you are going to have to make some concessions that could alienate both to hearings. It wishes if it, it can consider the refinement of its site to attract one more a limited hearing, or can even choose to mount separated pages with different approach from design for different hearings. In this case, it is possible to be done or to produce an introduction, or “door”, page with connections to the “whizz-bang” and “calm” the pages - the content can essentially be the same, but the style of radically different design.
Connections Options
And one does not forget than his public it uses to accede to his site. Everybody does not have a broadband connection or T1; most of the still cojea world with slowness throughout the connections of telephone access, or flounder in the network through a labyrinth of the networking. These people we thank for his to limit its use of the great ones, the slowness of load of graphs, or at least, that the miniatures that automatically load and to allow that it clicks for a greater (and slower of load) screen. It remembers. Graphs of JPG are generally greater than either. GIF or. PNGs (animations Flash, surprising, load with rapidity considering enough their complexity, but can slow down the page, in particular, an access through a telephone connection). Complex structures of the table can take a little in loading, also, especially if they are loaded of graphs. Low servants to cause slow unloadings, if its supplier cannot obtain its Web site at the speed, to change to which can.
Design for the World Wide Web is the intelligent balance between the graph of “wow” and the real time “now”.
“Elegance” is a term to describe to the good, clean favorite of Design Web, but what really it means he is until the interpretation of the designer and the user of the site. Actuallu is due to mean decent using a design, with chosen colors good and graphical of the options that not to insist on the view, but to induce the visitor to relax and to enjoy the content. It is the difference between being wooed more than a dinner with candles and is overloaded jugglings in the elevator!
What type of HTML If you choose?
Each page Web adjusts to a version of HTML (or XHTML, XML or even, although we do not go here to those), and is determined by the DOCTYPE (type of document) code. The line:
in the part superior of the page (over the initial label) one talks about to his bases in the majority of the cases. It supports many of the elements of the last version of HTML 4,01 Strict, supports style sheets to a large extent, but also he is compatible with the majority obsolete or have stopped being present of elements HTML, images, bonds objectives, and other attributes not allowed by book HTML 4.01. This type of document also maintains navigating majors like Netscape 4.x in the game. If you are the design of HTML to the last norms and/or the use of sophisticated style sheets and, next, this doctype:
“http://www.w3.org/TR/html4/strict.dtd “>
it must be used, but to be conscious that a great amount of older navigators will not show its page correctly. It is not possible either to be used marks unless version of this doctype uses the “marks”. It considers, also, that “transition” DOCTYPE Cito does not include the URL of a DTD or declaration of type of document. This must to that by means of a URL in element DOCTYPE it sends some navigators, including IE in strict way, defeating the intention of “transition” DOCTYPE.
By all means, you could simply naked slipping Cheek on the ice and the use doctype in his pages to all (does not only have to use the label), but that are not a good solution. The person who lets the navigator choose the way in which is the page, and although the majority of the navigators good to do against the situation, some jaw. In addition, she will have to acquire the custom to use an element DOCTYPE. If you do not know a DOCTYPE of a typewriter, uses “transition” DOCTYPE at the beginning of this section. If you know about diverse doctypes, or if the codification in XHTML and, next, to make its own election. The decision to use the “transition” doctype is safe and preservative, but certainly one is not updated election. If it wishes to make sure that its page Web is ready for modern navigation and will be compatible with the present and future standards Web, you will have to learn about CSS (Cascading Style Sheets), HTML 4,01 and XHTML.
< br/> Note: W3C Validator can be visited, to verify their document for the fulfillment of standards of the W3C, or the use of the acclaimed Dave Raggett programs HTML tidy, now project of open code.
< br/> Compatibility of the navigator
During the first days when the Web continues being a taboo between the inexperienced users of the Web of the developers of the pages designed with Netscape for Windows in account, because he was by far the most popular navigator in use, the design of the usuary site of Netscape/of PC is “sufficiently good” to satisfy the majority with the users, and it does not concern the rest. Nowadays the same lot that the designers of its pages for Windows and Internet Explorer, for the same reasons. This is where the lack of approach.
Million users of Windows continue using Netscape (or the one of abierto code of Mozilla). Many others use Operates. Some users of AOL are still, along with his trundling outside the navigating date of AOL, and some armor-piercing cores people still right of perpetual ownership by Lynx, the text navigator only (also there is surprising the great contingent of the users whom graphs maintain dull and of read only text). Then, there is WebTV to consider. And there are differences between the navigators of Mac and the navigator of Windows of the same name, not to mention the navigators of Mac Cyberdog, OmniWeb, Chimera, iCab, and others. There are for Linux the navigators like Konqueror, Operate for Linux, Mozilla for Linux, and others. According to the navigator in Evolt File, it has more than 100 navigators was used by somebody there and many of them are now obsolete. Why the attention designer Web? Because its page will not show the same from a navigator another one. The most fitted in the designer another one uses a method either, or of the side of the client or the side of the servant, to detect what the navigator of his visitor is using, and “he fits” the code that they send to that navigator. But you do not want or she cannot make something so astute, what can make to satisfy the needs with their visitors with their different options from the navigators?
Basically, the best thing is to be conscious of labels HTML and other characteristics and protocols that a support navigator and another no, and to avoid whenever it is possible: the famous “carp” and “blink” labels come to the mind, like iFrames, layers, Javascript, style sheets, plug-ins, DHTML, and others. Some of them, such as “to blink” labels and layers, are of length outside the date; others, as Javascript and DHTML are very present. If you make use of which is specific of the navigator, it selects a function that is not critical to its visitors the possibility of seeing its site: an example is pure the schemes of color for the bars of horizontal and vertical displacement that establishes the IE. The users of Netscape that finishes obtaining the plain gray-Jane bars, but do not make damage to them do not have the bars of displacement of color - he does not affect the way in which the site presents/displays its message and it is in charge of his content.
Page Characteristic of compatibility in all the navigators?
There are many characteristics of the page that is going to cause to problems for a navigator or another one. Forms come quickly to the mind, like the size of the text and size of screen. The form in which a connection code can be a problem: for example, the following connection will work in the majority of IE versions, since the navigating process the code, but the majority of the versions of Netscape report as a broken connection:
To go
Here
Why? Due to the spaces in target between “going” and “here”. IE will take care of him, but not of Netscape. If you want that Netscape or any other thing works in, it must write like so:
To go
If this it is your file, it goes by the one best one to change the name of file GOHERE.HTML and to avoid all the question.
Another example is the site that is seen well in IE, Netscape/Mozilla, Konqueror and even, unless the sources that make bad in the second. Konqueror the users must be able to solve the problem in their end rather easily clicking in “Zoom lens In” in the navigator. Its answer can be the remodeling of its page to a as good aspect as in Konqueror in the Windows/Mac navigating, or can let usuary of Konqueror handle they themselves to them. If you are working in an ample base hearing of the majority of the users of Mac and Windows, its better bet could sufficiently be well like leaving and only letting usuary of Konqueror handle it by themselves to them. If you have a great component of the users of Linux, perhaps she wants to solve the problem so that Konqueror the users do not have to take care of the question. It is his call, and its public.
Most compatible possible
Navigator of mutual incompatibility is a great problem, and one that is being fought with all the levels of the Internet. Meanwhile, you can face up for being conscious of the great variety of labels HTML that the work in a navigator but not in another one. You can decide if to use or not them extensions, plug-ins such as ActiveX, Javascript, and style sheets, that do not work well in older navigators (and iffy present in some navigators can be), but are even essential in modern codification HTML. You can decide if she wishes or not to use more updated, such as graphical. PNGs, that a day to become a standard of the Web, but so far does not work in older navigators.
Dirty express and to fix: it asegúrese of which its page sees in Internet Explorer, Netscape 4.x, Netscape well 6/Mozilla, and Operates - the unloading of these navigators to its machine means that and to prove its site in them (the majors to find Netscape navigators available for its unloading in File of Netscape). Characteristics as the use of style sheets, Javascript, DHTML and with moderation, if you use these characteristics for the elements critics of his page like a positioning system, his less to date with the visitors an alternative technologically more conservative. The specific navigator of code does not use and hope to his visitors without that navigator “to obtain more from him”, and skirt of the question with a coward “does not work better in navigator XXX” labels. It tries to take care of the needs of each one of the members of his public, and to be conscious that a site cannot be created that makes wonders for all everywhere!