Web Designing

Welcome to my web designing blogpost. This blog is intended for young people who to create simple and easy website using HTML codes, XML codes, PHP and my sql servers. Also availabe is free web hosting sites that gives you access to a web site free.

Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

Web design is a kind of graphic design intended for development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities. The offered definition separates web design from web programming, emphasizing the functional features of a web site, as well as positioning web design as a kind of graphic design.(source: Denis Borodayev. Web site as a Graphic Design Object. Monograph.

The process of designing web pages, web sites, web applications or multimedia for the Web may utilize multiple disciplines, such as animation, authoring, communication design, corporate identity, graphic design, human-computer interaction, information architecture, interaction design, marketing, photography, search engine optimization and typography.

* Markup languages (such as HTML, XHTML and XML)

* Style sheet languages (such as CSS and XSL)

* Client-side scripting (such as JavaScript)

* Server-side scripting (such as PHP and ASP)

* Database technologies (such as MySQL and PostgreSQL)

* Multimedia technologies (such as Flash and Silverlight)

Web pages and web sites can be static pages, or can be programmed to be dynamic pages that automatically adapt content or visual appearance depending on a variety of factors, such as input from the end-user, input from the Webmaster or changes in the computing environment (such as the site's associated database having been modified).

With growing specialization within communication design and information technology fields, there is a strong tendency to draw a clear line between web design specifically for web pages and web development for the overall logistics of all web-based services.

HTML, which stands for Hyper Text Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists etc as well as for links, quotes, and other items. It allows images and objects to be embedded and can be used to create interactive forms. It is written in the form of HTML elements consisting of "tags" surrounded by angle brackets within the web page content. It can include or can load scripts in languages such as JavaScript which affect the behavior of HTML processors like Web browsers; and Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both HTML and CSS standards, encourages the use of CSS over explicit presentational markup.[1]

Hyper Text Markup Language (HTML) is the encoding scheme used to create and format a web document. A user need not be an expert programmer to make use of HTML for creating hypertext documents that can be put on the internet.

XML (Extensible Markup Language) is a set of rules for encoding documents electronically. It is defined in the XML 1.0 Specification produced by the W3C and several other related specifications; all are fee-free open standards.[1]

XML’s design goals emphasize simplicity, generality, and usability over the Internet.[2] It is a textual data format, with strong support via Unicode for the languages of the world. Although XML’s design focuses on documents, it is widely used for the representation of arbitrary data structures, for example in web services.

There are a variety of programming interfaces which software developers may use to access XML data, and several schema systems designed to aid in the definition of XML-based languages.

I will show you how to create a simple working site using either HTML or XML.

Here are some lessons for designing website with HTML Code

In writing HTML codes, Tags are used to define the structure of an HTML document, while some of them are used to contain references to other files such as text, sound and video files.

Attributes on the other hand are used to provide extra information about the tags e.g. Align text, Bold etc.

THE STRUCTURE TAGS

The structure tags are used to provide the important information regarding the document, such as the version of HTML used the title and the introduction to the document, to the Web Browsers.

Components of the HTML Code

HTML syntax describes how a web browser recognizes and interprets the instructions contained in a tag. The control characters that separate the tags from ordinary text are a pair of the angle bracket <>. The special instructions enclosed inside the angle bracket are known as Tags. The tags are case insensitive.

Angle Bracket (<>): - They separate the HTML tags from the ordinary text.

Tag Name: all the tags have names. These names, when used enclosed within the angle brackets in a document, mark the inclusion of that tag in the document.

Attribute Name: we sometimes have to include attributes with the HTML tags to add some special feature to them. For example the Align attribute, when associated with the heading tag, let us align the heading according to our suitability.

Value: some of the attributes requires the inclusion of a value along with them. For example, when we include the ALIGN attribute with the heading tag, we also have to specify where to align the heading. If we specify the value to be “centered”, the heading would be aligned to the center of the left and right indents.

Text: this is the content of the document, whose appearance is decided by the tags we apply to different portion of this text.

Getting Started with HTML

In the following section we will learn to create our own web page using the HYPER TEXT MARKUP LANGUAGE (HTML). Thus we will be able to contribute to the World Wide Web.

HTML code can be typed within any of the World Processor packages or word or Notepad. In this lesson we will be using Notepad application.

How to Open Notepad

Click on the start button on the taskbar

On the pop-up menu of start, point the mouse to programs,

On the programs sub-menu, point to Accessories, on the sub menu that will appear, click on Notepad to load the program.

Writing the Code

Because Notepad is word processing package, before designing a web site with using HTML code, the following should be done.

Click on the file menu in the menu bar.

Click on save option in the list that appears.

Double-click the folder unto which you want to save the document e.g my document.

Enter a name for the document in the file name box. No space is allowed for a web page and ensure to enter the name with .html or .htm extension.

Click on the save button.

Let us now study the following types of tags and enclose your text within the relevant tags.

Head Elements

There are some basic HTML tags that should be added to every web page of a web site. Such elements are known as head elements these tags include the HTML, Head, Title and Body tags. Let us study about them and their syntax:

HTML Tags

The document enclosed within the HTML tags is identified as a web page

Type .

Press the enter key thrice from the keyboard

Type to close the tag.

N:B All web pages must be enclosed within the HTML tag.

HEAD Tags

The head tags are used to store information about the web page.

Type exactly below the html tag above.

Press the enter key twice

N:B It is not necessary to include the HEAD tags in a web page but including them makes for a proper code.

TITLE Tags

The title tags are used to enter a Title for the web page. The title can contain any alphabet or number.

Type after the title you typed.

Body Tags

All the contents of the web page (except the title) should be enclosed with the Body tags.

Type exactly below the title tag.

Type the whole content of the web page as desired.

Type to close the body tag after typing the whole content of the web page. Coming ….
You can check the following site for more information: www.webdesignfromscratch.com
 www.how-to-build-websites.com, www.godaddy.com, www.killersites.com