Luko 2.0

May 31, 2010

Basic Types and Requirements for Web Designing: Given by Pseudo Technology

Filed under: Tips and Trick,Web Design — Tags: , , , , , , , , , , — admin @ 10:14 pm

Web site design crosses multiple disciplines of information systems, information technology and communication design. The web site is an information system whose components are sometimes classified as front-end and back-end. The observable content (e.g. page layout, user interface, graphics, text and audio) is known as the front-end. The back-end comprises the organization and efficiency of the source code, invisible scripted functions, and the server-side components that process the output from the front-end. Depending on the size of a Web development project, it may be carried out by a multi-skilled individual (sometimes called a web master), or a project manager may oversee collaborative design between group members with specialized skills.

Multidisciplinary requirements:

Issues: As in collaborative designs, there are conflicts between differing goals and methods of web site designs. These are a few of the ongoing ones.

1. Lack of collaboration in designIn the early stages of the web, there wasn’t as much collaboration between web designing and larger advertising campaigns, customer transactions, social networking, intranets and extranets as there is now. Web pages were mainly static online brochures disconnected from the larger projects. Many web pages are still disconnected from larger projects. Special design considerations are necessary for use within these larger projects. These design considerations are often overlooked, especially in cases where there is a lack of leadership, lack of understanding of why and technical knowledge of how to integrate, or lack of concern for the larger project in order to facilitate collaboration. This often results in unhealthy competition or compromise between departments, and less than optimal use of web pages.

2. Liquid versus fixed layoutsOn the web the designer has no control over several factors, including the size of the browser window, the web browser used, the input devices used (mouse, touch screen, voice command, text, cell phone number pad, etc.) and the size and characteristics of available fonts. Some designers choose to control the appearance of the elements on the screen by using specific width designations. This control may be achieved through the use of a HTML table-based design or a more semantic div-based design through the use of CSS. Whenever the text, images, and layout of a design do not change as the browser changes, this is referred to as a fixed width design. Proponents of fixed width design prefer precise control over the layout of a site and the precision placement of objects on the page. Other designers choose a liquid design. A liquid design is one where the web designing moves to flow content into the whole screen, or a portion of the screen, no matter what the size of the browser window. Proponents of liquid design prefe greater compatibility and using the screen space available. Liquid design can be achieved through the use of CSS, by avoiding styling the page altogether, or by using HTML tables (or more semantic divs) set to a percentage of the page. Both liquid and fixed design developers must make decisions about how the design should degrade on higher and lower screen resolutions. Sometimes the pragmatic choice is made to flow the web designing between a minimum and a maximum width. This allows the designer to avoid coding for the browser choices making up The Long Tail, while still using all available screen space. Depending on the purpose of the content, a web designer may decide to use either fixed or liquid layouts on a case-by-case basis. Similar to liquid layout is the optional fit to window feature with Adobe Flash content. This is a fixed layout that optimally scales the content of the page without changing the arrangement or text wrapping when the browser is resized.

3. Flash.Adobe Flash (formerly Macromedia Flash) is a proprietary, robust graphics animation or application development program used to create and deliver dynamic content, media (such as sound and video), and interactive applications over the web via the browser. Adobe Flash is today widely used in Web Designing. Flash is not a standard produced by a vendor-neutral standards organization like most of the core protocols and formats on the Internet. Flash is much more restrictive than the open HTML format, though, requiring a proprietary plug-in to be seen, and it does not integrate with most web browser UI features like the “Back” button.According to a study, [1] 98% of US Web users have the Flash Player installed. [2] Numbers vary depending on the detection scheme and research demographics. [3] Many graphic artists use Flash because it gives them exact control over every part of the design, and anything can be animated and generally “jazzed up”. Some application designers enjoy Flash because it lets them create applications that do not have to be refreshed or go to a new web page every time an action occurs.

Pseudo Technology is India’s most reliable software solution provider for website promotion, payment gateway, multi-level marketing, software development and outsourcing. To know more about html web designing, web designing india, web designing delhi, web designing, designing web sites, you can visit http://www.pseudotechnology.com

May 28, 2010

Basic Layout and Requirements for Web Designing: by Pseudo Technology

Filed under: Articles,Web Design — Tags: , , , , , , , , — admin @ 3:01 am

CSS versus tables for layout:

When Netscape Navigator 4 dominated the browser market, the popular solution available for designers to lay out a Web page was by using tables. Often even simple web designing for a page would require dozens of tables nested in each other. Many web templates in Dreamweaver and other WYSIWYG editors still use this technique today. Navigator 4 didn’t support CSS to a useful degree, so it simply wasn’t used. After the browser wars subsided, and the dominant browsers such as Internet Explorer became more W3C compliant, designers started turning toward CSS as an alternate means of laying out their pages. CSS proponents say that tables should be used only for tabular data, not for layout. Using CSS instead of tables also returns HTML to a semantic markup, which helps bots and search engines understand what’s going on in a web page. All modern Web browsers support CSS with different degrees of limitations. However, one of the main points against CSS is that by relying on it exclusively, control is essentially relinquished as each browser has its own quirks which result in a slightly different page display. This is especially a problem as not every browser supports the same subset of CSS rules. For designers who are used to table-based layouts, developing Web sites in CSS often becomes a matter of trying to replicate what can be done with tables, leading some to find CSS design rather cumbersome due to lack of familiarity. For example, at one time it was rather difficult to produce certain design elements, such as vertical positioning, and full-length footers in a web designing using absolute positions. With the abundance of CSS resources available online today, though, web designing with reasonable adherence to ,;;’ standards involves little more than applying CSS 2.1 or CSS 3 to properly structured markup. These days most modern browsers have solved most of these quirks in CSS rendering and this has made many different CSS layouts possible. However, some people continue to use old browsers, and designers need to keep this in mind, and allow for graceful degrading of pages in older browsers. Most notable among these old browsers are Internet Explorer 5 and 5.5, which, according to some web designers, are becoming the new Netscape Navigator 4 – a block that holds the World Wide Web back from converting to CSS design. However, the W3 Consortium has made CSS in combination with XHTML the standard for web designing.

Form versus Function:

Some web developers have a graphic arts background and may pay more attention to how a page looks than considering other issues such as how visitors are going to find the page via a search engine. Some might rely more on advertising than search engines to attract visitors to the site. On the other side of the issue, search engine optimization consultants (SEOs) are concerned with how well a web site works technically and textually: how much traffic it generates via search engines, and how many sales it makes, assuming looks don’t contribute to the sales. As a result, the designers and SEOs often end up in disputes where the designer wants more ‘pretty’ graphics, and the SEO wants lots of ‘ugly’ keyword-rich text, bullet lists, and text links. One could argue that this is a false dichotomy due to the possibility that a web designing may integrate the two disciplines for a collaborative and synergistic solution. Because some graphics serve communication purposes in addition to aesthetics, how well a site works may depend on the graphic designer’s visual communication ideas as well as the SEO considerations. Another problem when using a lot of graphics on a page is that download times can be greatly lengthened, often irritating the user. This has become less of a problem as the internet has evolved with high-speed internet and the use of vector graphics. This is an engineering challenge to increase bandwidth in addition to an artistic challenge to minimize graphics and graphic file sizes. This is an on-going challenge as increased bandwidth invites increased amounts of content.

Accessible Web design:

Main article:

Web accessibilityTo be accessible, web pages and sites must conform to certain accessibility principles. These can be grouped into the following main areas:use semantic markup that provides a meaningful structure to the document (i.e. web page)Semantic markup also refers to semantically organizing the web page structure and publishing web services description accordingly so that they can be recognized by other web services on different web pages. Standards for semantic web are set by IEEE-use a valid markup language that conforms to a published DTD or Schema-provide text equivalents for any non-text components (e.g. images, multimedia)-use hyperlinks that make sense when read out of context. (e.g. avoid “Click Here.”)-don’t use frames-use CSS rather than HTML Tables for layout.-author the page so that when the source code is read line-by-line by user agents (such as a screen readers) it remains intelligible. (Using tables for web designing will often result in information that is not.)However, W3C permits an exception where tables for layout either make sense when linearized or an alternate version (perhaps linearized) is made available.Website accessibility is also changing as it is impacted by Content Management Systems that allow changes to be made to webpages without the need of obtaining programming language knowledge.

Pseudo Technology is India’s most reliable software solution provider for website promotion, payment gateway, multi-level marketing, software development and outsourcing. To know more about html web designing, web designing india, web designing delhi, web designing, designing web sites, you can visit http://www.pseudotechnology.com

May 1, 2010

Basic Web Design – What You Should Know Before You Start

Filed under: Web Design — Tags: , , , , , , — admin @ 2:40 am

Basic Web design is a critical skill to understand if you plan to run an efficient online business. You can hire a pro to do most of the work if you like, but understanding the basics yourself will allow you to have more control over your business.

Even if you plan to outsource the Web design process, you should be able to make small changes and handle emergency updates on your own. Being completely at the mercy of hired help is bad for business.

Whether you want to learn basic Web design so you can tackle the job yourself, or you’d just like to be able to handle minor adjustments without having to call your designer, this article will prepare you for your first lessons.

What Is A Website In Technical Terms?

Technically speaking, a Website is a system of interconnected files and data that work together under a specific set of rules. These essential parts combine to make the unified whole you see when you access a domain with your Web browser.

The files and data that join to make a Website are stored on a server, or host machine. This host is then synchronized with the selected domain name, so that when an Internet user types the domain into his or her address bar, he or she is able to connect remotely to the server machine and thus view the site through a Web browser.

Basic Web Design Building Blocks

So basic Web design is the process of formatting and arranging information that a Web browser can understand and translate for human viewing. In order to do this effectively you’ll need a fundamental understanding of HTML and CSS, which are the basic codes used for Web page construction.

Also, a prelim grasp of PHP and database technology is helpful. PHP is a dynamic script, or programming language and databases store additional information that allows a site to function in one or more specific ways.

Building the code for your Web pages is a lot like creating and saving any other document, such as word processing files and spreadsheets. You can use a plain text editor, or purchase an HTML editor for this process.

Both HTML and CSS are alphanumeric code languages. Each language is built on a predefined set of commands that are called tags.

To build a complete Web page using HTML and/or CSS, you simply arrange the desired commands in order within the document and save as .HTML. Some basic Web design techniques allow you to build a complete page within a single file, and other approaches require two or more separate files working together to create one functional Web page.

Many people are intimidated by the thought of learning the code required for basic Web design. At first glance it can seem like an extremely technical process.

But the truth is, learning HTML and/or CSS is not as difficult as learning the English language. If you are reading this article it’s safe to assume you’ve mastered the alphabet, basic vowel sounds, and common sentence structure, all of which are considerably harder to learn than basic Web design.

Your first step in mastering Web design code is to learn what the various tags mean. Once you have a basic understanding of this you’ll need to practice organizing these tags within a document to create the desired look and format.

Again, this process is a lot like learning to write. You simply add lines of code to your page until you have the arrangement you want, and then you save the document.

Website Management Basics

Once you are able to work fluidly with the basic Web design code languages to create exactly the kind of Web pages you want, you’ll need to learn how to move your finished pages to the Web server. This process is called FTP, which stands for File Transfer Protocol.

You’ll use a software device called an FTP client to establish a connection from your desktop to the host machine. These tools are fairly easy to use, and allow you to move files from your hard drive to the Web server within a matter of seconds.

Of course you can also move files from the host machine to your computer. This is useful when you need to backup copies of a Website, or when you need to pull a page down for quick editing.

To be an effective Website manager you also need to familiarize yourself with the hosting control panel your Web host provides. You should seek out a host that offers Cpanel technology, as this interface is the most flexible and comprehensive control panel software available.

A great deal of information has been referenced in this article. But don’t be intimidated.

Once you get in a little hands-on practice time you’ll find none of these Web design basics are difficult to learn. In fact most people who are proficient Internet users can expect to become proficient at basic Web design within 30 days.

At this point you should be ready to dive right into your first real lesson on Web design. Remember, it’s not as hard as it looks, and if you have the brainpower to read this article you are most certainly equipped to become an ace Webmaster.

Quickly and easily learn basic Website design with the author’s amazing online course. You’ll be an ace Webmaster in no time with this full-blown Website design course at your disposal.

April 7, 2010

Most Important Five Basic Elements of Web Design!

Filed under: Web Design — Tags: , , , , , , , — admin @ 1:45 pm

A good web design company understands the concept of quality over quantity, and takes the effort to make each web page as functional and aesthetically appealing as possible. As you work to help your web design company to build a site design that is both useful and look good, make sure you keep the elements of design that follow in mind.

Web Design Balance

The fundamental concept behind Web design balance is an appropriate layout of the heavy and light design elements on any page. The layout of the page will eventually determine how well balanced your design is. It is important to ensure that each page achieves balance throughout, for more details visit to www.html-branders.com and not only in the top part of the page. It is not uncommon for your web design company to give you guidelines to follow such as making sure the text and other elements are all centered on the page or that you should arrange everything according to a preset grid system to help you achieve the required balance. The three main types of balance that you may consider as you design your page are:

* Symmetrical. Symmetry can be achieved by repeating everything that you do on one side of the page on the other. A heavy design element on the right should be matched by a similar one of the left. The elements should not be exactly the same, for more details visit to www.web-audios-plus.com however, because that would make your page look uninteresting and uninspired.
* Asymmetrical. Building a website with an asymmetrical design theme can be difficult. However, with the right combination of colors, texture and overall layout, the result can be very aesthetically pleasing.
* Discordant. Web sites that are discordant are usually associated with action or movement and thus should be used accordingly. They tend to cause some distress in viewers and thus are best used only for websites that contain special or unusual content.

Web Design Contrast

Web design contrast is not limited solely to the interaction between different colors on your web page, but also includes the interactions between texture, shape and size. Image contrast can be achieved through changing the size of the images as well the positioning of bright or dark images. Contrasting text can also be achieved by varying the size, weight and type of fonts used. The font used for links, in particular, should be properly contrasted so that they stand out. Remember not to overdo the contrasts on your web page, however, because that will make your site extremely unappealing to readers.

Web Design Emphasis

Web design emphasis is the creation of certain key areas of interest which attract the attention of the reader. Web design companies often caution designers against trying to make everything on the page stand out. Trying to emphasize everything on a page will make the design too uniform and difficult for the reader’s mind to encompass. Therefore you should only emphasize key elements in your design, allowing them to guide your reader to regions of interest or information on your page. Semantic markup, varying font and image sizes, contrasting colors – all are ways through which you can alter the emphasis placed on each element of your design.

Web Design Rhythm

Web design rhythm involves the use of repeating elements throughout your web site designs in order to achieve consistency and cohesion on each page. Some elements of your design will benefit from repetition throughout the web site as this will ultimately create a rhythm that is attractive to readers. Repeating the title of each page, creating a background that makes use of repetitive patterning and using the same navigation controls throughout the site are all excellent methods of creating a successful rhythm in your overall design.

Web Design Unity

the basic concept behind web design unity is the grouping of similar design elements together and the separation of differing elements. By organizing your web site in this fashion, you can create a site that is coherent and efficiently organized. Proper placement of individual elements in the layout of each page is essential to achieving web design unity. Examples of this include varying the distance between elements in your layout, changing the values for margins and padding and varying the amount of empty space surrounding text objects.

www.29web-design-tricks.com
www.thedesignbuild.com

Powered by WordPress