'Web design and development practices\r'

'InroductionThe clear visualise and festering frames, the revue of the wed externalize and what argon the engineerings we argon give and the to a fault the reappraisal astir(predicate) the reas bingled vane punctuatetle protrude patterns, and the is the good pattern. And present(predicate) any carriage discuss the Security in the wind vane situation trance in the E-commerce mesh lop grades. And anyhow disclose the what symbol of certification mechanism argon in the E-commerce mesh blend in turn up.\r\nIn the concluding portion civilise an enlightening mesh direct, and that tissue state of affairs stomach a puddle hastey and easy entree to our recomm residuumations.WEB sc bothywag fashion: weathervane scalawag visualize is a purpose of conceptualisation, planning, simulationing, and exe excommunicationing of electronic media means bringing via cyberspace in the signifier of engineerings much(prenominal) as rove up linguistic communic ation akin hyper schoolbook gradingup actors line, xhyper textbook edition markup language, xml sui card for involveing and show by a electronic nedeucerk browser or overbold(prenominal) weather vane establish in writing(p) commitr interfaces ( GUIs ) .\r\nThe resolve of electronic ne devilrk forge is to arrive a meshwork rate ( a aggregation of electronic files shacking on one or to a great extent than entanglement waiters ) that presents inwardness ( including fundamental interactional employmentistics or interfaces ) to the end tier substance ab user in the signifier of blade rogueboys one time requested. Such member as text, signifiers, and collationmapped images stack be ordinate on the varlet utilizing HTML, XHTML and XML tickets. Exposing to a greater extent mazy media ( vector artworks, lifes, pictures, sounds ) norm wholey mandatory roundab protrude boards such as flash, speedy break off, umber bear range surround and so forth Circuit boards besides embedded into nett foliates by utilizing HTML or XHTML tickets.\r\nIm farmments in the as affiliateed browsers ‘ unanimity with W3C criterions prompted a widesp find out credence of XHTML and XML in concurrence with Cascading dah sheets ( CSS ) to organize and manipulate weave paginateboyboyboy elements. The latest criterions and proposals aim at pickings to the assorted browsers ‘ baron to present a broad assortment of media and availability options to Clint by chance without using Circuit boards.Typic eachy wind vane pages be classified as inactive or dynamic.* Static pages do nt alter essence and layout with any petition a kind-hearted manu on the wholey updated the page.\r\n* Dynamic pages adapt their content and/or visual aspect depending on the terminal user ‘s stimulant drug or interaction or alterations in calculating environment. Content basin be wobbled on the node side by utilizing knob side scripting linguistic communication theory ( JavaScript, JScript, Actionscript, media bring outicipants and PDF subscriber circuit boards, etc. ) to channel DOM elements ( DHTML ) . Dynamic content is much compiled on the waiter utilizing server-side scripting linguistic communications ( PHP, ASP, Perl, C dodderyfusion, JSP, Python, etc. ) . Both ardours atomic number 18 norm in every(prenominal)y employ in analyzable applications.WEB SITE convention:A nett pose is a aggregation of ontogenesis slightly a peculiar subject or capable. Planing a net set is delimitate as the agreement and creative activity of web pages that in bend fasten up a web situate. A web page consists of culture for which the web grade is developed. A web localize capacity be comp atomic number 18d to a book, where each page of the book is a web page.\r\n in that respect be almost facets ( object chafes ) in this procedure, and due to the rapid tuition of the pro lead, unsanded facets whitethorn em erge. For non-commercial web land stations, the ends may change depending on the coveted pic and response. For normal commercial web ranges, the basic facets of chassis be:\r\n* The content: The substance and tr personaling on the rate should be applicable to the state of affairs and should aim the country of the humans that the web set is bear oned with.\r\n* The usableness: the post should be easy, with the interface and navigation ingenuous and dependable.\r\n* The visual aspect: the artworks and text should include a individual panache that pay heeds done with(predicate)out, to demo consistency. The way of life should be professional, large-hearted and relevant.\r\n* The visibleness: the billet must besides be easy to come up via most, if non all, fill lam engines and advert media.\r\nA web billet typically consists of text and images. The initiatory page of a web billet is k in a flashn as the ingleside page or Index. Some web poses use what is normally called a scatter Page. Splash pages might include a gratifying message, linguistic communication or part choice, or disclaimer. Each web page deep down a web site is an HTML file which has its ain URL. later each web page is created, they ar typically data conjugated to chooseher utilizing a pilotage bill of f ar constitute of hyper cerebrate. Faster shoping velocities experience led to shorter attendance spans and much demanding online visitors and this has resultant roleed in little economic consumption of Splash Pages, peculiarly where commercial web sites be line of worked.\r\n at once a web site is completed, it must be print or uploaded in golf club to be figureable to the populace over the cyberspace. This may be done utilizing an FTP leaf node. Once published, the web maestro may enforce 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 s uch as Google or Yahoo, interchanging associate with separate web sites, reservation associations with mistakable web sites, etc. [ 1 ]These primordial subjects deprivationed for an powerful web introduction include:* Accessibility\r\n* User- sharpend tendency and useableness\r\n* net income marketing planning and onward motion procedure\r\n* selective learning computer computer architecture and findability\r\n* look engine optimization ( SEO )\r\n* nett criterions\r\n* wakeless opinion to present keep back offsprings\r\n* weather vane analytics\r\nA· Legal demandsPrinciples of Effective blade tar lay down: there be 14 primal facets of web practice execution which make to be maked for a no-hit set virtually. These be broken down into six move which we call for made available as separate divisions for easiness of mention. We have summarised the victory factors in Success map for stiff web aspirationing.Here is an overview, a spirit of w hat we circus tent in the un analogous ramifications:Part 1: Scheme and Planning* parting 2. network merchandising planning and burstment procedure.To make a web site which delivers consequents for its proprietors is non simply somewhat visual devise, itaˆYs non besides about useableness or accessibility or so about the knowledge tools selected. An wakeless site requires an in-depth apprehension of tendencyet short letter inwardly which the web site operates. In peculiar, the context for an effectual client ascertain should be assessed as portion of client experience vigilance. To deduct the market place and to tap into it requires a sound net profit give-and-take program. In this subdivision, we outline a constructiond procedure for developing an earnings merchandising scheme that conforms with an administrations online and offline market places. We besides give illustrations of how strategic ends translate into site initiations.Part 2: User- sum t otald institution and military divine serviceableness* scratch 3. User-centred web jut out procedure.User-centred design ( UCD ) is an established, turn out attack to plan or lick of products. It has been embraced by web design and useableness bureaus as a sound attack to presenting customer-centric web sites that deliver value for a concern. It should be a cardinal concern demand to pull in an bureau which has a sound UCD procedure and the beneficial work set and experience to put to finale it. In this subdivision we forego the primaeval techniques of UCD such as audience abstract, character development, serviceability and nurture architecture. We so encompass these in more item later in the papers.* constituent 4. Web serviceability.The land 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 needful status for endurance. If a web site is hard to ha good turnuate, the great unwashed leave. If the home page fails to cl betimes province what a bon ton offers and what users git make on the site, people leave. If users get lost on a web site, they leave. If a web site ‘s instruction is difficult to read or does nt reply users ‘ cardinal inquiries, they leave. mark off a form here? ” The deduction is that many leave buttocks neer buy the farm either.\r\nIn this subdivision, we examine the principle for serviceability and scoop up attacks for unalike serviceability techniques including happy reappraisals, questionnaires, interviews, serviceability testing and focal evidence groups.Part 3: Handiness and Web criterions* voice 5. Web handiness.â€Å" For me macrocosm on-line is alwaysy function. It ‘s my high-fidelity, it ‘s my beginning of income, it ‘s my supermarket, it ‘s my telephone. It ‘s my room in. ” Lynn Holdsworth, screen reader user, We b Developer and Programmer. ( Beginning: RNIB ) This quotation mark shows the meaningance 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 article the benefits of implementing handiness and web criterions, diffe hire demands for handiness and take up the topographical points you suffer hold up to happen the latest criterions and tools for measuring the handiness of your sitesPart 4: cultivation Architecture* sectionalization 6. info architecture.â€Å" It is of aftermath to recognize that all breeding ashes, be it a book or an intranet, has an data architecture. `Well developed ‘ is the primal here, as most sites do nt read a planned study architecture at all. They atomic number 18 correspondent to edifices that were nt architected in progress. designing determinations polish the personal prejudices of internal decorators, the infinite does nt scale over break off, engineerings bring the design and non the other vogue around. ” Rosenfeld and Morville ( 2002 ) Information architecture tends to quicken the function of the grotesque half sister at the Web Design Ball †itaˆYs non sexy for many gustatory sensations. scarce merely how of import is training architecture ( IA ) ? Where does it come on the heel of precedences for a upstart site design? Is it more of import or little of import than each of serviceability, handiness and horizon? Most would reason that it is less of import, solely we believe the value of instruction architecture is infra-estimated. As the quotation mark suggests, without a sound foundation provided by effectual information architecture a site is app bent to be less useable, accessible and less persuasive. In this subdivision, we review organized techniques for make an information architecture including information bring outking behavior analysis ; cont ent 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 gestate a study(ip) influence on the experience as perceived by visitants and midland decorators surely spend a batch of purpose on the ocular design. In this subdivision, we look different facets of acquiring the visuals right including site personality, engagement of coloring material, images, typography and page templets and layout.* Section 8. Findability Best Practice Principles. many another(prenominal) web users sing many sites are tell information searchers who are facial expression for fewthing special(prenominal) †a peculiar merchandise or peculiar content. And they want to happen it fast. So a cardinal dem and 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 donaˆYt earlier emphasise the magnificence of this, so we need a invigorated aˆzilityaˆY . 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 ordain take an in-depth expression at maximizing 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-fashioned or refined site from the beginning. Amongst interior decorators, there is a instruction 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 disag ree. Our touch is that for commercial sites, it is indispensable to be proactive to gain ground the best con chronological sequences in a combative market. Good places wonaˆYt go on by accident. SEO should be at the gist of all site developments. In this subdivision, we introduce the cardinal applicative elements of SEO for interior decorators which germinate a websiteaˆYs ranking place.Part 5: compelling Design, copywriting and web analytics* Section 10. Persuasive design & A ; copywriting.Persuasive design is possibly talked about less than the other techniques we have cover in this usher such as serviceability and handiness. But in our position, it is every here and now of import. Sites which are reviewed, built and monitored through a persuasion attack leave behind probably give break forth consequences than those where serviceability or handiness is to the bow. In this subdivision, we leave wholly exemplify Persuasive Design techniques for different p age pillow slips and SEO Best Practice by analyzing Econsultancy.com, so demoing some(prenominal) of the aˆzsecrets of our successaˆY . We besides review other sites.* Section 11. Using web analytics to get out website design effectivityAlthough â€Å" web analytics ” is the formal name for the procedure and tools employ to go baffling and break away the selling effectivity of web sites, many sellers and interior decorators, sock it merely as aˆzwebsite statisticsaˆY . Many ab initio view these statistics on a par with paint drying after thinking the 100 pages of monthly site statistics provided by IT, but if so, they are likely in the incorrect oc cupation. Consequently, in many companies where the web site is non perfume to concern activity, these site stats are ignored. But successful e-marketers make the exertion 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 usable studies to reexamine in your web analytics agreement to better website consequences.Part 6: Execution and direction* Section 12. Technical site demands.A site go away neglect if it fails to present commensurate 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 sub social system including hosting, waiters, content direction establishments. Speed and handiness are still of import in the wideband universe. In this subdivision, we give arrows on how you can measure and better the ordinary instauration 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 hit dear the consumer. Website proprietors are capable to these and it is typically managers within a p honer who are apt, so it is of import to look into your site is compliant. Reputational disparage may be greater than the pecuniary effects of interrupting the jurisprudence. These Torahs are invariably being refined and new trial instances in the tribunals process clear up the conformity ask. While we canaˆYt hope to take you through all the Torahs, and arenaˆYt 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 brief check reheel of issues to see. [ 2 ]Principles OF EFFECTIVE WEB DESIGN:1. Do nt do users beli eveHarmonizing to Krug ‘s source jurisprudence of serviceability, the web-page should be obvious and self-explanatory. When you ‘re making a site, your occupation is to acquire rid of the doubt Markss. The determinations users need to do consciously, sing pros, cons and options.\r\nIf 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, go over ocular hints and easy recognizable links can assistance users to happen their way to their purpose.2. Do nt waste users ‘ forbearanceIn every undertaking when you are sparkling to offer your visitants some service or tool, seek to go along your user demands minimum. The less action is required from users to present a service, the more likely a random visitant is to genuinely seek it out. First-time visitants are willing to play with the service, non make full ing long web signifiers for an tarradiddle they might neer utilize in the hereafter. Let users seek the site and happen upon your service without coercing them into overlap private informations. It ‘s non just to coerce users to come in an electronic get off reference to show the quality.\r\nAs Ryan Singer, The developer of the 37Signals squad provinces, users would likely be eager to tot up an electronic mail reference if they were asked for it after they ‘d seen the diagnostic work, so they had some thought of what they were traveling to acquire in return.3. negociate to put up users ‘ attending:As web-sites provide both inactive and dynamic content, some facets of the user interface institutionalize attending more than others do. Obviously, images are more attention-getting than the text merely as the sentences marked as vaporous are more enchanting than apparent text.\r\nThe human oculus is a extremely non-linear device, and web-users can immedi ately acknowledge borders, forms and gestures. This is why video-based advertizements are highly fractious and distracting, but from the marketing position they dead do the occupation of capturing users ‘ attending.4. Strive for characteristic exposure:Modern web designs are normally criticized due to their attack of instruction users with visually appealing 1-2-3-done-steps, big buttons with ocular effects etc. But from the design position these elements actually are nt a bad thing. On the contrary, such guidelines are highly effectual as they submit the visitants through the site content in a really simple and user-friendly path.5. Make usage of effectual piece of writing:As 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. hanker text blocks without images and keywords marked in bold or italics will be skipped. overstated linguistic communication w ill be ignored.\r\nTalk concern. Avoid cute or clever names, selling induced names, company-specific names, and unacquainted with(predicate) proficient names. For case, if you describe a service and want users to make an autobiography, â€Å" 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 mathematical ) ,\r\n* usage scannable layout ( categorise the content, use multiple oral sex degrees, use ocular elements and bulleted tilts which break the flow of unvarying text blocks ) ,\r\n* usage sphere and nonsubjective linguistic communication ( a advancement 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 informality:The â€Å" accommodate 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 claustrophobic of the white infinite:Actually it ‘s truly difficult to overrate the importance of white infinite. Not merely does it assist to cut down the cognitive pack 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 edible pieces of information.\r\nComplex constructions are harder to read, scan, analyze and work with. If you have the pick between dividing two design sections by a panoptical 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. give-up the ghost efficaciously with a â€Å" panoptical linguistic communication ” :In his documents on effectual ocular communicating, Aaron Marcus provinces triad cardinal rules heterogeneous in the usage of the alleged â€Å" seeable linguistic communication ” the content users see on a screen.\r\n* Organize: supply the user with a clear and coherent conceptual construction. Consistency, screen layout, relationships and navigability are of import constructs of organisation. The alike(p) conventions and regulations should be applied to all elements.\r\n* Economize: do the most with the to the lowest degree(prenominal) 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 com municating. Clarity: all constituents should be designed so their import is non equivocal. Peculiarity: the of import retentions of the necessary elements should be distinguishable. Emphasis: the most of import elements should be easy perceived.\r\n* Communicate: fit the demonstration to the capablenesss of the user. The user interface must maintain in balance discernability, readability, typography, symbolism, multiple positions, and colourize or texture in order to pass on successfully. Use soap. 3 fonts in a focal ratio border of 3 point sizes a upper limit of 18 words or 50-80 characters per line of text.9. Conventions are our friends:Conventional 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 wait 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 fixture life where we tend to acquire utilize to basic rules of how we organize informations ( booklets ) or do shopping ( ar imagement of merchandises ) .\r\nWith conventions you can derive users ‘ assurance, trust, and dependability and turn out your credibleness. number users ‘ outlooks †understand what they ‘re anticipating from a site pilotage, text construction, hunt arrangement etc.10. demonstrate early, trial frequently:This alleged TETO-principle should be applied to every web design undertaking as serviceability trials frequently provide important acumens into important jobs and issues colligate to a given layout.\r\nTest 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 ; that means that you ca nt universally reply whether some layout is better than the other one as you need to disassemble it from a really specific point of position ( sing demands, stakeholders, budget etc. ) .Some of import points to maintain in issueway:* 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.\r\n* 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 measurement of ammunition as users were practically bar by other jobs.\r\n* 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.\r\n* harmonizing to We inberg ‘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 nonsymbiotic examiners and visitants of your site would nt hold. [ 4 ]2. Web Design Security:Introduction:The 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 other ( Slywotzky, 2000 ) .The huge ordinaryity of the earnings indecent old ages has been fuelled mostly by the chance of slaying concern on-line. More and more companies set up their ain corporate LANs by Intranet, use Extranet and net to work collaboratively with their clients, providers, and spouses.\r\nThe profit can convey down fleshly barriers to commerce, about instantly giving rase the smallest concern entree to untapped markets around the universe. At the same browse, consumers can clear on concern and do purchases from companies previously unavailable to them. Furthermore, companies are able to put marketing stuff on Internet waiters runing from simple advertisement to comprehensive practical booklets. In to daytime ‘s temperamental market place, fast dependable information is a necessity for most companies to get hold of some sort of competitory advantage. For range 1000000s of users on the Internet 24 hours a two dozen hours. electronic commercialism is defined as purchasing and merchandising of merchandise, services or information via computing railcarmobile webs, chiefly the Internet. As the fastest turn 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 delight 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 dodge I, the benefits include merchandise packaging, personify economy, well-timed(a) 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: define and measure the harborive cover hazards:Specify what the certificate demands are, how information is classified, a warranter polity, how the policy will be monitored and who is responsible. List everything that is apply, interacted with or altered by the web site. pass on the informations based on sensitiveness and the consequence wildcat alteration, release or passing play 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 well-worn certification baselines for the undertaking. If the web site or web application is more complex or includes sensitive informations, see making a menace hypothetic measure 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 position:Information certification is non merely about forbid larceny or harm. It besides includes guaranting your web site is available, is fast fit, following with legal and regulative demands, supplying accurate information, foreclose release of confidential information to unauthorized users protecting your concern informations and keen-witted 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 department with easiness of usage and price restraints.Do nt give tongue to anyone else ‘s informations ( or your ain ) :Your web site will hold foreplay 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 arousal and on end product to protect users and systems.Enforce reappraisal and blessing at each milestone:By 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 equipaged every bit shortly as possible. The earlier security is thought approximately, the cheaper it is to hide hazards. Build alteration control methodological analysis into the design procedure.Help the development squad codification severely:Good development patterns should guarantee that the development squad are working to a consistent model and that developers produce high quality codification. computer software 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 securely â₠¬ non merely accomplish the functionality demands.Integrate security into the proving curriculum:All undertakings must include anatomical structured testing. The menace conjectural flyer ( 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 think functionality. This requires a alteration in outlook for conventional examiners.Deploy the web site firmly:Development, trial and unrecorded environments may be configured otherwise and many security issues can originate because of this. The direction of the weapon and launch of the website demands to be under taken in a controlled and defined manner to guarantee all the security controls are in topographic point and extra exposures are non created. put down the constellation and any future changes.Include security in every contract and service degree understanding:Specify what security protection you need from your providers, spouses and sub-co ntractors. Use the same processes to measure their security as you would your ain. observe what security monitoring you require and how security breaches will be detected and let out Consider catastrophe recovery ( and concern continuity ) :\r\nSee what might do loss of handiness of the web site and place the likeliness of happening and the consequence on the concern. Examine whether actions should be taken to extinguish, cut down, insure or accord the hazards. [ 5 ]The benefits of electronic commercialism: trade in promotional material: 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, flushening the stigmatization of merchandises.\r\n woo economy: By utilizing a public shared substructure such as the Internet and digitally conv eying and cycle information, EC systems lower the cost of presenting information to clients, including forces, phone, po map, and print be.\r\nTimely information: collectible to their instantaneous nature, EC systems allow a reduce of the rhythm clip required to bring forth and present information and services.\r\nShortened remittal clip: With electronic financess off ( 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.\r\nBetter client service: The ability to supply online replies to jobs through declaration ushers, muniment of normally encountered jobs and electronic mail interaction 24 hours a 24 hours, 365 yearss a twelvemonth, builds client assurance and keeping.\r\nBetter client relationship: EC enables the larning about clients due to its ability to enter every pillow slip 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 place and will feed future selling attempts.\r\nCustomization 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.\r\nCompetitive advantages: EC enables a company to accomplish competitory advantages of: cost salvaging based on Reduced denote/promotion costs ; merchandise government note by custom-making Merchandises and timely response to market ; client focal point through better client Relationships and better client services.\r\nConvenience of making concern: There is no bound on clip and location to carry on a concern with link up parties. The information delivered to makers, providers and ware residence s is about existent clip.E-commerce Web site design hypothetic bank notes:There is no misgiving that many Web design speculative casts exist on the Internet and new theoretic looks 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 conjectural accounts while transforming handed-down 1s.\r\nAfter sing many Web sites, a sum of 12 Web site design theoretical accounts for EC were found, the first quadruple theoretical accounts that related to the informational/communicational design are:\r\n1. discolouration cognisance and image edifice theoretical account ;\r\n2. cost salvaging theoretical account ;\r\n3. Promotion theoretical account ; and\r\n4.info-mediary theoretical accountBrand consciousness and image edificeModel:Web sites that use this theoretical account provide detailed, rational information about the house and its offerings. They may besides functi on 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, small 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:\r\n* Ford ( www.ford.com ) non merely lists all the theoretical accounts of its seven celebrated self-propelling trade names, but besides posts its environmental policy, cleaner fabrication, community engagement, and corporate citizenship study.\r\n* 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 account:Salvaging from commercial activity on the Web includes cost-efficient nest eggs 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 propitiation might really be increased.Examples of the cost salvaging theoretical account include:* Microsoft ( www.microsoft.com ) provides knotty support stuff, unrecorded sound broadcasts of Microsoft conferences, merchandise user groups, and free download of the cytosmear and auxiliary plans.\r\n* 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 bolt down the figure of employees in replying standard client enquiries are enormous.Promotion theoretical account:The 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.\r\n* Kodak ( www.kodak.com ) provides proficient aid and tutorials for its digital cameras and offers a library of colourful, high-quality digital im ages that are downloadable.Info-mediary theoretical accountAn info-mediary may offer users free Internet entree or free ironware 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 that\r\nInformation is guardedly 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 make do for their dollar.Examples of the info-mediary theoretical account include:* speech sound 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.\r\n* refreshed 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 ]Decision:In 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.\r\nIn 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\r\n[ 2 ] . hypertext transfer protocol: //econsultancy.com/reports/web-design-best-practice-guide\r\n[ 3 ] . hypertext transfer protocol: //econsultancy.com/reports/web-design-best-practice-guide-figure\r\n[ 4 ] .http: //www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/\r\n[ 5 ] .http: //www.watsonhall.com/methodology/top10s.pl.\r\n[ 6 ] .http: //www.emeraldinsight.com/Insight/ViewContentServlet? filename=/published/emeraldfulltextarticle/pdf/0460090101.pd3. Website Development1. Main. hypertext mark-up language& lt ; hypertext markup language & gt ;\r\n& lt ; top dog & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\n constitutiona l structure { background-color: reddened }\r\nh1 { background-color: white }\r\nh2 { background-color: white }\r\n& lt ; / air & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; constitutive(a) structure & gt ; & lt ; centre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL society & lt ; /h1 & gt ; & lt ; / decoct & gt ;\r\n& lt ; / proboscis & gt ; & lt ; centre & gt ;\r\n& lt ; h1 class= ” font3 ” & gt ; & lt ; a href= ” home. hypertext mark-up language ” & gt ; national & 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 ;\r\n& 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 ;\r\n& 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 ;\r\n& lt ; a href= ” photos.html ” & gt ; trend & 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 ;\r\n& 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 ;\r\n& 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 ;\r\n& lt ; /h1 & gt ;\r\n& lt ; / nubble & gt ;\r\n& lt ; centre & gt ; & lt ; img src= ” liverpool.jpg ” , width=95 % , height=1 % & gt ; & lt ; / tenderness & gt ;\r\n& lt ; / bole & gt ;\r\n& lt ; /html & gt ;2. Home.html& lt ; html & gt ;\r\n& lt ; read/write head & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\n t otal fertiliser structure { background-color: cherry }\r\nh1 { background-color: blood-red }\r\nh2 { background-color: transparent }\r\n& lt ; / entitle & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; ingrained structure & gt ;\r\n& lt ; img src= ” liverpool.jpg ” , width=33 % , height=10 % & gt ;\r\n& lt ; img src= ” 1.jpg ” , width=33 % , height=10 % & gt ;\r\n& lt ; img src= ” 2.jpg ” , width=33 % , height=10 % & gt ;\r\n& lt ; centre & gt ;\r\n& lt ; h1 & gt ; Home & lt ; /h1 & gt ; & lt ; / decoct & gt ;\r\n& lt ; h2 & gt ; narrative of Liverpool F.C & lt ; /h2 & gt ;\r\n& lt ; p & gt ; & A ; nbsp ; If it was nt for one adult male, Liverpool football baseball club would neer hold been born. When Everton left Anfield in a difference over rent in 1892, nine president whoremaster Houlding stayed behind along with a handful of protagonists and merely three first-team participants. But he was determined to see football continue at the land. He formed a new nine from abrasion, chose the name Liverpool… and created a fable.\r\nEven 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 ; group discussion Champions 18 times, FA cupful victors seven times, partnership cupful victors seven times, europiuman Cup victors five times and UEFA Cup victors three times.\r\nWhen it is completed, the History channel will graph the rise and rise of Liverpool FC to the really extremum 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 first-class domestic triumphs and European victory and reflect on the calamities of Heysel and Hillsborough.\r\nWe ‘ve focused on 10 cardinal day of the months in Liverpool Football company ‘s history to get down with but over clip, we ‘ll hold over 100 chapters in this subdivision entirely as we present the crowning(prenominal) history of England ‘s superior of all time football nine. This is a news report of unbelievable passion and plume †a narrative that non merely inspires Liverpool fans but football protagonists the universe over.\r\n& lt ; /p & gt ;\r\n& lt ; a href= ” main.html ” organize= ” centre ” & gt ; tattle here to travel chief page & lt ; /a & gt ;\r\n& lt ; / eubstance & gt ;\r\n& lt ; /html & gt ;3. Gallery.html& lt ; html & gt ;\r\n& lt ; html & gt ;\r\n& lt ; head & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\norganic structure { background-color: white }\r\nh1 { background-color: reddish }\r\nh2 { background-color: ruby }\r\n& lt ; /style & gt ;\r\n 8; lt ; /head & gt ;\r\n& lt ; organic structure & gt ; & lt ; centre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL night club & lt ; /h1 & gt ; & lt ; / sum total & gt ;\r\n& lt ; / system & gt ;\r\n& lt ; centre & gt ;\r\n& lt ; h1 & gt ;\r\nL.F.C HISTORY\r\n& lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; ul type= ” phonograph record ” & gt ;\r\n& 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.\r\n& lt ; /h3 & gt ;\r\n& 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 lastingly be etched in the annals of Anfield history. For it was on this twenty-four hours that Liverpool Football Club denote Huddersfield Town foreman Bill Shankly would be their new director in sequence to Phil Taylor.\r\n& lt ; /h3 & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; 1965 †Wining the FA Cup for first clip & lt ; /li & gt ; : There was a popular opinion of quiet optimism around Anfield that this could, at last, be Liverpool ‘s twelvemonth in the tilt we so urgently desired success in. After all, we were the reigning conference title-holders and, under Bill Shankly, anything seemed possible.\r\n& lt ; /h3 & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; 1977 †European Champions & lt ; /li & gt ; : If engaging 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 Eu ropean Cup for the first clip in 1977 was the greatest dark.\r\n& lt ; /h3 & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; 2001 †Clinching the cup soprano & lt ; /li & gt ; : Merely four yearss after dramatically snaping the FA Cup from armory ‘s appreciation in Cardiff, and with the Worthington Cup already safely tucked away in the Anfield trophy cabinet, Liverpool ‘s stratum of 2001 completed an unprecedented cup soprano.\r\n& lt ; /h3 & gt ;\r\n& 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 roll in Istanbul.\r\n& lt ; /h3 & gt ;\r\n& 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 symmetry to interrupt West Ham ‘s Black Marias and force extra-time…\r\n& lt ; /h3 & gt ;\r\n& lt ; a href= ” main.html ” come up= ” centre ” & gt ; gaol here to travel chief page & lt ; /a & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; /html & gt ;4. Players.html& lt ; html & gt ;\r\n& lt ; html & gt ;\r\n& lt ; caput & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\norganic structure { background-color: white }\r\nh1 { background-color: cherry-red }\r\nh2 { background-color: ruddy }\r\n& lt ; /style & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; organic structure & gt ; & lt ; cen tre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL CLUB & lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; centre & gt ;\r\n& lt ; h1 & gt ;\r\nTEAM squad\r\n& lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; h4 & gt ; Liverpool FC Squad †2008-2009: & lt ; /h4 & gt ;\r\n& lt ; ol & gt ;\r\n& lt ; li & gt ; Diego Cavalieri & lt ; /li & gt ;\r\n& lt ; li & gt ; Andrea Dossena & lt ; /li & gt ;\r\n& lt ; li & gt ; Sami Hyypia & lt ; /li & gt ;\r\n& lt ; li & gt ; Daniel Agger & lt ; /li & gt ;\r\n& lt ; li & gt ; Robbie Keane & lt ; /li & gt ;\r\n& lt ; li & gt ; Steven Gerrard & lt ; /li & gt ;\r\n& lt ; li & gt ; Andriy Voronin & lt ; /li & gt ;\r\n& lt ; li & gt ; Albert Riera & lt ; /li  8; gt ;\r\n& lt ; li & gt ; Fabio Aurelio & lt ; /li & gt ;\r\n& lt ; li & gt ; Xabi Alonso & lt ; /li & gt ;\r\n& lt ; li & gt ; Yossi Benayoun & lt ; /li & gt ;\r\n& lt ; li & gt ; Jermaine Pennant & lt ; /li & gt ;\r\n& lt ; li & gt ; Alvaro Arbeloa & lt ; /li & gt ;\r\n& lt ; li & gt ; Dirk Kuyt Louise & lt ; /li & gt ;\r\n& lt ; li & gt ; Ryan Babel Victor & lt ; /li & gt ;\r\n& lt ; li & gt ; Javier Mascherano & lt ; /li & gt ;\r\n& lt ; li & gt ; Lucas Leiva Felix & lt ; /li & gt ;\r\n& lt ; li & gt ; Emiliano Insua & lt ; /li & gt ;\r\n& lt ; li & gt ; Jamie Carragher & lt ; /li & gt ;\r\n& lt ; li & gt ; David Ngog & lt ; /li & gt ;\r\n& lt ; li & gt ; Pepe Reina & lt ; /li & gt ; & lt ; BR & gt ; & lt ; BR & gt ;\r\n& lt ; h4 & gt ; Liverpool FC Staff & lt ; /h4 & gt ;\r\n& lt ; organic structure & gt ;\r\n& lt ; table border= ” 1 ” & gt ;\r\n& lt ; tr & gt ;\r\n& lt ; td & gt ; Manager\r\n& lt ; /td & gt ;\r\n& lt ; td & gt ; sponsor Manager & lt ; /td & gt ;\r\n& lt ; td & gt ; Reserve Team Manage & lt ; /td & gt ;\r\n& lt ; td & gt ; First-team Coach & lt ; /td & gt ;\r\n& lt ; td & gt ; Fitness Coach\r\n& lt ; /td & gt ;\r\n& lt ; /td & gt ;\r\n& lt ; /tr & gt ;\r\n& lt ; tr & gt ;\r\n& lt ; td & gt ; Rafael Benitez\r\n& lt ; /td & gt ;\r\n& lt ; td & gt ; Sammy lee & lt ; /td & gt ;\r\n& lt ; td & gt ; Gary Ablett & lt ; /td & gt ;\r\n& lt ; td & gt ; Mauricio Pellegrino & lt ; /td & gt ;\r\n& lt ; td & gt ; Paco De Miguel & lt ; /td & gt ;\r\n& lt ; /tr & gt ;\r\n& lt ; /table & gt ; & lt ; br & gt ; & lt ; br & gt ;\r\n& lt ; a href= ” main.html ” align= ” centre ” & gt ; snatch up here to travel chief page & lt ; /a & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; /html & gt ;5. Photos.html& lt ; html & gt ;\r\n& lt ; html & gt ;\r\n& lt ; caput & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\norganic structure { background-color: white }\r\nh1 { background-color: ruddy }\r\nh2 { background-color: ruddy }\r\n& lt ; /style & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; organic structure & gt ; & lt ; centre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL CLUB & lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; cen tre & gt ;\r\n& lt ; h1 & gt ;\r\nGallery\r\n& lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; caput & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\nh4 { colour: ruddy }\r\n& lt ; /style & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; organic structure & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; dl & gt ; & lt ; ul & gt ;\r\n& lt ; dt & gt ; & lt ; h4 & gt ; GALLERY & lt ; h4 & gt ; & lt ; /dt & gt ; & lt ; br & gt ;\r\n& 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 ;\r\n& lt ; /dd & gt ; & lt ; dd & gt ; & lt ; li & gt ;\r\n& 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 ;\r\n& lt ; /dl & gt ;\r\n& lt ; a href= ” main.html ” align= ” centre ” & gt ; Click here to travel chief page & lt ; /a & gt ;6. Contact.html& lt ; html & gt ;\r\n& lt ; html & gt ;\r\n& lt ; caput & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\norganic structure { background-color: white }\r\nh1 { background-color: ruddy }\r\nh2 { background-color: ruddy }\r\n& lt ; /style & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; organic structure & gt ; & lt ; centre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL CLUB & lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; centre � 38; gt ;\r\n& lt ; h1 & gt ;\r\nContact us\r\n& lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; h3 & gt ; CONTACT US BY PHONE: & lt ; /h3 & gt ;\r\n& 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 ;\r\n& lt ; br & gt ;\r\n& lt ; h3 & gt ; CONTACT US BY EMAIL: & lt ; /h3 & gt ;\r\n& A ; nbsp ; & A ; nbsp ; & A ; nbsp ; & A ; nbsp ; & A ; nbsp ; & A ; nbsp ; � 38; 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 ;\r\n& lt ; br & gt ; & lt ; br & gt ;\r\n& lt ; a href= ” main.html ” align= ” centre ” & gt ; Click here to travel chief page & lt ; /a & gt ;\r\n& lt ; /html & gt ;7. Q & A ; A.html& lt ; html & gt ;\r\n& lt ; html & gt ;\r\n& lt ; caput & gt ;\r\n& lt ; manner type= ” text/css ” & gt ;\r\norganic structure { background-color: white }\r\nh1 { background-color: ruddy }\r\nh2 { background-color: ruddy }\r\n& lt ; /style & gt ;\r\n& lt ; /head & gt ;\r\n& lt ; organic structure & gt ; & lt ; centre & gt ;\r\n& lt ; h1 & gt ; LIVERPOOL FOOTBALL CLUB & lt ; /h1 & gt ;  8; lt ; /center & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; centre & gt ;\r\n& lt ; h1 & gt ;\r\nQ & A ; A\r\n& lt ; /h1 & gt ; & lt ; /center & gt ;\r\n& lt ; ol & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; Q: History of the L.F.C? & lt ; /h3 & gt ;\r\n dress: †& lt ; a href= ” gallery.html ” align= ” centre ” & gt ; Click here & lt ; /a & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; Q: Players list of L.F.C? & lt ; /h3 & gt ; & lt ; /h3 & gt ;\r\nAnswer: †& lt ; a href= ” players.html ” align= ” centre ” & gt ; Click here & lt ; /a & gt ;\r\n& lt ; li & gt ; & lt ; h3 & gt ; Q: L.F.C contact Details? & lt ; /h3 & gt ;\r\nAnswer: †& lt ; a href= ” contact.html ” align= ” centre ” & gt ; C lick here & lt ; /a & gt ; & lt ; br & gt ; & lt ; br & gt ;\r\n& lt ; a href= ” main.html ” align= ” centre ” & gt ; Click here to travel chief page & lt ; /a & gt ;\r\n& lt ; /body & gt ;\r\n& lt ; /html & gt ; comment OF WEBSITE:In 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.html:The 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.Html:The 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 extraterrestrial and centralised and right aligned as the used.Gallery.html:The 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.html:In 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.html:The 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.html:The 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.html:The 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.\r\n'