| WEB TEMPLATES | | | | Web page is the main type of (and a referential for) |
| A web template is a tool used to separate content | | | | web document. |
| from presentation on the web design, and to the | | | | WEB TEMPLATES SYSTEM |
| massive production of web documents. It runs in the | | | | A web template system is a kind of "View |
| context of a template system. | | | | subsystem" in a Model-View-Controller (MVC or |
| Websites often require regular content updates, and | | | | similar) design pattern, to separate presentation from |
| standardization of appearance. A news website, for | | | | content, on web document production. A web |
| example, needs to be daily updated. Each news item | | | | template system is characterized by: |
| will be contextualized by a standard presentation | | | | 1. Template engine: the software, it processes input, |
| (page layout, structure, etc.). A typical strategy to | | | | transforming into web document. It have two typical |
| automate this standardization is: | | | | entities on input:a) Web template: a recipe with web |
| 1. choose a web template system to maintain the | | | | document fragments, to transform content into web |
| website; | | | | documents.b) Content resource: a input supplier, like a |
| 2. specify the "presentation standards" through web | | | | SQL database or a XML file. |
| templates; | | | | 2. Template language standards: the language of the |
| 3. specify and update the content on a database. | | | | recipe. |
| WEB DESIGN | | | | Websites often require regular content updates, and |
| Web design is the design of web pages, websites | | | | standardization of appearance. |
| and web applications using HTML, CSS, images, and | | | | A news website, for example, needs to be daily |
| other media. | | | | updated. Each news item will be contextualized by a |
| Web design is part of starting a website (web | | | | standard presentation (page layout, structure, etc.). A |
| development) which can include web server | | | | typical strategy to automate this standardization is: |
| configuration, writing web applications and server | | | | 1. choose a web template system to maintain the |
| security. | | | | website; |
| A website is a collection of information about a | | | | 2. group news items into sets, with different |
| particular topic or subject. Designing a website is | | | | presentation needs; |
| defined as the arrangement and creation of web | | | | 3. specify the "presentation standards" through web |
| pages that in turn make up a website. A web page | | | | templates, for each set of news; |
| consists of information for which the website is | | | | 4. specify a content resource to generate or update |
| developed. For example, a website might be | | | | the content of each news item. |
| compared to a book, where each page of the book | | | | The idea behind the "template method" is to |
| is a web page. | | | | separate content (data) from presentation (data |
| A website typically consists of text and images. The | | | | representation), and to separate business-logic from |
| first page of a website is known as the Home page | | | | presentation-logic. It have many advantages in using: |
| or Index. Some websites use what is commonly | | | | 1. Ease of design change |
| called an Enter Page. Enter pages might include a | | | | 2. Ease of interface localization |
| welcome message, language/region selection, or | | | | 3. Possibility to work separately on design and code |
| disclaimer. Each web page within a website is an | | | | by different people at one and the same time |
| HTML file which has its own URL. After each web | | | | 4. Etc. |
| page is created, they are typically linked together | | | | PAGE LAYOUT |
| using a navigation menu composed of hyperlinks. | | | | Page layout is the part of graphic design that deals in |
| Once a website is completed, it must be published or | | | | the arrangement and style treatment of elements |
| uploaded in order to be viewable to the public over | | | | (content) on a page. Beginning from early illuminated |
| the internet. This is done using an FTP client. Once | | | | pages in hand-copied books of the Middle Ages and |
| published, the webmaster may use a variety of | | | | proceeding down to intricate modern magazine and |
| techniques to increase the traffic, or hits, that the | | | | catalog layouts, proper page design has long been a |
| website receives. This may include submitting the | | | | consideration in printed material. With print media, |
| website to a search engine such as Google or Yahoo, | | | | elements usually consist of type (text), images |
| exchanging links with other websites, creating | | | | (pictures), and occasionally place-holder graphics for |
| affiliations with similar websites, etc. | | | | elements that are not printed with ink such as die |
| A relatively new technique for creating websites | | | | laser cutting, foil stamping or blind embossing. |
| called Remote Scripting has allowed more dynamic | | | | Since the advent of personal computing, page layout |
| use of the web without the use of Flash or other | | | | skills have expanded to electronic media as well as |
| specialized plug-ins. Leading the various techniques is | | | | print media. The electronic page is better known as a |
| Ajax, although other methods are still common, as | | | | (GUI) graphical user interface. Page layout for |
| Ajax is not a fully developed standard. | | | | interactive media overlaps with (and is often called) |
| WEB PAGES | | | | interface design. This usually includes GUI elements |
| A web page or webpage is a resource of information | | | | and multimedia in addition to text and still images. |
| that is suitable for the World Wide Web and can be | | | | Interactivity takes page layout skills from planning |
| accessed through a web browser. This information is | | | | attraction and eye flow to the next level of planning |
| usually in HTML or XHTML format, and may provide | | | | user experience in collaboration with software |
| navigation to other web pages via hypertext links. | | | | engineers and creative directors. |
| Web pages may be retrieved from a local computer | | | | A page layout can be designed in a rough paper and |
| or from a remote web server. The web server may | | | | pencil sketch before producing, or produced during |
| restrict pages to a private network, e.g. a corporate | | | | the design process to the final form. Both design and |
| intranet, or it may publish pages on the World Wide | | | | production can be achieved using hand tools or page |
| Web. Web pages are requested and served from | | | | layout software. Producing the most popular |
| web servers using Hypertext Transfer Protocol | | | | electronic page (the web page) may require |
| (HTTP). | | | | knowledge of markup languages along with |
| Web pages may consist of files of static text within | | | | WYSIWYG editors to compensate for incompatibility |
| the web server's file system (static web pages), or | | | | between platforms. Special considerations must be |
| the web server may read files of computer code | | | | made for how the layout of an HTML page will |
| that instruct it how to construct the (X)HTML for | | | | change (reflow) when resized by the end-user. |
| each web page when it is requested by a browser | | | | cascading style sheets are often required to keep |
| (dynamic web pages). | | | | the page layout consistent between web browsers. |