Setup Menus in Admin Panel

ICT Syllabus and Themes

Thanks to Jim Varga on Unsplash.com for the photo

Information and Communication Technology 0417

Content overview

  1. 1  Types and components of computer systems
  2. 2  Input and output devices
  3. 3  Storage devices and media
  4. 4  Networks and the effects of using them
  5. 5  The effects of using IT
  6. 6  ICT applications
  7. 7  The systems life cycle
  8. 8  Safety and security
  9. 9  Audience
  10. 10  Communication
  11. 11  File management
  12. 12  Images
  13. 13  Layout
  14. 14  Styles
  15. 15  Proofing
  16. 16  Graphs and charts
  17. 17  Document production
  18. 18  Databases
  19. 19  Presentations
  20. 20  Spreadsheets
  21. 21  Website authoring

Assessment Objectives

Hover Box Element

 

The Assessment Objectives (AOs) :

AO1 Recall, select and communicate knowledge and understanding of ICT

AO2 Apply knowledge, understanding and skills to produce ICT-based solutions

AO3 Analyse, evaluate, make reasoned judgements and present conclusions

Resources: Books and Revision Guides

Fun Project: Prepare Your School Lunch Menu

How to insert table and images?

How to insert a CSS stylesheet?

Refer to https://www.w3schools.com/html/default.asp

Define an HTML Table in your project

<!DOCTYPE html>
<html>

<head>
    <title>Lunch Menu</title>
    <style>
        body {
            background-image: url("food.jpg");
        }
        
        h1 {
            color: rgb(13, 136, 13);
            text-align: center;
            font-size: 30pt;
            font-family: Arial, Helvetica, sans-serif;
            background-color: aliceblue;
            margin-left: 10%;
            margin-right: 10%;
        }
        
        p {
            color: rgb(255, 255, 255);
            font-size: 14pt;
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
        }
        
        td,
        th {
            background-color: beige;
            text-align: center;
            border-width: 2px;
            border-style: solid;
            border-color: black;
        }
        
        table {
            margin-left: auto;
            margin-right: auto;
            border-width: 5px;
            border-style: dotted;
            border-color: white;
        }
    </style>
</head>

<body>

    <h1>Lunch Menu</h1>

    <p>Options for week ..</p>
    <p>Canteen opens at 11am</p>

    <table>
        <tr>
            <th>Monday</th>
            <th>Tuesday</th>
            <th>Wednesday</th>
        </tr>
        <tr>
            <td>Cheeseburger</td>
            <td>Currywurst</td>
            <td>Pizza</td>
        </tr>
        <tr>
            <td>3 Euro</td>
            <td>2 Euro</td>
            <td>4 Euro</td>
        </tr>
        <tr>
            <td><img src="cheeseburger.jpg" alt="Cheesebuger" width="200"></td>
            <td><img src="currywurst.jpg" alt="Currywurst" width="200"></td>
            <td><img src="pizza.jpg" alt="Pizza" width="200"></td>
        </tr>
    </table>

</body>

</html>

Try on your own: Place table borders and colours on CSS

Setup Menus in Admin Panel

Login

Create an Account Back to login/register
X