Description of Design Project
Jon Bishop is opening a new restaurant and wants to launch his restaurant website two weeks before his opening. He has hired you to create the site and has asked for several design proposals. You begin by looking at some restaurant sites with pleasing designs.
- The following questions are about the James At The Mill website: http://jamesatthemill.com
- How are CSS styles used in this site?: This site uses Bootstrap and JQuery; two JavaScript packages/frameworks. The Bootstrap and JQuery packages both make use of their own style-sheets, so these have been added to JamesAtTheMill.com. There are also non-Bootstrap, non-JQuery css files linked into JamesAtTheMill.com, and all seem to have the qualifier media='all'. There may have been css files linked in for different media types, specifically mobile devices, but the use of Bootstrap would obviate the need for that.
- How are css styles used to prevent an overload of information in one area of the screen?: This web page doesn't make use of the new html5 tags; e.g., <aside>, <section>, etc. However, this web page has 223 <div> tags. Many of the <div> tags (68 of them) are identified by the 'id' qualifier. By using the 'id' qualifier, page content can be assigned to a specific <div>...</div> section of the web page, and it's format can be defined as a css rule. There are also 'class' qualifiers that allow different <div>...</div> sections to use a specific format.
- View the source code for the page and locate the html tags that control the layout of the page.: There are 23 css files listed on the web page. Though the web page doesn't make use of modern html5 tags, it uses 'id' qualifiers called 'footer', 'sidebar', etc. The layout of the page still follows modern html5 guidelines, and files like consolidated-0.css make style rules for <div id='footer'>
- Which Use the Reference panel in Dreamweaver to look up the code used in this site to place the content on the page.: All page content on this page is surrounded by <span> tags. Since <span> tags don't have any pre-defined style rules, the web page designer is in complete control of the appearance between the <span> and </span> tags, without having to worry about any formatting being done behind his/her back.
- Do you see any tables on this page? If so, how are they used?.: There are no tables used on this page. There isn't any need for tables for the home page, but even the child pages that contain tabulated data don't utilize tables.