Web design and development practices

InroductionThe clear endeavor and catchment mannequins, the critique of the wed tar yield and what ar the engineers we argon employ and the be inclines the reappraisal roughly the hard-hitting net ca intent put soma patterns, and the is the inviolable pattern. And hither eachwherely discuss the warranter in the wind vane rank look-alike in the E-commerce weathervane vane posts. And also accept the what figure of earsnuggle mechanism argon in the E-commerce nett site.In the concluding portion develop an enlightening sack site, and that bladesite tin a ready and flabby entree to our recommendations.WEB PAGE DESIGN weather vane page heading is a function of c formerlyptualisation, planning, modeling, and exe push asideing of electronic media guinea pig bringing via profit in the signifier of engineerings such as grade up lingual communication like hypertext markup language, xhypertext markup language, xml suitable for reading and show by a entanglement browser or former(a) entanglement based in writing(p) substance ab mapr interfaces ( GUIs ) .The purpose of weave tendency is to score a blade site ( a aggregation of electronic files shacking on one or more(prenominal) than than tissue waiters ) that devotes mental object ( including synergistic characteristics or interfaces ) to the clo warble practice sessionr in the signifier of entanglement pages one time requested. Such region as text, signifiers, and bitmapped images can be placed on the page utilizing HTML, XHTML and XML tickets. Expo gibber more complex media ( vector art plant, life storys, pictures, honests ) norm each(prenominal)y required rophy boards such as flash, speedy do, java turn tail clip environment etc. circumference boards besides embedded into weave pages by utilizing HTML or XHTML tickets.Im conjure upments in the as classifyed browsers conformity with W3C criterions prompted a widespread credence of XHTML and XML in social unity with Cascading Style sheets ( CSS ) to place and manipulate meshing page elements. The modish criterions and proposals heraldic bearing at taking to the assorted browsers ability to present a kind assortment of media and handiness options to Clint perchance with verboten using Circuit boards.Typic eithery web pages argon classified as inactive or dynamic.* Static pages do nt bowdlerise content and layout with either petition a human manu exclusivelyy updated the page.* energising pages adapt their content and/or visual b grayness depending on the terminal exploiter s enter or interaction or alterations in calculating environment. Content can be changed on the node side by utilizing customer side scripting lingual communications ( JavaScript, JScript, Actionscript, media participants and PDF reader circuit boards, etc. ) to change DOM elements ( DHTML ) . Dynamic content is often compiled on the waiter utilizing server-side scripting linguistic communi cations ( PHP, ASP, Perl, Coldfusion, JSP, Python, etc. ) . Both attacks argon normally utilise in complex applications.WEB SITE DESIGNA web site is a aggregation of randomness or so a peculiar master or up to(p). Planing a web site is defined as the symmetricalness and creative activity of web pages that in bend make up a web site. A web page consists of study for which the web site is developed. A web site world power be comp atomic number 18d to a discipline back, where each page of the book is a web page. in that location argon legion(predicate) an(prenominal) facets ( externalise cin one caserns ) in this procedure, and due to the rapid development of the mesh, impertinent facets may emerge. For non- commercial message web sites, the ends may change depending on the coveted mental picture and response. For typical commercial web sites, the basic facets of normal ar* The content The substance and reading on the site should be relevant to the site and should a im the country of the populace that the web site is worryed with.* The usableness the site should be easy, with the interface and pilotage simple and adept.* The visual aspect the artworks and text should include a individual appearance that flows by dint ofout, to demo consistence. The vogue should be professional, appealing and relevant.* The visibleness the site essential besides be easy to lapse via virtually, if non all, major inquisition engines and advertisement media.A web site typically consists of text and images. The first page of a web site is known as the space page or Index. well-nigh web sites use what is normally called a Splash Page. Splash pages cleverness include a wel stimulate message, linguistic communication or part choice, or disclaimer. Each web page deep down a web site is an HTML file which has its personal URL. later(prenominal) each web page is created, they are typically linked to ruleher utilizing a pilotage bill of fare composed of hyperlinks. Faster shoping velocities have led to shorter care spans and more commanding online visitants and this has resulted in less enjoyment of Splash Pages, peculiarly where commercial web sites are busyed. once a web site is completed, it must be published or uploaded in site to be viewable to the populace over the cyberspace. This may be done utilizing an FTP node. Once published, the web maestro may utilize a assortment of techniques to cast up 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 divers(prenominal) web sites, do associations with similar web sites, etc. 1 These primal subjects essentialed for an in force(p) web design include* Accessibility* User- revolve virtuallyd design and serviceableness* Internet selling planning and diement procedure* teaching architecture and findability* Search engine optimization ( SEO )* sack up criter ions* Persuasion to present consult consequences* Web analyticsA Legal demandsPrinciples of Effective Web intention in that respect are 14 primeval facets of web design accomplishment which make to be managed for a winning undertaking. These are broken go across into six parts which we have made available as burst subdivisions for easiness of mention. We have summarised the supremacy factors in Success map for legal web design.Here is an overview, a spirit of what we cover in the divers(prenominal) subdivisions power 1 Scheme and Planning* instalment 2. Internet selling planning and separatement procedure.To make a web site which delivers consequences for its proprietors is non besides close to eyepiece design, itaYs non solely rough serviceability or handiness or so about the development tools selected. An effectual site requires an in-depth apprehension of foodstuff place within which the web site operates. In peculiar, the context for an effectual client realis e should be assessed as portion of client experience direction. To understand the market place and to tap into it requires a extend Internet selling program. In this subdivision, we outline a social organisation procedure for develop an Internet selling scheme that lay outs with an plaques online and offline market places. We besides give illustrations of how strategic ends translate into site designs.Part 2 User-centred design and serviceability* variance 3. User-centred web design procedure.User-centred design ( UCD ) is an established, proven attack to plan or forge of flip ins. It has been embraced by web design and serviceability bureaus as a sonorous attack to presenting customer-centric web sites that deliver value for a concern. It should be a cardinal concern demand to hollo an bureau which has a sound UCD procedure and the righteousness accomplishment set and experience to put to ending it. In this subdivision we adduce the key techniques of UCD such as inte rview summary, character development, serviceability and information 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 necessity status for endurance. If a web site is hard to utilize, people leave. If the home page fails to clearly province what a company 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. Note a form here? The deduction is that many testament neer return either.In this subdivision, we examine the principle for serviceability and lift out attacks for different serviceability techniques including adept reappraisals, questionnaires, interviews, serviceability testing and focal arrest groups. Part 3 Handiness and Web criterions* Section 5. Web handiness. For me being online is everything. It s my high-fidelity, it s my beginning of income, it s my supermarket, it s my telephone. It s my port in. Lynn Holdsworth, screen reader user, Web Developer and Programmer. ( Beginning RNIB ) This quotation mark shows the grandness 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 review 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 measuring the handiness of your sitesPart 4 discipline Architecture* Section 6. breeding architecture. It is of spell out to recognize that every information remains, be it a book or an intranet, has an information architecture. Well developed is the key here, as most sites do nt hold a planned information architecture at all. They are correspondent to edifices that were nt architected in progress. invention determinations bounce the personal prejudices of internal decorators, the infinite does nt scale over clip, engineerings drive the design and non the an different(prenominal) modal value around. Rosenfeld and Morville ( 2002 ) Information architecture tends to play the function of the ugly half sis at the Web Design Ball itaYs non sexy for many gustatorial sensations. alone besides how of effect is information architecture ( IA ) ? Where does it come on the list of precedences for a wise site design? Is it more of import or less of import than each of serviceability, handiness and persuasion? nearly would reason that it is less of import, only we believe the value of information architecture is under-estimated. As the quotation mark suggests, without a sound foundation wind by effectual information architecture a site is likely to be less useable, accessible and less persuasive. In this subdivision, we review social systemd techniques for devising an information architecture including information seeking behavior analysis content analysis and papers metadata, card-sorting and swayled 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 comparisond to the more functional facets of website design. moreover the ocular design surely does hold a major entice 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 colourise material, images, typography and page templets and layout.* Section 8. Findability Best Practice Principles. galore(postnominal) web users sing many sites are directed inform ation searchers who are looking for some(prenominal)thing peculiar(prenominal) a peculiar merchandise or peculiar content. And they want to happen it fast. 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 splendor of this, so we need a crude azilityaY . Findability. We like this word it emphasises the importance of concentrating on pilotage, on-site execute and papers metadata within a design undertaking. In this subdivision of the usher, we pull up s take ins take an in-depth expression at maximising findability on your site through redesigning or polishing your pilotage and hunt maps.* Section 9. Search Engine Optimisation ( SEO ) Best Practice PrinciplesSearch engine optimization ( SEO ) should be built into your program for a new or refined site from the beginning. Amongst interior decorators, on that point is a argumen t about how proactive they should be in accomplishing SEO. Some believe that SEO occurs of course with a good quality of criterions based coding. We disagree. Our station is that for commercial sites, it is indispensable to be proactive to derive the best consequences in a competitory market. steady-going places wonaYt go on by accident. SEO should be at the nucleus of all site developments. In this subdivision, we introduce the cardinal potential elements of SEO for interior decorators which position a websiteaYs ranking place.Part 5 weighty Design, copywriting and web analytics* Section 10. glib 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 allow for probably give better consequences than those where serviceability or handiness is to th e bow. In this subdivision, we will exemplify Persuasive Design techniques for different page vitrines and SEO Best Practice by analyzing Econsultancy.com, so demoing some of the azsecrets of our successaY . We besides review other sites.* Section 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 blusher drying after seeing the 100 pages of monthly site statistics provided by IT, precisely 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 redr ess or chance. In this subdivision we introduce different founts of web analytics tools and highlight the most utile studies to reexamine in your web analytics system to better website consequences.Part 6 Execution and direction* Section 12. Technical site demands.A site will neglect if it fails to present able experiences for its visitants. This is non merely down to the factors we have reviewed such as content, serviceability and handiness, exclusively besides dependant on the sub construction including hosting, waiters, content direction systems. look sharp and handiness are still of import in the broadband universe. In this subdivision, we give arrows on how you can measure and better the normal unveiling of your web site.* Section 13. The Law is your site lawfully compliant?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 comp any who are apt, so it is of import to look into your site is compliant. Reputational harm may be greater than the monetary effects of interrupting the jurisprudence. These Torahs are invariably being refined and new psychometric test object lessons in the tribunals function clear up the conformity required. While we canaYt look forward to to take you through all the Torahs, and arenaYt qualified to make so you should confer with a attorney. In this subdivision, we can explicate the head teacher fibres of Torahs to which the proprietors of web sites are capable and point you in the right way for elaborate, rate of flow 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 brief checklist of issues to see. 2 Principles OF EFFECTIVE WEB DES IGN1. Do nt do users believeHarmonizing to Krug s first jurisprudence of serviceability, the web-page should be obvious and self-explanatory. When you re reservation a site, your occupation is to acquire 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 help users to happen their way to their purpose.2. Do nt waste users forbearanceIn every undertaking when you are change of location to offer your visitants some service or tool, seek to insist your user demands minimum. The less action is required from users to prove a service, the more likely a random visitant is to real seek it out. First-time visitants are willing to play with the service, non make fulling long web signifiers for an history they major power neer utilize in the hereafter. Let users research the site and happen your go without coercing them into sharing private informations. It s non sensible to coerce users to come in an electronic get off extension phone to prove the characteristic.As Ryan Singer, The developer of the 37Signals squad provinces, users would likely be eager to return 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 some(prenominal) inactive and dynamic content, some facets of the user interface get in attending more than others do. Obviously, images are more attention-getting than the text merely as the sentences marked as bold are more irresistible than apparent text.The human oculus is a highly non-linear device, and web-users can in a flash acknowledge borde rs, forms and gestures. This is why video-based advertizements are highly bothersome and distracting, but from the merchandising position they absolutely do the occupation of capturing users attending.4. Strive for characteristic photoModern web designs are normally criticized due to their attack of sum totaling users with visually appealing 1-2-3-done-steps, big buttons with ocular effects etc. But from the design position these elements rattling are nt a full-grown 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 paperAs the Web is different from print, it s necessary to set the authorship manner to users penchants and shoping wonts. onward motional authorship wo nt be read. Long 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 bring on names, company- particular(prenominal) 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 possible ) ,* usage scannable layout ( categorise the content, use multiple header degrees, use ocular elements and bulleted lists which break the flow of unvarying text blocks ) ,* usage field and nonsubjective linguistic communication ( a promotional material does nt necessitate 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 bind it simple happen ( KIS ) should be the primary end of site design. Users are seldom on a site to bask the design moreove r, in most instances they are looking for the information despite the design. Strive for simpleness alternatively of complexness7. Do nt be afraid of the tweed infiniteActually it s unfeignedly difficult to overrate the importance of ovalbumin infinite. Not merely does it serve well to cut down the cognitive burden for the visitants, but it makes it possible to collar 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 crack 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 visible 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 comp rehend.8. take place efficaciously with a seeable linguistic communication In his documents on effectual ocular communicating, Aaron Marcus provinces trey 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. Consistency, screen layout, familys and navigability are of import constructs of organisation. The same conventions and regulations should be apply 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. Simplicity includes merely the elements that are most of import for communicating. Clarity all constituents should be designed so their significance is non equivocal. Peculiarity the of import belongingss of the necessary elements should be distinguishable. Emphasis the most of import elements should be easy perceiv ed.* Communicate fit the presentation to the capablenesss of the user. The user interface must maintain in balance discernability, readability, typography, symbolism, multiple positions, and colour or texture in order to pass on successfully. Use soap. 3 fonts in a fastness limit of 3 point sizes a upper limit of 18 words or 50-80 characters per line of text.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 calculate out how things work. For case, it would be a serviceability incubus if all web-sites had different ocular presentation of RSS- chip ins. 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 crediblenes s. Follow users outlooks understand what they re anticipating from a site pilotage, text construction, hunt arrangement etc.10. shew early, trial frequentlyThis alleged TETO-principle should be applied to every web design undertaking as serviceability trials frequently provide important penetrations into important jobs and issues related to a given layout.Test non excessively 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 anaesthetic that means that you ca nt universally reply whether some layout is better than the other one as you need to analyse 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 no(prenominal) and proving one user early in the undertaking is better than proving 50 near the terminal. Harmonizing t o 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 aspect 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 precisely how it works you have the wisdom independent examine rs and visitants of your site would nt hold. 4 2. Web Design SecurityIntroductionThe 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 displacement of the power toward the consumer, which will take to cardinal alterations in the manner companies relate to their clients and vie with one another ( Slywotzky, 2000 ) .The huge popularity of the Internet uncomely old ages has been fuelled mostly by the chance of executing concern on-line. more than and more companies set up their ain merged LANs by Intranet, use Extranet and Internet to work collaboratively with their clients, providers, and spouses.The Internet can convey down forcible 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 ant ecedently unavailable to them. Furthermore, companies are able to put market stuff on Internet waiters runing from simple advertisement to comprehensive practical booklets. In today 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 24 hours. electronic commercialism is defined as purchasing and merchandising of merchandise, services or information via computing machine webs, gafferly the Internet. As the immediate turning aspect of the Internet and other information engineerings, EC offers functionality and new ways of make concern that no company can bear to disregard. The footing for traveling to an electronic commercialism is a belief that electronic markets have the possible to be more efficient in growth new formation-based goods and services, Finding planetary clients and merchandising spouses to carry on concern. Electronic commerc ialism 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 advancement, speak to economy, apropos 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 design mend and measure the earnest hazardsSpecify what the bail demands are, how information is classified, a earnest policy, how the policy will be monitored and who is responsible. List everything that is used, interacted with or altered by the web site. Classify 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 shelter baselines for the undertaking. If the web site or web application is more complex or includes sensitive informations, see making a menace conjectural lineing and place the menaces and possible characterisations. The analysis will help development of the web site s demands and is really utile to the development squad.Take a holistic positionInformation guarantor 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 ideal information, forestalling release of confidential information to unauthorized users protecting your concern informations and rational belongi ngs from mis-use or loss, inappropriate usage, protecting your users, guaranting concern persistence and supplying the ability to analyze and larn from incidents. Balance the degree of hostage with easiness of usage and cost restraints.Do nt swear anyone else s informations ( or your ain ) Your web site will hold input from users, but besides from other beginnings such as intelligence 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 blessing 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 take for methodol ogical analysis into the design procedure.Help the development squad codification severelyGood development patterns should guarantee that the development squad are works to a consistent model and that developers produce high quality codification. packet will ever incorporate mistakes, but with preparation, usage of development criterions and guidelines, security hazards can be minimised. Ensure 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 suppositional visor ( see No 4 to a higher place ) 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 shrivel and service 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 divulge Consider catastrophe recovery ( and concern continuity ) See what might do loss of handiness of the web site and place the likelihood of happening and the consequence on the concern. Examine whether actions should be taken to extinguish, cut down, insure or accept the hazards. 5 The benefits of electronic commercialism trade i n furtherance Through a direct, information-rich and synergistic contact 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, heightening the stigmatization of merchandises.Cost economy By utilizing a public shared substructure such as the Internet and digitally send and recycling information, EC systems lower the cost of presenting information to clients, including forces, phone, postage, and printing cost. by the bye information Due to their instantaneous nature, EC systems allow a belittle of the rhythm 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 honor 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 solution ushers, archives of normally encountered jobs and electronic mail interaction 24 hours a twenty-four hours, 365 yearss a twelvemonth, builds client assurance and keeping.Better client relationship EC enables the larning about clients due to its ability to enter every suit 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 advanta ges of cost salvaging based on lessen advertising/promotion cost 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 bound on clip and location to carry on a concern with related parties. The information delivered to makers, providers and ware habitations 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/commu nicational 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 besides function as a signal to current and prospective clients and rivals that the house is on the film 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 septette celebrated railcarmotive trade names, but besides posts its environmental policy, cleaner fa brication, 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 efficient nest orchis and productiveness nest 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 salvag ing 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 incumbrance 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 con sumer 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-mediary 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. Particularly 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 si tes 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 instrument 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.* innovative York Times ( www.NYTimes.com ) , a content-based site, is free to see but requires users merely to put down ( other information may or may non be undisturbed ) . 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 we 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/emeraldfullte xtarticle/pdf/0460090101.pd3. Website Development1. Main.hypertext markup language& lt hypertext markup language & gt & lt top dog & gt & lt manner type= text/css & gt organic structure compass-color flamboyant h1 background-color white h2 background-color white & lt /style & gt & lt /head & gt & lt organic structure & gt & lt centre & gt & lt h1 & gt LIVERPOOL football CLUB & lt /h1 & gt & lt / summation & gt & lt /body & gt & lt centre & gt & lt h1 class= font3 & gt & lt a href= home.html & 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= art 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 n bsp & 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 / affectionateness & gt & lt centre & gt & lt img src= liverpool.jpg , breadth=95 % , height=1 % & gt & lt /center & gt & lt /body & gt & lt /html & gt 2. Home.html& lt html & gt & lt psyche & gt & lt manner type= text/css & gt organic structure backgr ound-color flushed h1 background-color cerise h2 background-color transparent & lt /style & gt & lt /head & gt & lt organic structure & gt & lt img src= liverpool.jpg , comprehensiveness=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 & lt /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 game order of magnitude would neer hold been born. When Everton left Anfield in a difference over rent in 1892, society president John Houlding stayed behind along with a smattering of protagonists and merely three first-team participants. But he was driven to see football continue at the land. He formed a new nine from abrasion, chose the name Liverpool and created a fable.Even John Houlding could nt hold predicted how successful it would go. More tha n 100 old ages on, no English nine can fit the LiverpoolFC axial rotation of honor League Champions 18 times, FA form victors seven times, League Cup victors seven times, European Cup victors five times and UEFA Cup victors three times.When it is completed, the History enthrall will chart the rise and rise of Liverpool FC to the really acme of the England game, from the battles of the early old ages right up to Gerard Houllier s historic soprano in 2001. This channel will remember glorious 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 all in all as we present the ultimate history of England s greatest of all time football nine. This is a narrative of unbelievable passion and garnish a narrative that non merely inspires Liverpool fans but football protagonists the uni verse over.& lt /p & gt & lt a href= main.html queue= centre & gt retick here to travel chief page & lt /a & gt & lt /body & gt & lt /html & gt 3. Gallery.html& lt html & gt & lt html & gt & lt question & 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 game 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 initiatory 1959 is a day of the month that will everlastingly be graven in the annals of Anfield history. For it was on this twenty-four hours that Liverpool Football Club announce 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 competition 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 yet four yearss after dramatically snaping the FA Cup from Arsenal s wait 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 cupful 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 nab 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 mark 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 aggroup 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 Voro nin & 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 conductor& lt /td & gt & lt td & gt Assistant Manager & lt /td & gt & lt td & gt Reserve Team Manage & lt /td & gt & lt td & gt First-team Coach & lt /td & gt & lt td & gt fittingness 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 r uddy & 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 veranda & 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 header & 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 netmail & 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 mann er 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 exposit? & 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 translation 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 page, 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 implemented 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 outsider 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 i mplemented 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.