Web design and development practices

InroductionThe weave digit and phylogenesis patterns, the reappraisal of the join feature and what ar the engineerings we be apply and the anyway the reappraisal almost the effective sack situate externalize patterns, and the is the good pattern. And hither anyhow discuss the Security in the electronic net pull in range propose in the E-commerce wind vane puts. And besides include the what type of security mechanism are in the E-commerce wind vane come out.In the concluding portion develop an enlightening network localise, and that tissue range provide a speedy and light close to admission to our recommendations.WEB PAGE DESIGN weathervane page intent is a mathematical process of conceptualisation, planning, modeling, and exe racewaying of electronic media content bringing via cyberspace in the signifier of engineerings such as grade up linguistic converse like hyper textbook grievanceup language, x hypertext mark-up language, xml suitable for readin g and show by a sack up browser or otherwisewise meshwork based graphical exploiter interfaces ( GUIs ) .The purpose of entanglement project is to slang a web direct ( a aggregation of electronic files shacking on one or more(prenominal)(prenominal) than web waiters ) that presents content ( including synergistic characteristics or interfaces ) to the terminal user in the signifier of web pages one duration requested. Such component as text, signifiers, and slurmapped ciphers tidy sum be ordaind on the page utilizing HTML, XHTML and XML tickets. Exposing more interlocking media ( vector artworks, lifes, pictures, sounds ) norm totallyy required circuit boards such as flash, speedy pare, java run clip environment and so on Circuit boards besides embedded into web pages by utilizing HTML or XHTML tickets.Im bring upments in the assorted browsers conformity with W3C criterions prompted a widespread credence of XHTML and XML in concurrence with Cascading Style shee ts ( CSS ) to place and bullshit web page elements. The latest criterions and proposals aim at taking to the assorted browsers ability to present a broad assortment of media and availableness options to Clint perchance without using Circuit boards.Typically web pages are classified as inactive or dynamic.* Static pages do nt transfer content and layout with all(prenominal) petition a gentlemans gentleman manually updated the page.* Dynamic pages adapt their content and/or visual aspect depending on the terminal user s input or interaction or changes in calculating environment. Content finish be changed on the client side by utilizing client side scripting linguistic communications ( JavaScript, JScript, Actionscript, media participants and PDF reader circuit boards, etc. ) to change DOM elements ( DHTML ) . Dynamic content is customaryly compiled on the waiter utilizing server-side scripting linguistic communications ( PHP, ASP, Perl, C out of datefusion, JSP, Python, etc. ) . Both attacks are normally utilise in complex applications.WEB SITE DESIGNA web localize is a aggregation of schooling nigh(predicate) a peculiar subject or capable. Planing a web site is defined as the agreement and creative activity of web pages that in routine pee-pee up a web site. A web page consists of learning for which the web site is demonstrable. A web site might be compared to a book, where each page of the book is a web page. in that respect are many facets ( design vexs ) in this modus operandi, and due to the rapid ripening of the cyberspace, reinvigorated facets may emerge. For non-commercial web sites, the ends may change depending on the coveted exposure and response. For typical commercial web sites, the basic facets of design are* The content The substance and training on the site should be pertinent to the site and should aim the country of the populace that the web site is concerned with.* The serviceability the site should be user-friendly, with the interface and seafaring simple and dependable.* The visual aspect the artworks and text should include a individual mode that merges by dint ofout, to demo consistence. The trend should be professional, appealing and relevant.* The visibleness the site must besides be favourable to happen via near, if non all, major feed engines and advertising media.A web site typically consists of text and images. The prototypical page of a web site is known as the foot page or Index. nigh web sites use what is normally called a Splash Page. Splash pages might include a refreshing message, linguistic communication or part choice, or disclaimer. Each web page inwardly a web site is an HTML file which has its ain URL. After each web page is created, they are typically linked together utilizing a pilotage bill of fare composed of hyper think. Faster shoping velocities be possessed of led to shorter attending spans and more demanding online visitants and this has resulted in slight manipulation of Splash Pages, peculiarly where commercial web sites are concerned. one time a web site is completed, it must be published or uploaded in order to be viewable to the populace over the cyberspace. This may be done utilizing an FTP client. Once published, the web maestro may engage a assortment of techniques to increase the traffic, or hits, that the web site receives. This may include subjecting the web site to a searc engine such as Google or Yahoo, interchanging links with other web sites, do associations with similar web sites, etc. 1 These rudimentary subjects needed for an efficient web design include* Accessibility* User- centralizefieldd design and serviceability* internet selling planning and onward motion procedure* training computer architecture and findability* Search engine optimization ( SEO )* weather vane criterions* Persuasion to present concern importations* electronic network analyticsA Legal demandsPrinciples of Effective Web Desi gnThere are 14 cardinal facets of web design execution which need to be managed for a supremacyful undertaking. These are broken bundle into six parts which we have made available as separate subdivisions for easiness of mention. We have summarised the success factors in Success map for effectual web design.Here is an overview, a spirit of what we cover in the contrastive subdivisionsPart 1 Scheme and Planning* voice 2. mesh selling planning and betterment procedure.To make a web site which delivers consequences for its proprietors is non moreover about eyepiece design, itaYs non merely about serviceability or handiness or so about the development tools selected. An effectual site requires an in-depth apprehension of market place within which the web site operates. In peculiar, the context for an effectual client experience should be assessed as portion of client experience direction. To understand the market place and to tap into it requires a sound net income selling progr am. In this subdivision, we outline a structured procedure for developing an Internet selling final cause that organises with an administrations online and offline market places. We besides spread illustrations of how strategic ends translate into site designs.Part 2 User- centred design and serviceability* Section 3. User-centred web design procedure.User-centred design ( UCD ) is an established, proven attack to plan or run of trades. It has been embraced by web design and serviceability bureaus as a sound attack to presenting customer-centric web sites that deliver honor for a concern. It should be a cardinal concern demand to name an bureau which has a sound UCD procedure and the mature accomplishment set and experience to put to death it. In this subdivision we introduce the nominate techniques of UCD such as audience summary, character development, serviceability and data architecture. We so cover these in more item later in the papers.* Section 4. Web serviceability. The ground why serviceability is critical to website design is obvious. Jakob Nielsen expresses it good in his Usability 101 when he says On the Web, serviceability is a necessary status for endurance. If a web site is hard to utilize, people leave. If the home page fails to cl archean province what a fraternity offers and what users can make on the site, people leave. If users get lost on a web site, they leave. If a web site s information is difficult to read or does nt reply users cardinal inquiries, they leave. bankers bill a form here? The deduction is that many will neer return either.In this subdivision, we get wind the principle for serviceability and outflank attacks for opposite serviceability techniques including adept reappraisals, questionnaires, interviews, serviceability testing and focal depute groups.Part 3 Handiness and Web criterions* Section 5. Web handiness. For me being on-line is constantlyy amour. It s my high-fidelity, it s my ancestor of income , it s my supermarket, it s my telephone. It s my sort in. Lynn Holdsworth, screen reader user, Web Developer and Programmer. ( Beginning RNIB ) This quotation mark shows the enormousness of web handiness to a visually impaired user of a web site who uses a screen-reader which reads out the pilotage options and content on a web site. In this subdivision, we revue the benefits of implementing handiness and web criterions, different demands for handiness and summarize the topographic points you can travel to happen the latest criterions and tools for bill the handiness of your sitesPart 4 Information Architecture* Section 6. Information architecture. It is of import to recognize that every(prenominal) information system, be it a book or an intranet, has an information architecture. Well developed is the key here, as most sites do nt ensure a planned information architecture at all. They are correspondent to edifices that were nt architected in progress. Design determinations r eflect the personal prejudices of interior decorators, the infinite does nt scale over clip, engineerings drive the design and non the other manner around. Rosenfeld and Morville ( 2002 ) Information architecture tends to escape the function of the ugly half sister at the Web Design Ball itaYs non sexy for many gustatory sensations. however merely how of import is information architecture ( IA ) ? Where does it come on the disposition of precedences for a new site design? Is it more of import or less of import than each of serviceability, handiness and persuasion? Most would reason that it is less of import, that we entrust the value of information architecture is under-estimated. As the quotation mark suggests, without a sound demonstrateation provided by effectual information architecture a site is likely to be less useable, accessible and less persuasive. In this subdivision, we review structured techniques for making an information architecture including information se eking behavior analysis content analysis and papers metadata, card-sorting and controlled vocabularies.* Section 7. Ocular Design.With such a focal point on serviceability, handiness and persuasion in results-led website design, the function of the visuals within a site can be underestimated compared to the more functional facets of website design. But the visual design surely does hold a major influence on the experience as perceived by visitants and interior decorators surely spend a batch of purpose on the ocular design. In this subdivision, we explore different facets of acquiring the visuals right including site personality, usage of modify material, images, typography and page templets and layout.* Section 8. Findability Best Practice Principles.Many web users sing many sites are say information searchers who are looking for something specific a peculiar switch or peculiar content. And they emergency to happen it degraded. So a cardinal demand of all sites is to do it easy for the site visitant to happen the content to rapidly link them with what they are looking for. Usability and handiness donaYt rather emphasise the magnificence of this, so we need a new azilityaY . Findability. We like this word it emphasises the importance of concentrating on pilotage, on-site hunt and papers metadata within a design undertaking. In this subdivision of the usher, we will incur an in-depth expression at maximizing findability on your site finished redesigning or polishing your pilotage and hunt maps.* Section 9. Search Engine Optimisation ( SEO ) Best Practice PrinciplesSearch engine optimization ( SEO ) should be create into your program for a new or refined site from the beginning. Amongst interior decorators, there is a principle about how proactive they should be in accomplishing SEO. Some believe that SEO occurs of course with a good role of criterions based coding. We disagree. Our position is that for commercial sites, it is indispensable to be proactive to derive the best consequences in a competitive market. Good places wonaYt go on by accident. SEO should be at the nucleus of all site developments. In this subdivision, we introduce the cardinal practical elements of SEO for interior decorators which determine a websiteaYs ranking place.Part 5 weighty Design, copywriting and web analytics* Section 10. Persuasive design & A copywriting.Persuasive design is possibly talked about less than the other techniques we have covered in this usher such as serviceability and handiness. But in our position, it is every bit of import. Sites which are reviewed, built and monitored through a persuasion attack will probably give better consequences than those where serviceability or handiness is to the bow. In this subdivision, we will exemplify Persuasive Design techniques for different page types and SEO Best Practice by analyzing Econsultancy.com, so demoing some of the azsecrets of our successaY . We besides review other sites.* S ection 11. Using web analytics to better website design effectivityAlthough web analytics is the formal name for the procedure and tools used to analyze and better the selling effectivity of web sites, many sellers and interior decorators, know it merely as azwebsite statisticsaY . Many ab initio view these statistics on a par with hue drying after seeing the 100 pages of monthly site statistics provided by IT, but if so, they are likely in the incorrect occupation. Consequently, in many companies where the web site is non core to concern activity, these site stats are ignored. But successful e-marketers make the attempt to understand the different studies and so inquire the right inquiries to understand cause, consequence and redress or chance. In this subdivision we introduce different types of web analytics tools and highlight the most profitable studies to reexamine in your web analytics system to better website consequences.Part 6 Execution and direction* Section 12. good site demands.A site will neglect if it fails to present satisfactory experiences for its visitants. This is non merely down to the factors we have reviewed such as content, serviceability and handiness, but besides dependant on the human foot including hosting, waiters, content direction systems. stop number and handiness are still of import in the broadband universe. In this subdivision, we give arrows on how you can footfall and better the public presentation of your web site.* Section 13. The Law is your site lawfully docile?Many Torahs have been enacted in many states to command e-communications and e-commerce and to protect the consumer. Website proprietors are capable to these and it is typically managers within a company who are apt, so it is of import to look into your site is compliant. Reputational harm may be greater than the fiscal effects of interrupting the jurisprudence. These Torahs are invariably being refined and new trial instances in the tribunals help clear up the conformity required. While we canaYt hope to take you through all the Torahs, and celestial orbitYt qualified to make so you should confer with a attorney. In this subdivision, we can explicate the chief types of Torahs to which the proprietors of web sites are capable and point you in the right way for elaborate, up-to-date counsel.* Section 14. Choosing bureaus to back up web design.We have seen that results-led web design is dependent on many success factors. This makes happening the best bureaus for you is disputing. In this subdivision, we look at some of the types of bureaus and issues to see and we give a briefing checklist of issues to see. 2 Principles OF effectual WEB DESIGN1. Do nt do users believeHarmonizing to Krug s first jurisprudence of serviceability, the web-page should be obvious and self-explanatory. When you re making a site, your occupation is to engender rid of the inquiry Markss. The determinations users need to do consciously, sing pros, cons and options.If the pilotage and site architecture are nt intuitive, the figure of inquiry Markss grows and makes it harder for users to grok how the system works and how to acquire from point A to point B. A clear construction, moderate ocular hints and easy recognizable links can pay heed users to happen their way to their purpose.2. Do nt waste users forbearanceIn every undertaking when you are travelling to offer your visitants some service or tool, seek to proceed your user demands minimum. The less action is required from users to prove a service, the more likely a random visitant is to rattling seek it out. First-time visitants are willing to play with the service, non make fulling long web signifiers for an history they might neer utilize in the hereafter. Let users question the site and detect your function without coercing them into share-out private informations. It s non sensible to coerce users to come in an electronic mail reference to prove the characteristic.As Rya n Singer, The developer of the 37Signals squad provinces, users would likely be eager to communicate an electronic mail reference if they were asked for it after they d seen the characteristic work, so they had some thought of what they were traveling to acquire in return.3. Manage to concentrate users attendingAs web-sites provide both inactive and dynamic content, some facets of the user interface pressure attending more than others do. Obviously, images are more attention-getting than the text merely as the sentences marked as bold are more attractive than apparent text.The man oculus is a extremely non-linear device, and web-users can immediately acknowledge borders, forms and gestures. This is why video-based advertizements are highly infuriating and distracting, but from the marketing position they absolutely do the occupation of capturing users attending.4. Strive for characteristic exposure advance(a) web designs are normally criticized due to their attack of steering users with visually appealing 1-2-3-done-steps, big buttons with ocular effects etc. But from the design position these elements very are nt a noisome thing. On the contrary, such guidelines are highly effectual as they lead the visitants through the site content in a really simple and user-friendly manner.5. Make usage of effectual authorshipAs the Web is different from print, it s necessary to set the authorship manner to users penchants and shoping wonts. Promotional authorship wo nt be read. yen text blocks without images and keywords marked in bold or italics will be skipped. Exaggerated linguistic communication will be ignored.Talk concern. Avoid cute or clever names, selling induced names, company-specific names, and unfamiliar proficient names. For case, if you describe a service and want users to make an history, mark up is better than get down now which is once more better than research our services .An optimum solution for effectual authorship is to* usage short and concise phrases ( come to the point every bit rapidly as assertable ) ,* usage scannable layout ( categorise the content, use multiple peaker degrees, use ocular elements and bulleted lists which break the flow of unvarying text blocks ) ,* usage field and nonsubjective linguistic communication ( a publicity does nt get hold of to sound like advertizement give your users some sensible and nonsubjective ground why they should utilize your service or remain on your web-site ) .6. Strive for simplenessThe maintain it simple rule ( KIS ) should be the primary end of site design. Users are seldom on a site to bask the design moreover, in most instances they are looking for the information despite the design. Strive for simpleness alternatively of complexness7. Do nt be afraid of the white infiniteActually it s truly difficult to overrate the importance of white infinite. Not merely does it assist to cut down the cognitive burden for the visitants, but it makes it possible to comprehend the information presented on the screen. When a new visitant approaches a design layout, the first thing he/she attempts to make is to scan the page and split the content country into digestible pieces of information.Complex constructions are harder to read, scan, analyze and work with. If you have the pick between dividing two design sections by a in sight line or by some whitespace, it s normally better to utilize the whitespace solution. Hierarchical constructions cut down complexness ( Simon s Law ) the better you manage to supply users with a sense of ocular hierarchy, the easier your content will be to comprehend.8. march on efficaciously with a telescopic linguistic communication In his documents on effectual ocular communicating, Aaron Marcus provinces trio cardinal rules involved in the usage of the alleged seeable linguistic communication the content users see on a screen.* Organize supply the user with a clear and consistent conceptual construction. C onsistency, screen layout, relationships and navigability are of import constructs of organisation. The uniform conventions and regulations should be applied to all elements.* Economize do the most with the least sum of cues and ocular elements. Four major points to be considered simpleness, lucidity, peculiarity, and accent. comfort includes merely the elements that are most of import for communicating. Clarity all constituents should be designed so their meaning is non equivocal. Peculiarity the of import belongingss of the necessary elements should be distinguishable. Emphasis the most of import elements should be easy perceived.* Communicate fit the presentation to the capablenesss of the user. The user interface must maintain in balance discernability, readability, typography, symbolism, multiple positions, and distort or texture in order to pass on successfully. Use soap. 3 fonts in a upper limit of 3 point sizes a upper limit of 18 words or 50-80 characters per line of tex t.9. Conventions are our friendsConventional design of site elements does nt ensue in a deadening web site. In fact, conventions are really utile as they cut down the acquisition curve, the demand to regard out how things work. For case, it would be a serviceability incubus if all web-sites had different ocular presentation of RSS-feeds. That s non that different from our regular life where we tend to acquire used to basic rules of how we organize informations ( booklets ) or do shopping ( arrangement of merchandises ) .With conventions you can derive users assurance, trust, and dependability and turn out your credibleness. Follow users outlooks understand what they re anticipating from a site pilotage, text construction, hunt arrangement etc.10. Test early, trial frequentlyThis alleged TETO-principle should be applied to every web design undertaking as serviceability trials frequently provide big penetrations into important jobs and issues related to a given layout.Test non ex cessively tardily, non excessively small and non for the incorrect grounds. In the latter instance it s necessary to understand that most design determinations are local that core that you ca nt universally reply whether some layout is better than the other one as you need to tumble it from a really specific point of position ( sing demands, stakeholders, budget etc. ) .Some of import points to maintain in head* Harmonizing to Steve Krug, proving one user is 100 % better than proving none and proving one user early in the undertaking is better than proving 50 near the terminal. Harmonizing to Boehm s first jurisprudence, mistakes are most frequent during demands and design activities and are the more expensive the later they are removed.* Testing is an iterative procedure. That means that you design something, trial it, fix it and so prove it once more. There might be jobs which have nt been found during the first unit of ammunition as users were practically blocked by other jobs .* serviceability trials ever produce utile consequences. Either you ll be pointed to the jobs you have or you ll be pointed to the absence of major design defect which is in both instances a utile penetration for your undertaking.* harmonizing to Weinberg s jurisprudence, a developer is unsuited to prove his or her codification. This holds for interior decorators every bit good. After you ve worked on a site for few hebdomads, you ca nt detect it from a fresh position any longer. You know how it is built and hence you know on the button how it works you have the wisdom independent examiners and visitants of your site would nt hold. 4 2. Web Design Security substructureThe Web is one of the most radical engineerings that changes the concern environment and has a dramatic impact on the hereafter of electronic commercialism ( EC ) . The hereafter of EC will speed up the shifting of the power toward the consumer, which will take to cardinal alterations in the manner companies relat e to their clients and vie with one other ( Slywotzky, 2000 ) .The huge popularity of the Internet indecent old ages has been fuelled mostly by the chance of executing concern on-line. more(prenominal) and more companies set up their ain corporate LANs by Intranet, use Extranet and Internet to work collaboratively with their clients, providers, and spouses.The Internet can convey down physical barriers to commerce, about instantly giving even the smallest concern entree to untapped markets around the universe. At the same clip, consumers can carry on concern and do purchases from companies antecedently unavailable to them. Furthermore, companies are able to put marketing stuff on Internet waiters runing from simple advertisement to comprehensive practical booklets. In to mean solar day s planetary market place, fast dependable information is a necessity for most companies to achieve some sort of competitory advantage. For range 1000000s of users on the Internet 24 hours a twenty- quatern hours. electronic commercialism is defined as purchasing and merchandising of merchandise, services or information via computing machine webs, chiefly the Internet. As the fastest turning aspect of the Internet and other information engineerings, EC offers functionality and new ways of making concern that no company can afford to disregard. The footing for traveling to an electronic commercialism is a belief that electronic markets have the possible to be more efficient in developing new formation-based goods and services, Finding planetary clients and merchandising spouses to carry on concern. Electronic commercialism via the Internet or the following coevals Internet Protocol, IPv6, will alter concern establishments, operations and products/services as we know today, merely as the telephone, Television, facsimile, and e-mail changed the manner concerns and consumers Communicate. Electronic commercialism has become really popular because of the benefits and the convenience it brings along. As shown in Table I, the benefits include merchandise publicity, cost economy, timely information, shortened remittal clip, information consistence, better client service, better client relationship, customization of merchandises, competitory advantages, and convenience of making concern.Security tips for website designDefine and measure the security hazardsSpecify what the security demands are, how information is classified, a security policy, how the policy will be monitored and who is responsible. List everything that is used, interacted with or altered by the web site. discriminate the informations based on sensitiveness and the consequence wildcat alteration, release or loss would hold on your concern. This will help make up ones minding where the most attempt should be placed in protection. For really simple systems with no sensitive informations, merely insist on some standard security baselines for the undertaking. If the web site or web application is mor e complex or includes sensitive informations, see making a menace conjectural trace and place the menaces and possible exposures. The analysis will help development of the web site s demands and is really utile to the development squad.Take a holistic positionInformation security is non merely about forestalling larceny or harm. It besides includes guaranting your web site is available, is fast adequate, following with legal and regulative demands, supplying accurate information, forestalling release of confidential information to unauthorized users protecting your concern informations and rational belongings from mis-use or loss, inappropriate usage, protecting your users, guaranting concern continuity and supplying the ability to analyze and larn from incidents. Balance the degree of security with easiness of usage and cost restraints.Do nt drift anyone else s informations ( or your ain ) Your web site will hold input from users, but besides from other beginnings such as intel ligence provenders, other purchased informations and the back-office systems of your ain administration and possibly of spouses. All this information should be validated on input and on end product to protect users and systems.Enforce reappraisal and favourable reception at each milestoneBy set abouting a reappraisal of security into the undertaking s milestones and formal blessing, security becomes built into the development procedure and security issues can be tackled every bit shortly as possible. The earlier security is thought approximately, the cheaper it is to extenuate hazards. Build alteration control methodological analysis into the design procedure.Help the development squad codification firmlyGood development patterns should guarantee that the development squad are working to a consistent model and that developers produce high quality codification. package will ever incorporate mistakes, but with preparation, usage of development criterions and guidelines, security ha zards can be minimised. discipline that you provide adequate clip to develop the web site or web application firmly non merely accomplish the functionality demands.Integrate security into the proving programmeAll undertakings must include structured testing. The menace speculative distinguish ( see No 4 above ) can be used to assist make test scenarios. Security proving involves look intoing what is non allowed every bit good as the intended functionality. This requires a alteration in mentality for conventional examiners.Deploy the web site firmlyDevelopment, trial and unrecorded environments may be configured otherwise and many security issues can originate because of this. The direction of the apparatus and launch of the website demands to be undertaken in a controlled and defined manner to guarantee all the security controls are in topographic point and extra exposures are non created. Document the constellation and any future changes.Include security in every contract and s ervice degree understandingSpecify what security protection you need from your providers, spouses and sub-contractors. Use the same processes to measure their security as you would your ain. Identify what security monitoring you require and how security breaches will be detected and disclosed Consider catastrophe recovery ( and concern continuity ) See what might do loss of handiness of the web site and place the likeliness of happening and the consequence on the concern. visit whether actions should be taken to extinguish, cut down, insure or accept the hazards. 5 The benefits of electronic commercialism merchandise publicity Through a direct, information-rich and synergistic come through with clients, EC enhances the publicity of merchandises. Electronic medium besides allows interactivity and customization for advertisement content, based on the client profile or input. EC therefore offers an chance for new publicity schemes, summitening the stigmatization of merchandises.Cos t economy By utilizing a public shared substructure such as the Internet and digitally conveying and recycling information, EC systems lower the cost of presenting information to clients, including forces, phone, postage, and printing cost.Timely information Due to their instantaneous nature, EC systems allow a drop of the round of golf clip required to bring forth and present information and services.Shortened remittal clip With electronic financess transfer ( EFT ) , clients send their remittals electronically to the company s bank. This agreement eliminates the clip hold associated with the remittal in the mail system Information consistence EC ensures the consistence and truth of information through sharing of information and usage of electronic signifiers for making concern.Better client service The ability to supply online replies to jobs through declaration ushers, archives of normally encountered jobs and electronic mail interaction 24 hours a xxiv hours, 365 yearss a twel vemonth, builds client assurance and keeping.Better client relationship EC enables the larning about clients due to its ability to envision every event in which a client asks for information about a merchandise, buys one, requests client service, etc. Through these interactions, the demands of the client are identified and will feed future selling attempts.Customization of merchandises The information-based nature of the EC procedures allows for new merchandises to be Created or bing merchandises to be customized based on clients exact demands.Competitive advantages EC enables a company to accomplish competitory advantages of cost salvaging based on Reduced advertising/promotion costs merchandise distinction by custom-making Merchandises and timely response to market client focal point through better client Relationships and better client services.Convenience of making concern There is no springiness on clip and location to carry on a concern with related parties. The informati on delivered to makers, providers and warehouses is about existent clip.E-commerce Web site design theoretical accountsThere is no uncertainty that many Web design theoretical accounts exist on the Internet and new theoretical accounts are increasing efficiently. EC is non merely about making concern over the Internet, it is about altering the manner companies do concern. It is about making new concern theoretical accounts while transforming traditional 1s.After sing many Web sites, a sum of 12 Web site design theoretical accounts for EC were found, the first four theoretical accounts that related to the informational/communicational design are1. Brand consciousness and image edifice theoretical account 2. cost salvaging theoretical account 3. Promotion theoretical account and4.info-mediary theoretical accountBrand consciousness and image edificeModelWeb sites that use this theoretical account provide detailed, rational information about the house and its offerings. They may besid es function as a signal to current and prospective clients and rivals that the house is on the shoot editing border. The theoretical account reaches motivated clients with an information/image-rich communications message. Because the entry barriers are so low, little houses can put up this sort of site as good or in some instances even better than larger houses. Examples of the trade name consciousness and image edifice theoretical account include* Ford ( www.ford.com ) non merely lists all the theoretical accounts of its 7 celebrated automotive trade names, but besides posts its environmental policy, cleaner fabrication, community engagement, and corporate citizenship study.* Reebok ( www.reebok.com ) lets visitants read about athleticss and fittingness, hear from Reebok-sponsored jocks, and larn about Reebok s human-rights activities, among other things.Cost salvaging theoretical accountSalvaging from commercial activity on the Web includes cost-efficient nose eggs and product iveness nestle eggs. By straight run intoing information demands, a Web site can be extremely cost-efficient. Many companies now use their Web site to back up the ownership stage of the client service life rhythm. Productivity nest eggs arise from decrease in order and processing costs and more efficient stock list direction. Cost nest eggs result through decreased booklet printing and distribution costs and decreases in order-taking as clients use fill-out signifiers to fix their ain orders. As control is efficaciously transferred to the client, client satisfaction might really be increased.Examples of the cost salvaging theoretical account include* Microsoft ( www.microsoft.com ) provides voluminous support stuff, unrecorded sound broadcasts of Microsoft conferences, merchandise user groups, and free download of the spot and auxiliary plans.* FedEx ( www.fedex.com ) has a Web-based package tracking service. The Web site saves at least 100,000 shipment tracking petitions a twenty- four hours. The nest eggs from cut imbibe the figure of employees in replying standard client enquiries are enormous.Promotion theoretical accountThe publicity theoretical account represents a alone signifier of advertisement that attracts a possible client to a site. The aim is to pull the user to the commercial site behind it. In many instances, Web sites provide free gifts to acquire users attending. The gifts typically include digitized stuff such as package, exposure, music, and consumer studies.Examples of the publicity theoretical account include* Auto-By-Tel ( www.autobytel.com ) offers a comprehensive consumer study for all major makers. It attracts consumers to see the site to read the study and compare the monetary value. The Web site produces important gross revenues for local auto traders.* Kodak ( www.kodak.com ) provides proficient aid and tutorials for its digital cameras and offers a library of colourful, high-quality digital images that are downloadable.Info-med iary theoretical accountAn info-mediary may offer users free Internet entree or free hardware in exchange for elaborate information about their surfboarding and buying wonts. This is more likely to win than the pure publicity theoretical account. Datas about consumers and their purchasing wonts are highly valuable. peculiarly when thatInformation is carefully analyzed and used to aim selling runs. Some houses are able to work as info-mediaries by roll uping and selling information to other concerns. The theoretical account can besides work in the other way supplying consumers with utile information about the Web sites in a market section that compete for their dollar.Examples of the info-mediary theoretical account include* Audio Review ( www.AudioReview.com ) is a site that allows users to interchange information with each other about the quality of merchandises and services A or the Sellerss with whom they have had a good/ bad purchase experience. Other sites take the construct a measure farther by incorporating an intelligent agent into a Web browser.Such agents monitor a user s wonts, thereby increasing the relevancy of its recommendations to the user s demands A and the value of the informations to the aggregator.* New York Times ( www.NYTimes.com ) , a content-based site, is free to see but requires users merely to register ( other information may or may non be collected ) . Registration allows inter-session trailing of users site use forms and thereby generates informations of greater possible value in targeted advertisement runs. This is the most basic signifier of info-mediary theoretical account. 6 DecisionIn the web design and development pattern, the concluding reappraisal as Tell that the good web design pattern and the bad design pattern in the good and bad design pattern the design of the web site as the depends on the manner that the web site was the developed and the which engineerings are used for that development of the web site.In that w e eventually concluded that the website good and the bad as depended on which engineering as used for developing of the wed page.Mentions 1 .http //en.wikipedia.org/wiki/Web_Design 2 . hypertext transfer protocol //econsultancy.com/reports/web-design-best-practice-guide 3 . hypertext transfer protocol //econsultancy.com/reports/web-design-best-practice-guide-figure 4 .http //www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/ 5 .http //www.watsonhall.com/methodology/top10s.pl. 6 .http //www.emeraldinsight.com/Insight/ViewContentServlet? Filename=/published/emeraldfulltextarticle/pdf/0460090101.pd3. Website Development1. Main.hypertext markup language& lt hypertext markup language & gt & lt headspring & gt & lt manner type= text/css & gt natural structure background-color healthy h1 background-color white h2 background-color white & lt / zeal & gt & lt /head & gt & lt extreme structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBA LL CLUB & lt /h1 & gt & lt / come to & gt & lt /dead soundbox & gt & lt centre & gt & lt h1 class= font3 & gt & lt a href= home.hypertext markup language & gt Home & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt a href= gallery.html & gt Histroy & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt a href= players.html & gt Players & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt a href= photos.html & gt Gallery & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt a href= Contact.html & gt Contact Us & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt a href= Q & A A.html & gt Q & A A & lt /a & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt /h1 & gt & lt /center & gt & lt centre & gt & lt img src= liverpool.jpg , width=95 % , height=1 % & gt & lt /center & gt & lt /body & gt & lt /html & gt 2. Home.html& lt html & gt & lt caput & gt & lt manner type= text/css & gt radical structure background-color cerise h1 background-color cherry-red h2 background-color transparent & lt /style & gt & lt /head & gt & lt organic structure & gt & lt img src= liverpool.jpg , width=33 % , height=10 % & gt & lt img src= 1.jpg , width=33 % , height=10 % & gt & lt img src= 2.jpg , width=33 % , height=10 % & gt & lt centre & gt & lt h1 & gt Home & lt /h1 & gt & l t /center & gt & lt h2 & gt History of Liverpool F.C & lt /h2 & gt & lt p & gt & A nbsp If it was nt for one adult male, Liverpool football connection would neer hold been born. When Everton left Anfield in a difference over rent in 1892, cardinal president John Houlding stayed behind along with a smattering of protagonists and merely three first-team participants. But he was determined to see football continue at the land. He formed a new baseball club from abrasion, chose the name Liverpool and created a fable.Even John Houlding could nt hold predicted how successful it would go. More than 100 old ages on, no English nine can fit the LiverpoolFC axial rotation of honor League Champions 18 times, FA loving cup victors seven times, League instill victors seven times, europiuman Cup victors five times and UEFA Cup victors three times.When it is completed, the History channel will chart the rise and rise of Liverpool FC to the really acme of the England game, from the ba ttles of the early old ages right up to Gerard Houllier s historic soprano in 2001. This channel will remember splendiferous domestic triumphs and European victory and reflect on the calamities of Heysel and Hillsborough.We ve focused on 10 cardinal day of the months in Liverpool Football Club s history to get down with but over clip, we ll hold over 100 chapters in this subdivision entirely as we present the ultimate history of England s greatest of all time football nine. This is a narrative of dumbfounding passion and plume a narrative that non merely inspires Liverpool fans but football protagonists the universe over.& lt /p & gt & lt a href= main.html align= centre & gt pass over here to travel chief page & lt /a & gt & lt /body & gt & lt /html & gt 3. Gallery.html& lt html & gt & lt html & gt & lt caput & gt & lt manner type= text/css & gt organic structure background-color white h1 background-color ruddy h2 background-color ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBALL CLUB & lt /h1 & gt & lt /center & gt & lt /body & gt & lt centre & gt & lt h1 & gt L.F.C HISTORY& lt /h1 & gt & lt /center & gt & lt ul type= phonograph record & gt & lt li & gt & lt h3 & gt 1892 Liverpool Football Club formed & lt /li & gt The history of Liverpool Football Club begins with our greatest challengers and neighbors, Everton, for it was from a difference with Everton that Liverpool Football Club was born.& lt /h3 & gt & lt li & gt & lt h3 & gt 1959 Shankly appointed director & lt /li & gt December 1st 1959 is a day of the month that will ever bearingly be etched in the annals of Anfield history. For it was on this twenty-four hours that Liverpool Football Club announced Huddersfield Town foreman Bill Shankly would be their new director in sequence to Phil Taylor.& lt /h3 & gt & lt li & gt & lt h3 & gt 1965 Wining the FA Cup for first clip & lt /li & gt There was a feeling of quiet optimism around Anfield that this could, at last, be Liverpool s twelvemonth in the ambition we so urgently desired success in. After all, we were the reigning conference title-holders and, under Bill Shankly, anything seemed possible.& lt /h3 & gt & lt li & gt & lt h3 & gt 1977 European Champions & lt /li & gt If winning the FA Cup for the first clip in 1965 is regarded as the greatest twenty-four hours in the history of Liverpool Football Club, so there is no uncertainty that winning the European Cup for the first clip in 1977 was the greatest dark.& lt /h3 & gt & lt li & gt & lt h3 & gt 2001 Clinching the cup soprano & lt /li & gt Merely four yearss after dramatically snaping the FA Cup from Arsenal s appreciation in Cardiff, and with the Worthington Cup already safely tucked away in the Anfield trophy cabinet, Liverpool s category of 2001 completed an unprecedented cup soprano.& lt /h3 & gt & lt li & gt & lt h3 & gt 2005 Champions League Winners 2005 & lt /li & gt On what will travel down every bit THE most unbelievable dark in this nine s celebrated history Liverpool reclaimed their Crown as Kings of Europe after miraculously get the better ofing a 3-0 half-time shortage to get the better of AC Milan at the Ataturk Stadium in Istanbul.& lt /h3 & gt & lt li & gt & lt h3 & gt 2006 FA CUP WINNERS 2006 & lt /li & gt The 2006 FA Cup Final will be remembered in Anfield folklore as the Gerrard concluding as captain antic Steven Gerrard rescued Liverpool with a arresting last minute equalizer to interrupt West Ham s Black Marias and force extra-time& lt /h3 & gt & lt a href= main.html align= centre & gt Click here to travel chief page & lt /a & gt & lt /body & gt & lt /html & gt 4. Players.html& lt html & gt & lt html & gt & lt caput & gt & lt manner type= text/css & gt organic structure background-color white h1 background-color ruddy h2 background-color ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBALL CLUB & lt /h1 & gt & lt /center & gt & lt /body & gt & lt centre & gt & lt h1 & gt TEAM SQUAD& lt /h1 & gt & lt /center & gt & lt h4 & gt Liverpool FC Squad 2008-2009 & lt /h4 & gt & lt ol & gt & lt li & gt Diego Cavalieri & lt /li & gt & lt li & gt Andrea Dossena & lt /li & gt & lt li & gt Sami Hyypia & lt /li & gt & lt li & gt Daniel Agger & lt /li & gt & lt li & gt Robbie Keane & lt /li & gt & lt li & gt Steven Gerrard & lt /li & gt & lt li & gt Andriy Voronin & lt /li & gt & lt li & gt Albert Riera & lt /li & gt & lt li & gt Fabio Aurelio & lt /li & gt & lt li & gt Xabi Alonso & lt /li & gt & lt li & gt Yossi Benayoun & lt /li & gt & lt li & gt Jermaine Pennant & lt /li & gt & lt li & gt Alvaro Arbeloa & lt /li & gt & lt li & gt Dirk Kuyt Louise & lt /li & gt & lt li & gt Ryan Babel Victor & lt /li & gt & lt li & gt Javier Mascherano & lt /li & gt & lt li & gt Lucas Leiva Felix & lt /li & gt & lt li & gt Emiliano Insua & lt /li & gt & lt li & gt Jamie Carragher & lt /li & gt & lt li & gt David Ngog & lt /li & gt & lt li & gt Pepe Reina & lt /li & gt & lt BR & gt & lt BR & gt & lt h4 & gt Liverpool FC Staff & lt /h4 & gt & lt organic structure & gt & lt table border= 1 & gt & lt tr & gt & lt td & gt Manager& lt /td & gt & lt td & gt Assistant Manager & lt /td & gt & lt td & gt deem Team Manage & lt /td & gt & lt td & gt First-team Coach & lt /td & gt & lt td & gt Fitness Coach& lt /td & gt & lt /td & gt & lt /tr & gt & lt tr & gt & lt td & gt Rafael Benitez& lt /td & gt & lt td & gt Sammy Lee & lt /td & gt & lt td & gt Gary Ablett & lt /td & gt & lt td & gt Mauricio Pellegrino & lt /td & gt & lt td & gt Paco De Miguel & lt /td & gt & lt /tr & gt & lt /table & gt & lt br & gt & lt br & gt & lt a href= main.html align= centre & gt Click here to travel chief page & lt /a & gt & lt /body & gt & lt /html & gt 5. Photos.html& lt html & gt & lt html & gt & lt caput & gt & lt manner type= text/css & gt organic structure background-color white h1 background-color ruddy h2 background-color ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBALL CLUB & lt /h1 & gt & lt /center & gt & lt /body & gt & lt centre & gt & lt h1 & gt Gallery& lt /h1 & gt & lt /center & gt & lt caput & gt & lt manner type= text/css & gt h4 colour ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt /body & gt & lt dl & gt & lt ul & gt & lt dt & gt & lt h4 & gt purport & lt h4 & gt & lt /dt & gt & lt br & gt & lt dd & gt & lt li & gt & lt a href= 22.html & gt & lt h3 & gt PLAYERS GALLERY & lt /h3 & gt & lt /a & gt & lt /li & gt & lt BR & gt & lt BR & gt & lt /dd & gt & lt dd & gt & lt li & gt & lt a href= 21.html & gt & lt h3 & gt L.F.C GALLERY & lt /h3 & gt & lt /a & gt & lt /li & gt & lt /dd & gt & lt /ul & gt & lt /dl & gt & lt a href= main.html align= centre & gt Click here to travel chief page & lt /a & gt 6. Contact.html& lt html & gt & lt html & gt & lt caput & gt & lt manner type= text/css & gt organic structure background-color white h1 background-color ruddy h2 background-color ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBALL CLUB & lt /h1 & gt & lt /center & gt & lt /body & gt & lt centre & gt & lt h1 & gt Contact us& lt /h1 & gt & lt /center & gt & lt h3 & gt CONTACT US BY PHONE & lt /h3 & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt br & gt & lt h3 & gt CONTACT US BY EMAIL & lt /h3 & gt & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & A nbsp & lt br & gt & lt br & gt & lt a href= main.html align= centre & gt Click here to travel chief page & lt /a & gt & lt /html & gt 7. Q & A A.html& lt html & gt & lt html & gt & lt caput & gt & lt manner type= text/css & gt organic structure background-color white h1 background-color ruddy h2 background-color ruddy & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL FOOTBALL CLUB & lt /h1 & gt & lt /center & gt & lt /body & gt & lt centre & gt & lt h1 & gt Q & A A& lt /h1 & gt & lt /center & gt & lt ol & gt & lt li & gt & lt h3 & gt Q History of the L.F.C? & lt /h3 & gt Answer & lt a href= gallery.html align= centre & gt Click here & lt /a & gt & lt li & gt & lt h3 & gt Q Players list of L.F.C? & lt /h3 & gt & lt /h3 & gt Answer & lt a href= players.html align= centre & gt Click here & lt /a & gt & lt li & gt & lt h3 & gt Q L.F.C contact Details? & lt /h3 & gt Answer & lt a href= contact.html align= centre & gt Click here & lt /a & gt & lt br & gt & lt br & gt & lt a href= main.html align= centre & gt Click here to travel chief page & lt /a & gt & lt /body & gt & lt /html & gt DESCRIPTION OF WEBSITEIn the developed web site there are seven html files are at that place, each hypertext markup language file as the inter linked with each of the file. The seven hypertext markup language files are main.html, home.html, gallery.html, photos.html, players.html, contact.html, Q & A A.html.Main.htmlThe main.html is the chief page of the web site in this pag e, this page as the linked with the all pages of the web site, this page as the displayed as the background of the L.F.C exposure. In this page I use the CSS.Home.HtmlThe home.html as the place page of the web site the in this page we the headers and the Para of the texts as the about the L.F.C.And besides in this page displayed the three images as the left foreigner and centralised and right aligned as the used.Gallery.htmlThe gallery.html as the content of the gallery of the L.F.C. in this page we i implemented the bulleted list for the points.Player.htmlIn this palyers.html I implemented the a numbered list and the besides the implemented the two tabular arraies as used the name of the squad of L.F.C.Photes.htmlThe photos.html as the usage exposure of the participants and the L.F.C bowl, in this page I implemented the the inter connexion of the pages and the besides the define list as the used in this page.Contact.htmlThe contact.html as the usage the contact list of the L.F.C, in this one implement the electronic mail Idaho that can be used for the direct contact of the electronic mail.Q & A A.htmlThe Q & A A.html as the usage the inquiry reply of the developed web site. In this page I implementeted the ground tackle links as the replies.