A premium grocery store chain based out of southern California, has approached Team D to develop a website prototype that coincides with the sales and marketing objectives that have been outlined by the company’s executive staff. Currently, KEF Implements a very basic website that offers only general Information such as product offerings and store locations, without any e- commerce presence or direct marketing to its customer base.
It is Team Do’s intention to address the e-commerce functionality of the site by adding a customer shopping art for customer use and by adding a Web form so that customers can enroll into Skiffs Frequent Shopper Program (FSP). To ensure that this development is properly implemented there are several design elements that must be closely analyzed and tested by the team to meet the World Wide Web Consortium’s (WAC) standards.
Some of the design elements that will be discussed in this research are; XHTML tags/ attributes, Web browser comparisons, the use of Cascading Style Sheets (CSS), various web standards Implemented during development, and search engine optimization (SEE) through the use of metadata. XHTML Applying the appropriate XHTML tags and attributes throughout development Is extremely Important to ensure compatibility among a varying range of applications and file formats. The approach taken in coding our website prototype was to adhere to the basics and apply the rules of markup standards set forth by the WAC.
First off, we wanted to ensure that the XHTML used was a little more forgiving for website visitors by the using the backwards-compatible transitional document type, which is defined by . Some of the basic tags that were used throughout development were he , and commands that identify not only the title and additional information, but the actual XHTML creation and how the weapon(s) should be defined. Several XHTML attributes were applied when formatting the body of the weapon(s) by using which sets the background color and which activates the color for “clicked” links.
Table attributes were also used in the creation of the prototype header navigation system, online store and FSP pages by using and commands which define horizontal/vertical row alignment and how many rows or columns a cell needs to span. Web Browser Comparisons Through the use of various browsers, a visitor to the Judder Fine Foods website may see subtle differences. Most of these differences are the same category of variations that the user would see when comparing the majority of websites available on the Internet.
There Is currently not any Adobe Flash or embedded HTML based H. 264 video. If there were, There would be a s gnu Iterance In ten appearance AT ten controls. It Is antenatal e t a Tanat Keller Hen Foods will have a commercial for television, and a copy of it will be posted on the website for Internet visitor to see. The appearance of the font may be different pending on the operating system of the computer, coupled with the browser selected. In the development of the weapon, a developer can either specify a particular font, or a font family.
For this website, the decision was made to select a font-family. If you select a specific font, and the computer does not support it, the workstation will guess at which font will be the closest match. Sometimes the alternate font style is not similar, and causes formatting, aesthetics, and even functionality issues. To identify a font family, the computer will be able to render the be page with a font that the developer knows is similar. Although this will be slightly different between different operating systems, it typically is not excessively noticeable.
The background shows through behind the main navigation bar area, so when the size of the browser window is smaller than the navigation bar, the fill color of the navigation area is partially replaced with the background color. This website was specifically designed this way to have a minimum width of 780 pixels, and a maximum width of 1260 pixels, in an effort to provide similar viewing experiences. When viewing this website with a mobile browser, this displacement is the most evident change, as the browser window is always smaller than the full desktop resolution the site was designed for.
Although there are different approaches that can be taken by the website developers to minimize these changes, there are always side effects of every strategy. In designing this website, the use of defined text style and size allows the website designer and owner to feel confident that the users will be able to view and operate the Judder Fine Foods website without any major issues. Cascading Style Sheets The Cascading Style Sheets are the designers guidelines for the rendering of the weapon, to ensure the web page looks Just like it is intended to.
During the development of the Judder Fine Foods site, various items were specified in the CSS. The listing of a zero pixel border around the images will dictate that all images, including those specified will not have the blue border around them. The CSS file specifies the major components of the page, to include the background color, and font sizes and styles. By specifying these major items in the style sheet, the pullover can insure that the entire website will primarily look identical between browsers and platforms.
The lists on the KEF website are specified to have zero padding and margin in the style sheets, as this is one of the components that tend to display differently between browsers. The border around the images has been removed in the style sheet, so that the blue and/or purple ring does not destroy the aesthetics of the page. Other components of the style sheet have been defined to ensure proper usability by the web visitors. All text hyperlinks will be underlined, as fined in the CSS, in order to clearly indicate a link.
To avoid problems with this and the need to download additional software or browser add-ones, Judder Fine Foods is only going to be using Java scripting for form validation. The basic idea is to create a set of “validation descriptors” associated with each element in a form. The “validation descriptor” is nothing but a string specifying the type of validation to be performed. Each field in the form can have O, 1, or more validations. For example, the input should not be empty, should be less than 25 chars, should be alpha-numeric, etc. Also there can be an associate a set of validation descriptors for each input field in the form.
This allows for an efficient validation of the form on the client side. Web Development Standards As far as the standards the site will fall under. There will be complete section 508 compliance to allow those customers with disabilities full access to the site. The sites overall appearance is being controlled by CSS. All of the site’s coding is going to fall under HTML 4. 0 formatting rules. This allows for greater browser compatibility and a argue viewing audience. With the target of the website upgrades to be to enhance the business of Judder Fine Foods, having multiple browsers supported is a very good means of increasing business.
Search Algorithms and Metadata “All the parts of the search engine are important, but the search algorithm is the cog that makes everything work” (Leotard 2009, p. 11). “A search algorithm for a search engine takes the problem (the word or phrase being searched for), sifts through a database that contains cataloged keywords and the URL with which those words are associated, and then returns pages that contain the word or phrase that was searched for, either in the body of the page or in a URL that points to the page” (Leotard 2009, p. 11).