{"id":3753,"date":"2023-02-21T05:50:26","date_gmt":"2023-02-21T05:50:26","guid":{"rendered":"https:\/\/www.goodacademic.com\/blog\/questions\/it117-webite-development\/"},"modified":"2023-02-21T05:50:26","modified_gmt":"2023-02-21T05:50:26","slug":"it117-webite-development","status":"publish","type":"questions","link":"https:\/\/www.goodacademic.com\/blog\/questions\/it117-webite-development\/","title":{"rendered":"IT117 Webite Development"},"content":{"rendered":"
\n Learning Goal: <\/b>I’m working on a website development question and need an explanation and answer to help me learn.<\/p>\n

Assignment Instructions<\/strong><\/p>\n

Complete the Menu page for your restaurant website and customize CSS formatting for History and Menu pages.<\/p>\n

    \n
  1. Open menu.html in Notepad to edit it.\n
      \n
    • Type the name of the restaurant as well as the word \u00e2\u20ac\u0153Menu\u00e2\u20ac\ufffd inside the title tag.<\/li>\n
    • Add a level 1 (h1) heading to the page that is appropriate for the page.<\/li>\n<\/ul>\n<\/li>\n
    • Add a table to the Menu page.\n
        \n
      • Code your table between <main> and <\/main> tags.<\/li>\n
      • Table must be at least three (3) columns and three (3) rows.<\/li>\n
      • Table must include at least one merged cell using either colspan or rowspan attributes and must use the <th><\/th> tag pair at least once.<\/li>\n
      • Add content to the table cells. Table must include at least two (2) menu items with descriptions.<\/li>\n
      • Throughout the rest of the page, you may add appropriate subheadings (h2, h3, etc.), a second table, paragraph text, and\/or list code as needed to complete the remaining page content. Content should be appropriate for the Menu page and must include at least 50 words.<\/li>\n<\/ul>\n<\/li>\n
      • Format menu page using CSS. Open styles.css to edit in Notepad. Apply the following style rules to styles.css to format the page columns:\n
          \n
        • Set a width for the table using a percent value<\/li>\n
        • Add a background color to the table<\/li>\n
        • Write an ID to apply to the table tag.\n
            \n
          • Your ID can format any element of the table, such as font-family or alignment.<\/li>\n
          • Name your ID something logical according to the function. (Remember an ID can only be used once on a page.)<\/li>\n<\/ul>\n<\/li>\n
          • Write a class to change one element within the table.\n
              \n
            • Name your class something logical according to the function, (i.e., .rowcolor or.boldtext).<\/li>\n
            • Your class can change the background color of a cell or row, change the text color for one table cell or row, align the content of one table cell or row, or emphasize the text in one table cell or row by applying bold or italics.<\/li>\n
            • The class can be called in one or more <tr> tag, <th> tag, or <td> tags. For example:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
                \n
              • \n
                  \n
                • \n
                    \n
                  • <tr class=\u00e2\u20ac\ufffdrowcolor\u00e2\u20ac\ufffd> or <td class=\u00e2\u20ac\ufffdboldtext\u00e2\u20ac\ufffd>\n

                    <\/i><\/li>\n<\/ul>\n<\/li>\n

                  • Keep in mind the <th><\/th> tag pair automatically displays text centered and bold.<\/li>\n
                  • Save.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
                      \n
                    1. Apply two (2) additional changes to CSS.\n
                        \n
                      • Using your knowledge of CSS, make two (2) changes to your CSS stylesheet code.<\/li>\n
                      • At least one change must be made to the navigation formatting.<\/li>\n
                      • The second change can be to the navigation or another element.<\/li>\n
                      • Save and close styles.css.<\/li>\n<\/ul>\n<\/li>\n
                      • Upload the menu.html and updated styles.css pages to the Web server.<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

                        Learning Goal: I’m working on a website development question and need an explanation and answer to help me learn. Assignment Instructions Complete the Menu page for your restaurant website and customize CSS formatting for History and Menu pages. Open menu.html in Notepad to edit it. Type the name of the restaurant as well as the […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"disciplines":[805],"paper_types":[],"tagged":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/questions\/3753"}],"collection":[{"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/questions"}],"about":[{"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/types\/questions"}],"author":[{"embeddable":true,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/comments?post=3753"}],"version-history":[{"count":0,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/questions\/3753\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/media?parent=3753"}],"wp:term":[{"taxonomy":"disciplines","embeddable":true,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/disciplines?post=3753"},{"taxonomy":"paper_types","embeddable":true,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/paper_types?post=3753"},{"taxonomy":"tagged","embeddable":true,"href":"https:\/\/www.goodacademic.com\/blog\/wp-json\/wp\/v2\/tagged?post=3753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}