Web Design

Web Design or Web Design definition is kind of graphic design intended for development and styling of objects to provide Internet information environment with high-end consumer features and aesthetic qualities. Definition offered separates web design from web programming, emphasizing the functional features of a web site, as well as the position of web design as a kind of graphic design.

The purpose of web design is to create a web site or electronic documents and applications that reside on a web server and display the content and features interactive interface to the end user in the form of Web pages. Elements like text, image (gif, jpeg) to be placed on the page using HTML / XHTML / XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time and others. Plug-ins are also incorporated into the web page by using HTML / XHTML tags.
Improvements in accordance with W3C standards prompted a browser widespread acceptance and usage of XHTML / XML with Cascading Style Sheets (CSS) to position and manipulate web page elements and objects. The ability of the browser to deliver a variety of content and accessibility options to the client without using plug-ins.
With growing specialization in the information technology field there is a strong tendency to distinguish between web design (web design) and web development (web development).

Function website

Website has a variety of functions, depending on the destination and the type of website that is built, but the outline can serve as:

 Media Promotion:
As a media campaign can be divided into major media campaign, for example, a website that serves as a search engine or online store, or as supporting major promotion, but the website may contain information that is more complete than offline promotional media such as newspapers or magazines
 Media Marketing:
In the online shop or system affiliation, the website is a marketing medium that is quite good, as compared to the store as in the real world, to build an online store yangr capital required is relatively smaller, and can operate 24 hours, although the website owner’s resting place or are not , and can be accessed from anywhere.
 Media Information:
Website portal and a radio or tv online provides information that is global because it can be accessed from anywhere over the internet can be connected to, so as to reach a wider than conventional information media such as newspapers, magazines, radio or television that is local.
 Media Education:
There is a special website building community or article contains information that is loaded with scientific information such as wikipedia.
 Media Communications:
Now there are many websites that are built specifically to communicate as a forum to provide facilities for its members to share information or help solving a particular problem.

Things that exist on the Web

1. The Internet is a network that can connect multiple local networks that exist in an area / town, or even in a country.

2. TCP / IP is the protocol that identifies a computer connected. in a TCP / IP network has a technique to identify the numbering using the so-called IP address. using these numbers a computer can terhung with other computers on a network or the global network or internet

3. Protocol is a media that in order to standardize access within a network.

4. Address is the address associated with the naming of a computer on the network.

5. HTML is a scripting language which can produce web pages so that the page can be accessed at any Client.

6. URL (Uniform Resource Locator) that is associated with the name of the computer owner of an agency.

7. Web browser is an application untulk open a web page. (Such as: opera, mozilla, etc.)

8. http is the protocol used to obtain information on the www server.

9. FTP is a protocol used to obtain information on the HTTP server

10. WWW or often called the World Wide Web (World Wide Network) is a part of the internet which is very well known in the internet world. with the www, a user can display a virtual page that is called by the web site.

11. Layer OSI (Open Systems Interconnection) is a conceptual model composed of seven layers, each layer that has a different function. This model is also known as the seven-layer OSI Model (OSI seven layer model).

12. Home Page is the starting page when we open a web browser.

Layout Design Web / Blog interesting with CSS

CSS (Cascade Style Sheet) used by web designers to set the style elements together in a web, ranging from making layouts, adjust colors, fonts, text, and much more. CSS development itself fairly quickly, beginning in 1996 launched CSS, CSS2 introduced later in the year 1998, then in 2000 to the present we are familiar with CSS3. Unfortunately at the moment only CSS2 is still supported by most web browsers are CSS3 only partially supported web browsers.
Div Division stands which means an HTML tag to make a particular section or group with the aim of classifying an HTML file into several parts according to its place in order to facilitate the pememberian style in every part. Examples of writing <div> …. </ div>
In making web layout / blog, a very important thing to note is the theme of the web / blog itself, so that we can customize the theme and zoom. In general, a web index consists of: wrapper (entire contents), header, menu, sidebar, content, and footer.

Rework index.html page

Index.html page in Dreamweaver CS4 result is not maximized, you have to do some re-processing.
Alignment Set the Page Layout

By the time you open the index.html page, the resulting layout of your web pages have not been in the middle of the page. To set the alignment of the page layout, you must use a CSS style. As described previously, that Dreamweaver CS4 uses CSS styles to format the majority of web page elements.

For more details, follow the steps below:

1. Make sure you have an open index.html page, see the zoom on the browser window by pressing F12 on the keyboard.

2. Open the CSS Styles panel and activate tabulation ALL Click the New CSS Rule ^ at the very bottom of the panel to create a new CSS style.

3. Next will perform the New CSS Rule dialog box to create a new CSS style names.

4. Determine the type selector to your CSS style in the Selector type.

– Class, style can be applied to any HTML element as the class attribute.

– ID, the style used to format a tag that contains a specific ID.

– Tag, the style used to format a specific HTML tag.

– Compound, used to mix code that affects two or more classes, tags, and ID together.

5. Choose a type selector with ID. Type a name for your CSS style ID in the Choose box or enter a name for your selector, for example type layout_tengah. Then press OK.

6. Next will appear the CSS Rule Definition dialog box for # layout “middle ….

7. In the CSS Rule Definition dialog box for # layout_tengah …. that appears, you are asked to set the property to be used in your CSS style. For example you will set your page layout to be flat middle.

8. Enable Block category, click on the drop down text-align, then select Center from the list displayed flattening. Then click the OK button.

9. Note that the results in the CSS Styles panel, at the very bottom of the list to add a CSS style name # layout_tengah bam.

10. To use this style on a web page, select the first element to be formatted web.

11. Click the mouse pointer on the web page. untuk memilih bingkai layout halaman.”>In the Tag Selector, click <div#FWTableContainer16 option> to select the page layout frame.

12. Turn back the CSS Styles panel, then right-click on the name of the CSS style # layout_tengah, select Apply from the pop-up menu that appears

13. Then the main layout of your page will be formatted in the middle of the page. Save the changes with Ctrl + S menakan, see the results in a browser window by pressing F12 on the keyboard.

Changing the Page Title

When first opened, the file index.html you use headings according to the name of your file. For example, because the file you named index.png when exported, then automatically your index.html page has a title index.jpg.

In order for your web page title is displayed in accordance with the content, you have to change the title of the web page.

Here are the steps to change the title of the web page:

1. Select the Modify menu ► Page Properties, or click the Page Properties button in the Properties panel.

2. In the Page Properties dialog box that appears, choose the category Title / Encoding.

3. Type the title of your web page in the Title box, type the example Madcoms Creative Team Official Website.

4. In addition to using the steps above, you can also directly type in the web page title in the Title box in the Document toolbar row.

5. Save the index.html page, and see the results in a browser window by pressing F12 on the keyboard.