Web programming
HTML ASP PHP resources
website design website designer design website
website design service
website designs
website designing website designers real estate website design website designing software website layout design design a website design websites website design company website design software
ecommerce website design
corporate website design professional website design

Flash website design

affordable webite design


design your own website

It is time to introduce some basic notions on Web site programming. We offer an introduction to the complex world of programming and its technologies, as a way of providing some guidance and for you to get to know the indispensable concepts in order to understand how a Web site is rounded off and works.

HTML / XHTML / CSS

Every Web site is done based on two mark-up languages, HTML or XHTML. A mark-up language is a computer language that allows for the structuring of the text in a Web site. A language of this type encodes a text, which means that, apart from the text itself, it includes marks or labels in which information about its structure is included. It is called mark-up language because it uses marks that indicate the way in which to organize the content of a Web site.

HTML

The most popular mark-up language when creating Web sites is HTML (HyperText Mark-up Language).

Labels are instructions on how to organize the data (text and images) and how to lay them out. These descriptions are written between triangular brackets <> in the content of the site itself. Most of these marks must, in turn, open and close in the corresponding part of the text. Thus, for instance, to indicate a new paragraph the following mark must be included: <P> the paragraph in question </P>. To close a label a bar is placed: /.

The main marks used in structuring a document are the following.

<HTML>

sets the beginning of the HTML document for the browser to interpret it and identify it as such.

<HEAD>

sets the head of the document, which includes the information about it that is not shown in the browser. The head contains the following marks:

cheap website design<TITLE> indicating the title.

designed websites<LINK> indicating style sheets (if the presentation is separate from the text).

<BODY>

indicates the body or main content of a document. Within the body there are other labels, such as:

business website design<H1> to <H6> indicates the title or headline, in different sizes (bigger or smaller).

designing a website<P> indicates a new paragraph.

website design templates<TABLE> indicates the presence of a table.

Florida website design<A> indicates that there is a link, inside or outside the Web site.

website design services<DIV> sets the beginning of a sector in the site.

graphic design websites<IMG> indicates the presence of an image.

website design and hosting<> indicates that the typography goes in italics.

webpage<b> indicates that the typography goes in bold.

It is worth mentioning that in many cases those using HTML for the creation of a Web site use introductory labels, such as those related to the typography. In the HTML itself the text is structured and the way in which it will be introduced before users: colours, backgrounds, alignment, typographies, body of fonts, etc. Nowadays, however, Web designers prefer to separate the structure of the text (paragraphs, titles, images, lists, hyperlinks, among other aspects) from its presentation, and that is why style sheets are applied, as we will explain later.

On the other hand, in order to create a Web site using HTML a text editor is required (he accepts texts without format), such as Notepad, WordPad, Text pad or GNU Emacs, or special programs to edit HTML, such as Adobe Dreamweaver or Microsoft FrontPage. These two programs allow for the creation of Web sites called WYSIWYG, What You See Is What You Get, editors. Unlike text editors, these programs enable users to see what they are doing while editing with HTML.

XHTML

The mark-up language XHTML (Extensible HyperText Mark-up Language) re states the HTML, seeks to turn it into the standard that replaces it in doing Web sites. This language is used only to structure the information of a document, rather than to include instructions on the presentation and visualization. XHTML follows the trend laid by the W3C (World Wide Web Consortium, an organization that controls Internet standards), according to which it is necessary to separate the text from the way it is presented, as a way of making sites more accessible.

Therefore, graphic design aspects are included in the so-called style sheets, created, for instance, in CSS language (Cascading Style Sheets). In this way, the very same text may have different styles for different devices: computers, PDAs, cellular phones, speech synthesizers, printers, etc. This increases accessibility to sites, thinking of accessibility as how easy it is for a device to be accessed by every person, specially those with diverse disabilities, given that a Web site in which the text and presentation are separate can be read by a loud voice reading device or by the Braille reading device in a simpler way. Besides, the same text may have several designs even when in the same means.

Most people interpret XHTML language in the browser’s last version (Opera, Mozilla Firefox, Netscape, among others) although older versions interpret XHTML as HTML. A major stumbling block in the common use of XHTML is the fact that Internet Explorer (Microsoft) does not read it. However, given that XHTML answers thoroughly to the standard mentioned by the W3C, it continues spreading.

Some differences posed by XHTML with respect to HTML are the following: all labels must be closed, lower cased and inverted commas must be used for attributes. Besides, images must always take the a descriptive text, also to increase site accessibility.

webpage design

CSS

CSS (Cascading Style Sheets) is one of the most commonly used style languages. Style sheets, as we have already explained, are instructions related to the visual presentation of content. In general, they are an attached file or a text file, given that although they may include an HTML file, it is less functional.

CSS language is used in the presentation of written documents in HTML or XHTML. It allows for the specification of the way in which part of the text will be shown – colour, font, body, line-up, background, tone of voice, etc. CSS is organized in layers that coincide with text divisions in HTML. Each layer has particular directions. CSS comprises these features: fonts; colours and background; text (line-up, word space); box (margin, border, filling): classification (lists, visualization).

The benefits of using this language style are several. On the one hand, the updating of both contents and graphic aspects is simpler if the text and presentation are separate. Modifications of, for instance, colour, background and typography can be done easily. On the other hand, the level of accessibility is greater, given that users may shape the style sheet of a Web site suiting their needs. Therefore, blind people may use a speech synthesizer or Braille system easily, given that these devices work better if the text and visual presentation are separate.

The Web site may also have different style sheets, one for each type of device (computer, cellular phone, printer, etc). Lastly, by using CSS or other style, the HTML file will have a smaller size and navigators will be able to read a Web site far more easily.

website design firmStatic Web site.

A static Web site is the one that neither changes its content frequently, nor shows animations or interacts with users. This is why this sort of site is called static. A Web site based only on HTML and XHTML is static. In this case updates are done (generally a Web designer), sporadically (given that introducing changes entails reloading the site), through a text editor or a WYSIWYG editor.

Static Web sites have, as every site, a nominal address (URL) with which users look for it trough their browser. You may ask yourself which is the way in which you get to see a Web site. Well, the browser requests for a site to a Web server (the request is called http, that is to say HyperText Transfer Protocol) through their address (URL), the server sends the browser the HTML or XHTML pertaining code, and this undertakes to interpret said code and permits users visualize the site on the screen.

website designer Dynamic Web site

Now you will know why is it that nowadays, dynamic Web sites are the most popular ones. A dynamic site may have animations, sound, videos, interactivity, forums, surveys, chat, personalization and constant updating of information. The content – text, images, forms and charts- may vary in different contexts and before different users. There are different technologies to make a Web site dynamic: Flash, JavaScript, ASP, ASP.NET, Perl and PHP are among the most commonly used.

The dynamism of a Web site may be in its presentation or visual aspect, in its information loading capacity, or in both elements. In the first case technologies such as Flash or JavaScript are used to add sound, videos, changing texts and animations to sites done in HTML. These two languages, like HTML and XHTML are called “Client-side”, given that they are interpreted by the receiving computer rather than by the site server. This means that for the user to have access to a dynamic Web site its browser must be able to read Flash or JavaScript, otherwise, he will not be able to visualize the site appropriately. When the user writes the address of a site of these characteristics, he does so through a browser, the site server receives the request and sends a code to be interpreted by the browser. Problems may come up if the browser does not take Flash or JavaScript.

In the second case, when dynamism of a Web site stems from the information loading capacity, the site is usually created through Server-side languages: ASP, ASP. Net, PHP and Perl, for instance. Web sites created in this way may also include presentations in Flash and JavaScript. These types of languages are those by which the site server rather than the user’s browser executes the document in HTML or XHTML. This type of dynamic Web sites has the ability to constantly update the information in a very simple way.

We present a short description of the main technologies used in creating dynamic Web sites:

Flash

Flash is an Adobe multimedia program used when creating animated presentations. It is a client-side application read by the most common browsers. Animations are done based on vectors and images based, in turn, on pixels (called “raster graphics”) and may include audio and video. This program is among the most commonly used in adding animation and interactivity to Web sites.

JavaScript

JavaScript is a programming language used to create Web sites with dynamic presentations. It is also a client-side presentation, given that the user’s browser is the one that interprets and executes the JavaScript language, that is, its instructions. This means that if the browser does not read this language the user will not be able to visualize the dynamic presentations of a Web site. Anyway, most common browsers, such as Internet Explorer or

Netscape (particularly in their last versions), read JavaScript without problem.

This language makes possible the creation of sites with special effects, elements with movement and colour changes, sound as well as interactive sites with spreadsheets, personalization, agendas, calculators and other ways of communication with the user. JavaScript language is quite user friendly. Instructions are usually included in the HTML document, labelled <script>.

ASP/ASP NET

ASP (Active Server Pages) is a Microsoft server-side programming language, with which dynamic Web sites are created. They are generally sold with the ISS server (Internet Information Server). Traditional ASP is the name given to versions 1.0, 2.0 and 3.0, that is to say those prior to the ASP.NET. When creating sites with this language HTML is combined with ASP instructions. Flash and JavaScript technologies can also be used with ASP and HTML.

Since 2002 Microsoft has launched ASP.NET language into the market. This language is more ordered than ASP, given that the content of a site is separate from its dynamic behaviour. On the other hand, a limitation of ASP and ASP.NET is that this language can only be executed by the Windows operating system.

PHP

We are now dealing with a programming language used in the creation of dynamic Web sites. Its name derives from PHP Hypertext Pre-Processor, and PHP, in turn, means Personal Home Page. The PHP code is included in HTML, with special labels. It is a server-side technology, given that it decodes and executes the PHP code of a dynamic site. The browser merely gets the execution. The following are some of its main advantages:

Web programmingIt is a language that can be executed in different operating systems (Linux, Windows and Macintosh) and most common servers.

HTMLIt can program sites with dynamic contents, combining it with the chief data base servers, such as MySQL. In this way sites developed with PHP not only present great dynamism but also excellent data management. This is why this language is ideal when creating catalogue Web sites.

ASPIt is a free language and therefore accessible to every person.

Perl

Perl is a programming language that is nowadays used in designing Web sites, but it was originally used to process text. Its name means Practical Extraction and Report Language. It is a user friendly and very efficient language, it has an excellent text processing system. This language is also server-side application and, on the other hand, it can be executed by the Linux operating system.


PHP

Check our friends' websites

resources

American Web Design Service

website design

Company website design

website designer

design a company website

design website

Web design

website design service

website design

website designs

website designing

WebSite Design | Web Design Importance | Graphic Design | Web Development | Navigability | SEO | Contact Web Designers

Links

website designers

Logo design and website design by Log Technology