<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Swapnilonline's Weblog</title>
	<atom:link href="http://swapnilonline.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://swapnilonline.wordpress.com</link>
	<description>Internet Blog</description>
	<pubDate>Thu, 04 Oct 2007 15:28:35 +0000</pubDate>
	<generator>http://wordpress.org/?v=MU</generator>
	<language>en</language>
			<item>
		<title>Cyber Crime</title>
		<link>http://swapnilonline.wordpress.com/2007/10/04/cyber-crime/</link>
		<comments>http://swapnilonline.wordpress.com/2007/10/04/cyber-crime/#comments</comments>
		<pubDate>Thu, 04 Oct 2007 15:22:21 +0000</pubDate>
		<dc:creator>swapnilonline</dc:creator>
		
		<category><![CDATA[Cyber Crime]]></category>

		<guid isPermaLink="false">http://swapnilonline.wordpress.com/2007/10/04/cyber-crime/</guid>
		<description><![CDATA[Although the term cybercrime is usually restricted to describing criminal activity in which the computer or network is an essential part of the crime, this term is also used to include traditional crimes in which computers or networks are used to enable the illicit activity.

Examples of cybercrime in which the computer or network is a [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Although the term cybercrime is usually restricted to describing criminal activity in which the computer or network is an essential part of the crime, this term is also used to include traditional crimes in which computers or networks are used to enable the illicit activity.</p>
<dl>
<dd>Examples of cybercrime in which the computer or network is a tool of the criminal activity include <a href="http://en.wikipedia.org/wiki/Spamming" title="Spamming">spamming</a> and criminal <a href="http://en.wikipedia.org/wiki/Copyright" title="Copyright">copyright</a> crimes, particularly those facilitated through <a href="http://en.wikipedia.org/wiki/Peer-to-peer" title="Peer-to-peer">peer-to-peer</a> networks. </dd>
</dl>
<dl>
<dd>Examples of cybercrime in which the computer or network is a target of criminal activity include unauthorized access (i.e, defeating <a href="http://en.wikipedia.org/wiki/Access_control" title="Access control">access controls</a>), <a href="http://en.wikipedia.org/wiki/Malware" title="Malware">malicious code</a>, and <a href="http://en.wikipedia.org/wiki/Denial-of-service" title="Denial-of-service">denial-of-service</a> attacks. </dd>
</dl>
<dl>
<dd>Examples of cybercrime in which the computer or network is a place of criminal activity include theft of service (in particular, <a href="http://en.wikipedia.org/wiki/Phreaking" title="Phreaking">telecom fraud</a>) and certain financial frauds. </dd>
</dl>
<dl>
<dd>Finally, examples of traditional crimes facilitated through the use of computers or networks include <a href="http://en.wikipedia.org/wiki/Advance_fee_fraud" title="Advance fee fraud">Nigerian 419</a> or other gullibility or <a href="http://en.wikipedia.org/wiki/Social_engineering" title="Social engineering">social engineering</a> frauds (e.g.,[ hacking ] &#8220;<a href="http://en.wikipedia.org/wiki/Phishing" title="Phishing">phishing</a>&#8220;), <a href="http://en.wikipedia.org/wiki/Identity_theft" title="Identity theft">identity theft</a>, <a href="http://en.wikipedia.org/wiki/Child_pornography" title="Child pornography">child pornography</a>, <a href="http://en.wikipedia.org/wiki/Online_gambling" title="Online gambling">online gambling</a>, <a href="http://en.wikipedia.org/wiki/Securities_fraud" title="Securities fraud">securities fraud</a>, etc. <a href="http://en.wikipedia.org/wiki/Cyberstalking" title="Cyberstalking">Cyberstalking</a> is an example of a traditional crime &#8212; harassment &#8212; that has taken a new form when facilitated through computer networks. </dd>
</dl>
<p>Additionally, certain other information crimes, including <a href="http://en.wikipedia.org/wiki/Trade_secret" title="Trade secret">trade secret</a> theft and <a href="http://en.wikipedia.org/wiki/Industrial_espionage" title="Industrial espionage">industrial</a> or <a href="http://en.wikipedia.org/wiki/Economic_Espionage_Act_of_1996" title="Economic Espionage Act of 1996">economic</a> espionage, are sometimes considered cybercrimes when computers or networks are involved.</p>
<p>Cybercrime in the context of national security may involve <a href="http://en.wikipedia.org/wiki/Hacktivism" title="Hacktivism">hacktivism</a> (online activity intended to influence policy), traditional <a href="http://en.wikipedia.org/wiki/Espionage" title="Espionage">espionage</a>, or <a href="http://en.wikipedia.org/wiki/Information_warfare" title="Information warfare">information warfare</a> and related activities.</p>
<p>Another way to define cybercrime is simply as criminal activity involving the information technology infrastructure, including illegal access (unauthorized access), illegal interception (by technical means of non-public transmissions of computer data to, from or within a computer system), data interference (unauthorized damaging, deletion, deterioration, alteration or suppression of computer data), systems interference (interfering with the functioning of a computer system by inputting, transmitting, damaging, deleting, deteriorating, altering or suppressing computer data), misuse of devices, forgery (ID theft), and electronic fraud </p>
<p><strong>Introduction to Cyber Crime</strong></p>
<p><span class="mtext">The first recorded cyber crime took place in the year 1820! That is not surprising considering the fact that the abacus, which is thought to be the earliest form of a computer, has been around since 3500 B.C. in India, Japan and China. The era of modern computers, however, began with the analytical engine of Charles Babbage. </span><span class="mtext">In 1820, Joseph-Marie Jacquard, a textile manufacturer in France, produced the loom. This device allowed the repetition of a series of steps in the weaving of special fabrics. This resulted in a fear amongst Jacquard&#8217;s employees that their traditional employment and livelihood were being threatened. They committed acts of sabotage to discourage Jacquard from further use of the new </span><span class="mtext">technology. This is the first recorded cyber crime!</span></p>
<p><span class="mtext"><strong>Viruses</strong></span></p>
<p><span class="mtext"></p>
<p align="justify"><span class="mtext"><img align="right" width="187" src="http://cybercrime.planetindia.net/pic/virus1.jpg" hspace="10" height="160" />A computer virus is a computer program that can infect other computer programs by modifying them in such a way as to include a (possibly evolved) copy of it. Note that a program does not have to perform outright damage (such as deleting or corrupting files) in order to be called a &#8220;virus&#8221;. </span></p>
<p align="justify"><span class="mtext">Many people use the term loosely to cover any sort of program that tries to hide its (malicious) function and tries to spread onto as many computers as possible. Viruses are very dangerous; they are spreading faster than they are being stopped, and even the least harmful of viruses could be fatal. For example, a virus that stops a computer and displays a message, in the context of a hospital life-support computer, could be fatal. Even the creator of a virus cannot stop it once it is &#8220;in the wild&#8221;.</span></p>
<p class="mtext"><strong>The main types of PC viruses</strong></p>
<p align="justify" class="mtext">Generally, there are two main classes of viruses. The first class consists of the file infectors, which attach themselves to ordinary program files. These usually infect arbitrary .COM and/or .EXE programs, though some can infect any program for which execution is requested, such as .SYS, .OVL, .PRG, &amp; .MNU files. File infectors can be either direct action or resident. A direct-action virus selects one or more other programs to infect each time the program that contains it is executed. A resident virus hides itself somewhere in memory the first time an infected program is executed, and thereafter infects other programs when they are executed (as in the case of the Jerusalem 185 virus) or when certain other conditions are fulfilled. The Vienna virus is an example of a direct-action virus. Most other viruses are resident. The second category is system or boot-record infectors: those viruses that infect executable code found in certain system areas on a disk, which are not ordinary files. On DOS systems, there are ordinary boot-sector viruses, which infect only the DOS boot sector, and MBR viruses which infect the Master Boot Record on fixed disks and the DOS boot sector on diskettes. Examples include Brain, Stoned, Empire, Azusa, and Michelangelo. Such viruses are always resident viruses. Finally, a few viruses are able to infect both (the Tequila virus is one example). These are often called &#8220;multi-partite&#8221; viruses, though there has been criticism of this name; another name is &#8220;boot-and-file&#8221; virus.</p>
<p align="justify" class="mtext">File system or cluster viruses (e.g. Dir-II) are those that modify directory table entries so that the virus is loaded and executed before the desired program is. Note that the program itself is not physically altered; only the directory entry is. Some consider these infectors to be a third category of viruses, while others consider them to be a sub-category of the file infectors.</p>
<p align="justify" class="mtext">Stealth virus</p>
<p align="justify" class="mtext">A stealth virus is one that hides the modifications it has made in the file or boot record, usually by monitoring the system functions used by programs to read files or physical blocks from storage media, and forging the results of such system functions so that programs which try to read these areas see the original uninfected form of the file instead of the actual infected form. Thus the viral modifications go undetected by anti-viral programs. However, in order to do this, the virus must be resident in memory when the anti-viral program is executed.</p>
<p align="justify" class="mtext">The very first DOS virus, Brain, a boot-sector infector, monitors physical disk I/O and redirects any attempt to read a Brain-infected boot sector to the disk area where the original boot sector is stored. The next viruses to use this technique were the file infectors Number of the Beast and Frodo.</p>
<p align="justify" class="mtext">Polymorphic virus</p>
<p align="justify" class="mtext">A polymorphic virus is one that produces varied (yet fully operational) copies of itself, in the hope that virus scanners will not be able to detect all instances of the virus. The most sophisticated form of polymorphism discovered so far is the MtE &#8220;Mutation Engine&#8221; written by the Bulgarian virus writer who calls himself the &#8220;Dark Avenger&#8221;.</p>
<p align="justify" class="mtext">Fast and slow infectors</p>
<p align="justify" class="mtext">A typical file infector (such as the Jerusalem) copies itself to memory when a program infected by it is executed, and then infects other programs when they are executed. A fast infector is a virus which, when it is active in memory, infects not only programs which are executed, but also those which are merely opened. The result is that if such a virus is in memory, running a scanner or integrity checker can result in all (or at least many) programs becoming infected all at once.</p>
<p align="justify" class="mtext">The term &#8220;slow infector&#8221; is sometimes used for a virus that, if it is active in memory, infects only files as they are modified (or created). The purpose is to fool people who use integrity checkers into thinking that the modification reported by the integrity checker is due solely to legitimate reasons. An example is the Darth Vader virus</p>
<p><strong>Computer&#8217;s Vulnerability</strong></p>
<p>Computers, despite being such high technology devices, are extremely vulnerable. In fact it may be easier to steal national secrets from military computers than to steal &#8220;laddoos&#8221; from a &#8220;mithai&#8221; shop. Let us examine the reasons for the vulnerability of computers.</p>
<p align="justify" class="mtext">Computers store huge amounts of data in small spaces</p>
<p align="justify" class="mtext">Lakhs of pages of written matter can be stored in a CD ROM. Walking out of a godown with one lakh pages would be exceedingly difficult, but walking out of a secure location with a CD ROM containing a lakh of pages would be much simpler.</p>
<p align="justify" class="mtext"><img align="left" width="150" src="http://cybercrime.planetindia.net/pic/cd.jpg" hspace="10" height="150" />Ease of access</p>
<p align="justify" class="mtext">A bank&#8217;s vault, which usually contains a few lakh rupees is well guarded from unauthorized persons. The vault itself is made of very strong materials, located in a reinforced room, guarded by gun toting security personnel. Trusted employees jealously guard the keys and / or access codes. The bank&#8217;s servers, on the other hand, which &#8216;virtually&#8217; control hundreds of crores of rupees, are far easier to break into. The strongest of firewalls and biometric authentication systems have been cracked in the past and will probably continue to be cracked in the future. A secretly implanted logic bomb, key loggers that can steal access codes, advanced voice recorders, retina imagers etc. that can fool biometric systems can be utilized to get past many a security system.</p>
<p align="justify" class="mtext"><strong>Complexity</strong></p>
<p align="justify" class="mtext"><img align="right" width="250" src="http://cybercrime.planetindia.net/pic/binary.gif" hspace="10" height="166" />Operating systems are composed of millions of lines of code and no single individual can claim to understand the security implications of every bit of these computer instructions. Hackers easily exploit the numerous weaknesses in operating systems and security products. When one weakness is exposed and exploited openly by the &#8216;black hat&#8217; community, the operating system (OS) manufacturer patches it up. The hackers then find another weakness to exploit and the cycle goes on and on. It is far easier to find weaknesses in existing operating systems rather than designing and developing a secure operating system.</p>
<p align="justify" class="mtext"><strong>Human error</strong></p>
<p align="justify" class="mtext">People who guard confidential papers with their lives would not think twice about using simple passwords. Most people don&#8217;t realize the security implications and ramifications of a simple &#8216;guessable&#8217; password.</p>
<p align="justify" class="mtext"><strong>Application Security and Application Networks</strong></p>
<p align="justify" class="mtext">Would your organization benefit from application security and the Application Network?</p>
<p align="justify" class="mtext">Consider your answer to the following hypothetical question from a line of business or the CIO:</p>
<p align="justify" class="mtext">&#8220;Our business demands that we use [insert any application here]; can we allow our [remote or internal] users access to it?&#8221;</p>
<p align="justify" class="mtext">&#8220;No, those users aren&#8217;t trusted.&#8221; &#8220;No, traffic is not encrypted.&#8221; &#8220;No, we can&#8217;t extend a VPN because of security.&#8221; &#8220;No, we don&#8217;t want to put that database server in the DMZ.&#8221; &#8220;No, we can&#8217;t route the traffic because of NAT and private IP addresses.&#8221; &#8220;No, we&#8217;d have to open non-standard ports and we can&#8217;t do that.&#8221; &#8220;No, that application is not webified.&#8221; &#8220;No, our firewall can&#8217;t handle dynamic port requests.&#8221; &#8220;No, we don&#8217;t allow any direct touch between networks.&#8221; &#8220;No…&#8221;</p>
<p align="justify" class="mtext">If any of these answers sound familiar, then application security and the Application Network can help.</p>
<p align="justify" class="mtext"><strong>The Access and security trade-off</strong></p>
<p align="justify" class="mtext">Today, extending access to applications for the users who need them is no longer a &#8220;nice to have&#8221; - but a key determinant of who will win and who will lose. Legacy applications and databases, for example, contain invaluable customer information and provide a great resource for partners and other trusted third parties; email and other messaging applications are indispensable for seemingly instantaneous communication; and &#8216;emerging&#8217; applications, such as audio and video conferencing, are now the critical enabler of &#8216;real-time business,&#8217; resulting in huge gains in both productivity and profitability. Facilitating the rollout and accessibility of these applications, IP networks - both private and public, wired and wireless - make access to applications possible for any user from any corner of the globe. Why, then, are CIOs constantly refereeing a tug-of-war between the lines of business who want to realize the value of their applications by extending them to the users who need them and the network administrators who want to insulate their network from attack by increasingly limiting access for untrusted third parties?</p>
<p align="justify" class="mtext">What is driving this zero sum game where any access gained by the business results in a corresponding decrease in network security? The answer lies in the use of network security to deploy applications. That is, network security, which by its design disrupts and limits connectivity between networks, is also used to enable connectivity. These products - while critical for protecting the physical network - were not intended to protect and extend applications and consequently using them to deploy applications inevitably results in the access and security trade off.</p>
<p align="justify" class="mtext">The solution, however, is not to increase the IT budget to buy more point solutions or deploy an army of network administrators to provide the highly-oxymoronic &#8216;brute force flexibility,&#8217; but to deploy a new conceptual network called the Application Network. The Application Network is a logical network that overlays the physical IP network and leverages its communications infrastructure while not undermining its physical security. The Application Network also underlies the applications that need the physical network for connectivity, providing robust and extensible application-layer security. When deployed, the Application Networks allow enterprises to use the applications their businesses require and securely extend those to the users who need them - while taking advantage of, not compromising, the network security infrastructure.</p>
<p align="justify" class="mtext"><strong>A Little History</strong></p>
<p align="justify" class="mtext">Thirty years have passed since the U.S. Defense Advanced Research Projects Agency (DARPA) initiated the project to determine a method of linking together many disparate packet networks to enable cross-network communication. According to history, the initiative was referred to as the Internetworking project and the resulting mesh of linked packet networks was called the Internet. The Internet at that time was an aggregation of packet networks funded and hosted by government and educational enterprises throughout the United States. Enabling this inter-communication was the development of the Internet Protocol (IP), which defined how data packets are routed across the various networks. Until the 1980&#8217;s the Internet was a combination of public networks that allowed primarily academic and government to communicate freely and openly. Applications utilizing the TCP/IP protocol suite could be extended to users with routable IP addresses, a requirement of the early Internet. Soon, however, and by design, the Internet and its obvious business benefits began to get the attention of commercial enterprises as well as foreign governments and soon these organizations began to adhere to the IP protocol and connect their local networks to this public communications infrastructure. Now, users were diverse, unknown and not necessarily trusted while the information accessible was no longer academic, but sensitive business and governmental intelligence. Network security was born.</p>
<p align="justify" class="mtext"><strong><img align="right" width="216" src="http://swapnilonline.wordpress.com/wp-admin/pic/transfer.gif" hspace="10" height="143" />The Purpose of Network Security</strong></p>
<p align="justify" class="mtext">Necessity certainly bred invention with the advent of network security. At a very high level, organizations needed to protect their physical networks from this &#8216;untrusted&#8217; Internet and were eager to find solutions that allowed them limited access to the public networks while insulating their networks from potential attack and information theft. Answering this demand, firewalls were developed to protect the physical network. Firewalls, often utilizing Network Address Translation (NAT) for non-routable addresses that are hidden from the outside,were designed to limit network access by breaking the two fundamental rules of IP routing - that is that all network nodes must know of other nodes and all addresses of devices must be known. From the outset, the purpose of basic network security was to protect the physical network from attack by limiting connectivity between the two networks.</p>
<p align="justify" class="mtext"><strong>Emergence of the Security and Access Trade Off</strong></p>
<p align="justify" class="mtext">The unfortunate downside of physical security that limits connectivity for untrusted users is that it also limits connectivity for trusted users. To provide access for trusted users,network administrators were forced to start &#8216;fixing&#8217; the networking rules broken by the physical security as required by the users and the access they required. Opening holes in the perimeter security, however, to allow ingress and egress is exactly that: opening holes. Network administrators quickly realized that the amount of access granted to users was inversely proportional to the security of their network. A seemingly zero sum game, this network security and application access trade off is now a common dilemma within organizations large and small, domestic and international.</p>
<p align="justify" class="mtext">
<table border="0" width="100%" cellPadding="0" cellSpacing="0">
<tr>
<td align="right" class="mtext">
<p><a href="http://swapnilonline.wordpress.com/wp-admin/application_security2.htm"></a></p>
</td>
</tr>
</table>
<p></span></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/swapnilonline.wordpress.com/5/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/swapnilonline.wordpress.com/5/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/swapnilonline.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/swapnilonline.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/swapnilonline.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/swapnilonline.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/swapnilonline.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/swapnilonline.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/swapnilonline.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/swapnilonline.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/swapnilonline.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/swapnilonline.wordpress.com/5/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=swapnilonline.wordpress.com&blog=1836458&post=5&subd=swapnilonline&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://swapnilonline.wordpress.com/2007/10/04/cyber-crime/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/swapnilonline-128.jpg" medium="image">
			<media:title type="html">swapnilonline</media:title>
		</media:content>

		<media:content url="http://cybercrime.planetindia.net/pic/virus1.jpg" medium="image" />

		<media:content url="http://cybercrime.planetindia.net/pic/cd.jpg" medium="image" />

		<media:content url="http://cybercrime.planetindia.net/pic/binary.gif" medium="image" />

		<media:content url="http://swapnilonline.wordpress.com/wp-admin/pic/transfer.gif" medium="image" />
	</item>
		<item>
		<title>Web Designing</title>
		<link>http://swapnilonline.wordpress.com/2007/10/03/hello-world/</link>
		<comments>http://swapnilonline.wordpress.com/2007/10/03/hello-world/#comments</comments>
		<pubDate>Wed, 03 Oct 2007 08:53:09 +0000</pubDate>
		<dc:creator>swapnilonline</dc:creator>
		
		<category><![CDATA[Web Designing]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Welcome to Web Designing blog &#124;  swaonilonline.comHistoryTim Berners-Lee, the inventor of the World Wide Web, published a website in August 1991.[1] Berners-Lee was the first to combine Internet communication (which had been carrying email and the Usenet for decades) with hypertext (which had also been around for decades, but limited to browsing information stored on [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span style="font-family:Georgia;">Welcome to Web Designing blog | <span> </span><a href="http://wordpress.com/">swaonilonline.com</a></span><strong><span style="font-family:Georgia;">History</span></strong><span style="font-family:Georgia;"></span><span style="font-family:Georgia;"><a href="http://en.wikipedia.org/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a>, the <a href="http://en.wikipedia.org/wiki/Inventor" title="Inventor">inventor</a> of the <a href="http://en.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web">World Wide Web</a>, published a website in August 1991.<sup><a href="http://en.wikipedia.org/wiki/Web_design#_note-0">[1]</a></sup> Berners-Lee was the first to combine <a href="http://en.wikipedia.org/wiki/Internet" title="Internet">Internet</a> communication (which had been carrying <a href="http://en.wikipedia.org/wiki/E-mail" title="E-mail">email</a> and the <a href="http://en.wikipedia.org/wiki/Usenet" title="Usenet">Usenet</a> for decades) with <a href="http://en.wikipedia.org/wiki/Hypertext" title="Hypertext">hypertext</a> (which had also been around for decades, but limited to browsing information stored on a single computer, such as interactive <a href="http://en.wikipedia.org/wiki/CD-ROM" title="CD-ROM">CD-ROM</a> design).</span><span style="font-family:Georgia;">Websites are written in a <a href="http://en.wikipedia.org/wiki/Markup_language" title="Markup language">markup language</a> called <a href="http://en.wikipedia.org/wiki/HTML" title="HTML">HTML</a>, and early versions of HTML were very basic, only giving websites basic structure (headings and paragraphs), and the ability to link using <a href="http://en.wikipedia.org/wiki/Hypertext" title="Hypertext">hypertext</a>. This was new and different to existing forms of communication - users could easily navigate to other pages by following <a href="http://en.wikipedia.org/wiki/Hyperlink" title="Hyperlink">hyperlinks</a> from page to page.</span><span style="font-family:Georgia;">As the Web and web design progressed, the markup language used to make it became more complex and flexible, giving the ability to add objects like images and tables to a page. Features like tables, which were originally intended to be used to display tabular information, were soon subverted for use as invisible layout devices. With the advent of <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a> (CSS), table-based layout is increasingly regarded as outdated. Database integration technologies such as <a href="http://en.wikipedia.org/wiki/Server-side_scripting" title="Server-side scripting">server-side scripting</a> and design standards like CSS further changed and enhanced the way the Web is made.</span></p>
<h2><a name="Web_site_design" title="Web_site_design" id="Web_site_design"></a><span class="mw-headline"><span style="font-family:Georgia;">Web site design</span></span><span style="font-family:Georgia;"></span></h2>
<p><span style="font-family:Georgia;">A <strong><span style="font-family:Georgia;">Web site</span></strong> is a collection of information about a particular topic or subject. Designing a website is defined as the arrangement and creation of Web pages that in turn make up a website. A Web page consists of information for which the Web site is developed. A website might be compared to a book, where each page of the book is a web page.</span><span style="font-family:Georgia;">There are many aspects (<a href="http://en.wikipedia.org/wiki/Design" title="Design">design</a> concerns) in this process, and due to the rapid development of the Internet, new aspects may emerge. For typical commercial Web sites, the basic aspects of design are:</span></p>
<ul>
<li class="MsoNormal"><span style="font-family:Georgia;">The <em><span style="font-family:Georgia;">content:</span></em> The substance, and information on the site should be relevant to the site and should target the area of the public that the website is concerned with.</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">The <em><span style="font-family:Georgia;">usability:</span></em> The site should be user-friendly, with the interface and navigation simple and reliable.</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">The <em><span style="font-family:Georgia;">appearance:</span></em> The graphics and text should include a single style that flows throughout, to show consistency. The style should be professional, appealing and relevant.</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">The <em><span style="font-family:Georgia;">visibility:</span></em> The site must also be easy to find via most, if not all, major search engines and advertisement media.</span></li>
</ul>
<p><span style="font-family:Georgia;">A Web site typically consists of text and <a href="http://en.wikipedia.org/wiki/Images" title="Images">images</a>. The first page of a website is known as the <a href="http://en.wikipedia.org/wiki/Home_page" title="Home page">Home page</a> or Index. Some websites use what is commonly called a Splash Page. Splash pages might include a welcome message, language/region selection, or disclaimer. Each web page within a Web site is an <a href="http://en.wikipedia.org/wiki/HTML" title="HTML">HTML</a> file which has its own <a href="http://en.wikipedia.org/wiki/URL" title="URL">URL</a>. After each Web page is created, they are typically linked together using a navigation menu composed of <a href="http://en.wikipedia.org/wiki/Hyperlinks" title="Hyperlinks">hyperlinks</a>. Faster browsing speeds have led to shorter attention spans and more demanding online visitors and this has resulted in less use of Splash Pages, particularly where commercial websites are concerned.</span><span style="font-family:Georgia;">Once a Web site is completed, it must be published or uploaded in order to be viewable to the public over the <a href="http://en.wikipedia.org/wiki/Internet" title="Internet">internet</a>. This may be done using an <a href="http://en.wikipedia.org/wiki/FTP_client" title="FTP client">FTP client</a>. Once published, the <a href="http://en.wikipedia.org/wiki/Web_master" title="Web master">Web master</a> may use a variety of techniques to increase the traffic, or hits, that the website receives. This may include submitting the Web site to a <a href="http://en.wikipedia.org/wiki/Search_engine" title="Search engine">search engine</a> such as <a href="http://en.wikipedia.org/wiki/Google" title="Google">Google</a> or <a href="http://en.wikipedia.org/wiki/Yahoo" title="Yahoo">Yahoo</a>, exchanging links with other Web sites, creating affiliations with similar Web sites, etc.</span></p>
<h3><a name="Multidisciplinary_requirements" title="Multidisciplinary_requirements" id="Multidisciplinary_requirements"></a><span class="mw-headline"><span style="font-family:Georgia;">Multidisciplinary requirements</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Web site design crosses <a href="http://en.wikipedia.org/wiki/Interdisciplinarity" title="Interdisciplinarity">multiple disciplines</a> of <a href="http://en.wikipedia.org/wiki/Information_systems" title="Information systems">information systems</a>, <a href="http://en.wikipedia.org/wiki/Information_technology" title="Information technology">information technology</a> and <a href="http://en.wikipedia.org/wiki/Communication_design" title="Communication design">communication design</a>. The website is an <a href="http://en.wikipedia.org/wiki/Information_system" title="Information system">information system</a> whose components are sometimes classified as <a href="http://en.wikipedia.org/wiki/Front-end_and_back-end" title="Front-end and back-end">front-end and back-end</a>. The observable <a href="http://en.wikipedia.org/wiki/Web_content" title="Web content">content</a> (e.g <a href="http://en.wikipedia.org/wiki/Page_layout" title="Page layout">page layout</a>, <a href="http://en.wikipedia.org/wiki/User_interface" title="User interface">user interface</a>, <a href="http://en.wikipedia.org/wiki/Graphics" title="Graphics">graphics</a>, <a href="http://en.wikipedia.org/wiki/Writing" title="Writing">text</a>, <a href="http://en.wikipedia.org/wiki/Audio" title="Audio">audio</a>) 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 <a href="http://en.wikipedia.org/wiki/Web_master" title="Web master">web master</a>), or a <a href="http://en.wikipedia.org/wiki/Project_manager" title="Project manager">project manager</a> may oversee <a href="http://en.wikipedia.org/wiki/Collaborative_design" title="Collaborative design">collaborative design</a> between group members with specialized skills.</span></p>
<h2><a name="Issues" title="Issues" id="Issues"></a><span class="mw-headline"><span style="font-family:Georgia;">Issues</span></span><span style="font-family:Georgia;"></span></h2>
<p><span style="font-family:Georgia;">As in most collaborative designs, there are conflicts between differing goals and methods of web site designs. These are a few of the ongoing ones.</span></p>
<h3><a name="Lack_of_collaboration_in_design" title="Lack_of_collaboration_in_design" id="Lack_of_collaboration_in_design"></a><span class="mw-headline"><span style="font-family:Georgia;">Lack of collaboration in design</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">In the early stages of the web, there wasn&#8217;t as much collaboration between web designs and larger <a href="http://en.wikipedia.org/wiki/Advertising_campaign" title="Advertising campaign">advertising campaigns</a>, <a href="http://en.wikipedia.org/wiki/Commerce" title="Commerce">customer transactions</a>, <a href="http://en.wikipedia.org/wiki/Social_network" title="Social network">social networking</a>, <a href="http://en.wikipedia.org/wiki/Intranet" title="Intranet">intranets</a> and <a href="http://en.wikipedia.org/wiki/Extranet" title="Extranet">extranets</a> as there is now. Web pages were mainly static <a href="http://en.wikipedia.org/wiki/Online" title="Online">online</a> <a href="http://en.wikipedia.org/wiki/Brochure" title="Brochure">brochures</a> disconnected from the larger projects.</span><span style="font-family:Georgia;">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 <a href="http://en.wikipedia.org/wiki/Leadership" title="Leadership">leadership</a>, understanding or concern for the larger project to facilitate <a href="http://en.wikipedia.org/wiki/Collaboration" title="Collaboration">collaboration</a>. This often results in unhealthy <a href="http://en.wikipedia.org/wiki/Competition" title="Competition">competition</a> or <a href="http://en.wikipedia.org/wiki/Compromise" title="Compromise">compromise</a> between departments, and less than optimal use of web pages.</span></p>
<h3><a name="Liquid_versus_fixed_layouts" title="Liquid_versus_fixed_layouts" id="Liquid_versus_fixed_layouts"></a><span class="mw-headline"><span style="font-family:Georgia;">Liquid versus fixed layouts</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">On the web the designer has no control over several factors, including the size of the browser window, the <a href="http://en.wikipedia.org/wiki/Web_browser" title="Web browser">web browser</a> used, the input devices used (<a href="http://en.wikipedia.org/wiki/Mouse" title="Mouse">mouse</a>, <a href="http://en.wikipedia.org/wiki/Touch_screen" title="Touch screen">touch screen</a>, <a href="http://en.wikipedia.org/w/index.php?title=Voice_command&amp;action=edit" title="Voice command">voice command</a>, <a href="http://en.wikipedia.org/wiki/Text" title="Text">text</a>, <a href="http://en.wikipedia.org/wiki/Cell_phone" title="Cell phone">cell phone</a> number pad, etc.) and the size and characteristics of available fonts.</span><span style="font-family:Georgia;">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 <a href="http://en.wikipedia.org/wiki/HTML" title="HTML">HTML</a> table-based design, or 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 <em><span style="font-family:Georgia;">fixed width design.</span></em> Proponents of fixed width design prefer the control over the look and feel of the site and the precision placement of objects on the page. Other designers choose a liquid design. A liquid design is one, like <a href="http://en.wikipedia.org/wiki/Wikipedia" title="Wikipedia">Wikipedia</a>, where the design 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 <em><span style="font-family:Georgia;">liquid design</span></em> prefer to use all the screen space available. Liquid design can be achieved through the use of <a href="http://en.wikipedia.org/wiki/CSS" title="CSS">CSS</a>, by avoiding styling the page altogether, or by using HTML tables set to a percentage of the page. Both liquid and fixed design developers must make decisions about how the design should <a href="http://en.wikipedia.org/wiki/Degrade" title="Degrade">degrade</a> on higher and lower screen resolutions. Sometimes the <a href="http://en.wikipedia.org/wiki/Pragmatic" title="Pragmatic">pragmatic</a> choice is made to flow the design between a minimum and a maximum width. This allows the designer to avoid coding for the browser choices making up the <a href="http://en.wikipedia.org/wiki/Long_tail" title="Long tail">long tail</a>, while still using all available screen space.</span><span style="font-family:Georgia;">Similar to liquid layout is the optional <em><span style="font-family:Georgia;">fit to window</span></em> 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.</span></p>
<h3><a name="Flash" title="Flash" id="Flash"></a><span class="mw-headline"><span style="font-family:Georgia;">Flash</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;"><a href="http://en.wikipedia.org/wiki/Adobe_Flash" title="Adobe Flash">Adobe Flash</a> (formerly <a href="http://en.wikipedia.org/wiki/Macromedia" title="Macromedia">Macromedia</a> Flash) is a proprietary, robust graphics animation/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.</span><span style="font-family:Georgia;">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 <a href="http://en.wikipedia.org/wiki/Open_format" title="Open format">open</a> HTML format, though, requiring a <a href="http://en.wikipedia.org/wiki/Proprietary_software" title="Proprietary software">proprietary</a> plugin to be seen, and it does not integrate with most <a href="http://en.wikipedia.org/wiki/Web_browser" title="Web browser">web browser</a> UI features like the &#8220;Back&#8221; button unless a hyperlink is programmed to link a new html page from the Flash file, in which case the animation of the previous page would reset. However, those restrictions may be irrelevant depending on the goals of the web site design.</span><span style="font-family:Georgia;">According to a study <sup><a href="http://en.wikipedia.org/wiki/Web_design#_note-1">[2]</a></sup>, 98% of US Web users have the Flash Player installed <sup><a href="http://en.wikipedia.org/wiki/Web_design#_note-2">[3]</a></sup>, with 45%-56%<sup><a href="http://en.wikipedia.org/wiki/Web_design#_note-3">[4]</a></sup> (depending on region) having the latest version. Numbers vary depending on the detection scheme and research demographics<sup><a href="http://en.wikipedia.org/wiki/Web_design#_note-4">[5]</a></sup>.</span><span style="font-family:Georgia;">Many graphic artists use Flash because it gives them exact control over every part of the design, and anything can be animated and generally &#8220;jazzed up&#8221;. Some application designers enjoy Flash because it lets them create applications that don&#8217;t have to be refreshed or go to a new web page every time an action occurs. Flash can use embedded fonts instead of the standard fonts installed on most computers. There are many sites which forgo HTML entirely for Flash. Other sites may use Flash content combined with HTML as conservatively as gifs or jpegs would be used, but with smaller vector file sizes and the option of faster loading animations. Flash may also be used to protect content from unauthorized duplication or searching.</span><span style="font-family:Georgia;">Flash detractors claim that Flash websites tend to be poorly designed, and often use confusing and non-standard user-interfaces. Up until recently, search engines have been unable to index Flash objects, which has prevented sites from having their contents easily found. This is because many search engine crawlers rely on text to index websites. It is possible to specify alternate content to be displayed for browsers that do not support Flash. Using alternate content also helps <a href="http://en.wikipedia.org/wiki/Search_engine" title="Search engine">search engines</a> to understand the page, and can result in much better visibility for the page. However, the vast majority of Flash websites are not disability accessible (for screen readers, for example) or <a href="http://en.wikipedia.org/wiki/Section_508" title="Section 508">Section 508</a> compliant. An additional issue is that sites which commonly use alternate content for search engines to their human visitors are usually judged to be spamming search engines and are automatically banned.</span><span style="font-family:Georgia;">The most recent incarnation of Flash&#8217;s scripting language (called &#8220;<a href="http://en.wikipedia.org/wiki/ActionScript" title="ActionScript">ActionScript</a>&#8220;, which is an <a href="http://en.wikipedia.org/wiki/ECMA" title="ECMA">ECMA</a> language similar to <a href="http://en.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a>) incorporates long-awaited usability features, such as respecting the browser&#8217;s font size and allowing blind users to use <a href="http://en.wikipedia.org/wiki/Screen_readers" title="Screen readers">screen readers</a>. Actionscript 2.0 is an <a href="http://en.wikipedia.org/wiki/Object-oriented_programming" title="Object-oriented programming">Object-Oriented</a> language, allowing the use of CSS, <a href="http://en.wikipedia.org/wiki/XML" title="XML">XML</a>, and the design of class-based web applications.</span></p>
<h3><a name="CSS_versus_tables" title="CSS_versus_tables" id="CSS_versus_tables"></a><span class="mw-headline"><span style="font-family:Georgia;">CSS versus tables</span></span><span style="font-family:Georgia;"></span></h3>
<p><em><span style="font-family:Georgia;">For more details on this topic, see <a href="http://en.wikipedia.org/wiki/Tableless_web_design" title="Tableless web design">Tableless web design</a>.</span></em><span style="font-family:Georgia;"></span><span style="font-family:Georgia;">Back when <a href="http://en.wikipedia.org/wiki/Netscape_Navigator" title="Netscape Navigator">Netscape Navigator</a> 4 dominated the browser market, the popular solution available for designers to lay out a Web page was by using tables. Often even simple designs for a page would require dozens of tables nested in each other. Many <a href="http://en.wikipedia.org/wiki/Web_templates" title="Web templates">web templates</a> in <a href="http://en.wikipedia.org/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Dreamweaver</a> and other <a href="http://en.wikipedia.org/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a> editors still use this technique today. Navigator 4 didn&#8217;t support <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> to a useful degree, so it simply wasn&#8217;t used.</span><span style="font-family:Georgia;">After the <a href="http://en.wikipedia.org/wiki/Browser_wars" title="Browser wars">browser wars</a> were over, and <a href="http://en.wikipedia.org/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> dominated the market, 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 <a href="http://en.wikipedia.org/wiki/Semantic_markup" title="Semantic markup">semantic markup</a>, which helps <a href="http://en.wikipedia.org/wiki/Bots" title="Bots">bots</a> and search engines understand what&#8217;s going on in a web page. All modern <a href="http://en.wikipedia.org/wiki/Web_browser" title="Web browser">Web browsers</a> support CSS with different degrees of <a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(CSS)" title="Comparison of layout engines (CSS)">limitations</a>.</span><span style="font-family:Georgia;">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 design using absolute positions. With the abundance of CSS resources available online today, though, designing with reasonable adherence to standards involves little more than applying CSS 2.1 or CSS 3 to properly structured markup.</span><span style="font-family:Georgia;">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 design.</span></p>
<h3><a name="How_it_Looks_vs._How_it_Works" title="How_it_Looks_vs._How_it_Works" id="How_it_Looks_vs._How_it_Works"></a><span class="mw-headline"><span style="font-family:Georgia;">How it Looks vs. How it Works</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Some <a href="http://en.wikipedia.org/wiki/Web_developer" title="Web developer">web developers</a> have a <a href="http://en.wikipedia.org/wiki/Graphic_arts" title="Graphic arts">graphic arts</a> 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 <a href="http://en.wikipedia.org/wiki/Advertising" title="Advertising">advertising</a> than search engines to attract visitors to the site. On the other side of the issue, <a href="http://en.wikipedia.org/wiki/Search_engine_optimization" title="Search engine optimization">search engine optimization</a> <a href="http://en.wikipedia.org/wiki/Consultants" title="Consultants">consultants</a> (SEOs) obsess about 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&#8217;t contribute to the sales. As a result, the designers and SEOs often end up in disputes where the designer wants more &#8216;pretty&#8217; graphics, and the SEO wants lots of &#8216;ugly&#8217; <a href="http://en.wikipedia.org/wiki/Keyword_(internet_search)" title="Keyword (internet search)">keyword</a>-rich text, <a href="http://en.wikipedia.org/wiki/Bullet_list" title="Bullet list">bullet lists</a>, and <a href="http://en.wikipedia.org/wiki/Text_link" title="Text link">text links</a>. One could argue that this is a false dichotomy due to the possibility that a web design may integrate the two disciplines for a <a href="http://en.wikipedia.org/wiki/Collaborative" title="Collaborative">collaborative</a> and <a href="http://en.wikipedia.org/wiki/Synergy" title="Synergy">synergistic</a> solution. Because some graphics serve <a href="http://en.wikipedia.org/wiki/Communication" title="Communication">communication</a> purposes in addition to <a href="http://en.wikipedia.org/wiki/Aesthetic" title="Aesthetic">aesthetics</a>, how well a site works may depend on the <a href="http://en.wikipedia.org/wiki/Graphic_design" title="Graphic design">graphic designer</a>&#8217;s <a href="http://en.wikipedia.org/wiki/Visual_communication" title="Visual communication">visual communication</a> ideas as well as the SEO considerations.</span><span style="font-family:Georgia;">Another problem when using lots 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 <a href="http://en.wikipedia.org/wiki/High-speed_internet" title="High-speed internet">high-speed internet</a> and the use of <a href="http://en.wikipedia.org/wiki/Vector_graphics" title="Vector graphics">vector graphics</a>. This is an engineering challenge to increase <a href="http://en.wikipedia.org/wiki/Bandwidth" title="Bandwidth">bandwidth</a> 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.</span></p>
<h2><a name="Accessible_Web_design" title="Accessible_Web_design" id="Accessible_Web_design"></a><span style="font-family:Georgia;"> <span class="mw-headline">Accessible Web design</span></span></h2>
<p><em><span style="font-family:Georgia;">Main article: <a href="http://en.wikipedia.org/wiki/Web_accessibility" title="Web accessibility">Web accessibility</a></span></em><span style="font-family:Georgia;"></span><span style="font-family:Georgia;">Accessible Web design is the art of creating webpages that are accessible to everyone, using any device. It is especially important so that people with <a href="http://en.wikipedia.org/wiki/Disabilities" title="Disabilities">disabilities</a> - whether due to accident, disease or old age - can access the information in Web pages and be able to navigate through the website.</span><span style="font-family:Georgia;">To be accessible, web pages and sites must conform to certain accessibility principles. These can be grouped into the following main areas:</span></p>
<ul>
<li class="MsoNormal"><span style="font-family:Georgia;">use <a href="http://en.wikipedia.org/wiki/Semantic_markup" title="Semantic markup">semantic markup</a> that provides a meaningful structure to the document (i.e. web page)</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">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</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">use a valid <a href="http://en.wikipedia.org/wiki/Markup_language" title="Markup language">markup language</a> that conforms to a published <a href="http://en.wikipedia.org/wiki/Document_Type_Definition" title="Document Type Definition">DTD</a> or <a href="http://en.wikipedia.org/wiki/XML_schema" title="XML schema">Schema</a></span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">provide text equivalents for any non-text components (e.g. images, multimedia)</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">use <a href="http://en.wikipedia.org/wiki/Hyperlinks" title="Hyperlinks">hyperlinks</a> that make sense when read out of context. (e.g. avoid &#8220;Click Here.&#8221;)</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">don&#8217;t use <a href="http://en.wikipedia.org/wiki/Framing_(World_Wide_Web)" title="Framing (World Wide Web)">frames</a></span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">use <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> <a href="http://en.wikipedia.org/wiki/Tableless_web_design" title="Tableless web design">rather than HTML Tables</a> for layout.</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">author the page so that when the source code is read line-by-line by <a href="http://en.wikipedia.org/wiki/User_agents" title="User agents">user agents</a> (such as a <a href="http://en.wikipedia.org/wiki/Screen_reader" title="Screen reader">screen readers</a>) it remains intelligible. (Using tables for design will often result in information that is not.)</span></li>
</ul>
<p><span style="font-family:Georgia;">However, W3C permits an exception where tables for layout either make sense when linearized or an alternate version (perhaps linearized) is made available.</span></p>
<h2><a name="Website_Planning" title="Website_Planning" id="Website_Planning"></a><span class="mw-headline"><span style="font-family:Georgia;">Website Planning</span></span><span style="font-family:Georgia;"></span></h2>
<p><span style="font-family:Georgia;">Before creating and uploading a website, it is important to take the time to plan exactly what is needed in the website. Thoroughly considering the audience or target market, as well as defining the purpose and deciding what content will be developed are extremely important.</span></p>
<h3><a name="Purpose" title="Purpose" id="Purpose"></a><span class="mw-headline"><span style="font-family:Georgia;">Purpose</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">It is essential to define the purpose of the website as one of the first steps in the planning process. A purpose statement should show focus based on what the website will accomplish and what the users will get from it. A clearly defined purpose will help the rest of the planning process as the audience is identified and the content of the site is developed. Setting short and long term goals for the website will help make the purpose clear and plan for the future when expansion, modification, and improvement will take place. Also, goal-setting practices and measurable objectives should be identified to track the progress of the site and determine success.</span></p>
<h3><a name="Audience" title="Audience" id="Audience"></a><span class="mw-headline"><span style="font-family:Georgia;">Audience</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Defining the audience is a key step in the website planning process. The audience is the group of people who are expected to visit your website – the market being targeted. These people will be viewing the website for a specific reason and it is important to know exactly what they are looking for when they visit the site. A clearly defined purpose or goal of the site as well as an understanding of what visitors want to do/feel when they come to your site will help to identify the target audience. Upon considering who is most likely to need/use the content, a list of characteristics common to the users such as:</span></p>
<ul>
<li class="MsoNormal"><span style="font-family:Georgia;">Audience Characteristics</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">Information Preferences</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">Computer Specifications</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">Web Experience</span></li>
</ul>
<p><span style="font-family:Georgia;">Taking into account the characteristics of the audience will allow an effective website to be created that will deliver the desired content to the target audience.</span></p>
<h3><a name="Content" title="Content" id="Content"></a><span class="mw-headline"><span style="font-family:Georgia;">Content</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Content evaluation and organization requires that the purpose of the website be clearly defined. Collecting a list of the necessary content then organizing it according to the audience&#8217;s needs is a key step in website planning. In the process of gathering the content being offered, any items that do not support the defined purpose or accomplish target audience objectives should be removed. It is a good idea to test the content and purpose on a focus group and compare the offerings to the audience needs. The next step is to organize the basic information structure by categorizing the content and organizing it according to user needs. Each category should be named with a concise and descriptive title that will become a link on the website. Planning for the site&#8217;s content ensures that the wants/needs of the target audience and the purpose of the site will be fulfilled.</span></p>
<h3><a name="Compatibility_and_restrictions" title="Compatibility_and_restrictions" id="Compatibility_and_restrictions"></a><span class="mw-headline"><span style="font-family:Georgia;">Compatibility and restrictions</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Because of the <a href="http://en.wikipedia.org/wiki/Usage_share_of_web_browsers" title="Usage share of web browsers">market share of modern browsers</a> (depending on your target market), the compatibility of your website with the viewers is restricted. For instance, a website that is designed for the majority of websurfers will be limited to the use of <a href="http://en.wikipedia.org/wiki/W3C_Markup_Validation_Service" title="W3C Markup Validation Service">valid</a> <a href="http://en.wikipedia.org/wiki/XHTML" title="XHTML">XHTML</a> 1.0 Strict or older, <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a> Level 1, and 1024&#215;768 <a href="http://en.wikipedia.org/wiki/Display_resolution" title="Display resolution">display resolution</a>. This is because <a href="http://en.wikipedia.org/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> is not fully <a href="http://en.wikipedia.org/wiki/W3C" title="W3C">W3C</a> <a href="http://en.wikipedia.org/wiki/Web_standards" title="Web standards">standards compliant</a> with the <a href="http://en.wikipedia.org/wiki/Modularity" title="Modularity">modularity</a> of XHTML 1.1 and the majority of CSS beyond 1. A target market of more alternative browser (e.g. <a href="http://en.wikipedia.org/wiki/Firefox" title="Firefox">Firefox</a> and <a href="http://en.wikipedia.org/wiki/Opera_(Internet_suite)" title="Opera (Internet suite)">Opera</a>) users allow for more W3C compliance and thus a greater range of options for a web designer.</span><span style="font-family:Georgia;">Another restriction on webpage design is the use of different <a href="http://en.wikipedia.org/wiki/Image_file_formats" title="Image file formats">Image file formats</a>. The majority of users can support <a href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format" title="Graphics Interchange Format">GIF</a>, <a href="http://en.wikipedia.org/wiki/JPEG" title="JPEG">JPEG</a>, and <a href="http://en.wikipedia.org/wiki/PNG" title="PNG">PNG</a> (with restrictions). Again <a href="http://en.wikipedia.org/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> is the major restriction here, not fully supporting PNG&#8217;s advanced transparency features, resulting in the GIF format still being the most widely used graphic file format for transparent images.</span><span style="font-family:Georgia;">Many website incompatibilities go unnoticed by the designer and unreported by the users. The only way to be certain a website will work on a particular platform is to test it on that platform.</span></p>
<h3><a name="Planning_documentation" title="Planning_documentation" id="Planning_documentation"></a><span class="mw-headline"><span style="font-family:Georgia;">Planning documentation</span></span><span style="font-family:Georgia;"></span></h3>
<p><span style="font-family:Georgia;">Documentation is used to visually plan the site while taking into account the purpose, audience and content, to design the site structure, content and interactions that are most suitable for the website. Documentation may be considered a prototype for the website – a model which allows the website layout to be reviewed, resulting in suggested changes, improvements and/or enhancements. This review process increases the likelihood of success of the website.</span><span style="font-family:Georgia;">First, the content is categorized and the information structure is formulated. The information structure is used to develop a document or visual diagram called a <a href="http://en.wikipedia.org/wiki/Site_map" title="Site map">site map</a>. This creates a visual of how the web pages will be interconnected, which helps in deciding what content will be placed on what pages. There are three main ways of diagramming the website structure:</span></p>
<ul>
<li class="MsoNormal"><span style="font-family:Georgia;">Linear Website Diagrams will allow the users to move in a predetermined sequence;</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">Hierarchical structures (of Tree Design Website Diagrams) provide more than one path for users to take to their destination;</span></li>
<li class="MsoNormal"><span style="font-family:Georgia;">Branch Design Website Diagrams allow for many interconnections between web pages such as hyperlinks within sentences.</span></li>
</ul>
<p><span style="font-family:Georgia;">In addition to planning the structure, the layout and interface of individual pages may be planned using a <a href="http://en.wikipedia.org/wiki/Storyboard" title="Storyboard">storyboard</a>. In the process of storyboarding, a record is made of the description, purpose and title of each page in the site, and they are linked together according to the most effective and logical diagram type. Depending on the number of pages required for the website, documentation methods may include using pieces of paper and drawing lines to connect them, or creating the storyboard using computer software.</span><span style="font-family:Georgia;">Some or all of the individual pages may be designed in greater detail as a <a href="http://en.wikipedia.org/wiki/Website_wireframe" title="Website wireframe">website wireframe</a>, a mock up model or <a href="http://en.wikipedia.org/wiki/Comprehensive_layout" title="Comprehensive layout">comprehensive layout</a> of what the page will actually look like. This is often done in a graphic program, or layout design program. The wireframe has no working functionality, only planning.</span><font face="Times New Roman"> </font></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/swapnilonline.wordpress.com/1/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/swapnilonline.wordpress.com/1/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/swapnilonline.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/swapnilonline.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/swapnilonline.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/swapnilonline.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/swapnilonline.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/swapnilonline.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/swapnilonline.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/swapnilonline.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/swapnilonline.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/swapnilonline.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=swapnilonline.wordpress.com&blog=1836458&post=1&subd=swapnilonline&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://swapnilonline.wordpress.com/2007/10/03/hello-world/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/swapnilonline-128.jpg" medium="image">
			<media:title type="html">swapnilonline</media:title>
		</media:content>
	</item>
	</channel>
</rss>