Typography

At the time of making web pages, typography is one of the key factors to be taken into account for the visual design. This element is the graphic format fonts will of our pages, ie the physical form of the letters.

Color coding

It will be very important to define several styles that frame font initial each of the textual elements of our pages. That is, we have to establish a textual format for each component, as the texts of the buttons and menus, titles, subtitles, text bodies, forms, links, images and texts of advertising texts (a sometimes it can be the same format for multiple items). For each of them, we have to define its size, its color, if you take shadow or not, their spacing, alignment relative to the page, and other properties. In short, we will have to establish a visual style typefaces of each individual text components of the page. Much will have to do well in this respect the choices made above, as the goal, the colors and we want to give guidance to the page. For example, if the site is dedicated to publicizing and offering the services of a company, the fonts have to be formal or traditional look and naturally blend with the colors and shapes on the page.
Although on a website we have the possibility of imposing a style by any source that we have installed in our system, we must consider that the HTML language recognizes only five typefaces standard formats, so it is always going to agree to use one of these variants to our texts. These families are Arial, Courier, Verdana, Times and Georgia. If we want to include a font that is outside of these parameters, we have to install it on our web server and

The graphics

The design goal is to create a particular element that expresses something. A final product often called the graphics (mainly in print contexts). We must know that as developers and designers of our own sites, using these graphical components not only have to create shapes, but also convey ideas, concepts, feelings.
tell the browser using the source code from the source, which we will see in detail below. Another solution to this limitation may be to include certain text content through images, where we can write with any font installed on our computer.

Macromedia fireworks

In the preceding pages we have begun to know the graphic elements that can contain a website and we have acquired the necessary theoretical knowledge for inclusion on our sites. From now on, we begin to analyze the practice area of visual content management, ie managing, creating, editing and optimizing images for our website. As noted above, the program will use for this purpose is Macromedia Fireworks in its most recent 8.0. Macromedia Fireworks is a complete graphic and web design that we can use to create, edit and animate graphics, include them different advanced elements for interactivity with the user and also optimize all kinds of photos and images, apply various effects and filters to optimum viewing.