Creating Web site

The course has been very educative so far. I have learnt many things since the beginning of the course which include :
1. Learning web design from the scratch,
2. Learning how HTML tags work,
3. Learning how to create an unordered/ordered list,
4. How to create comments in my code.

    During the course, I worked on a project which talks about my favorite food and how to prepare it. The project tells you all the ingredients you need to prepare the food in an unordered list form here is an example of an unordered list opening and closing tag <ul>...</ul>
    . And then it went on to explain step by step procedures to prepare the meal using an ordered list here is an example of an ordered list opening and closing tag <ol>...</ol>

    Here is a screen shot of the project.




    Here is the Code:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
    </head>
    <body>
    <!--The header tag -->
    <h1>How to prepare my favourite Dish.</h1>
    <!--End of header tag -->
    <h3>Ingredients</h3>
    <!--List of Ingredients needed in an unordered list -->
    <ul>
      <li>400 g long grainrice</li>
      <li>600 ml turkey</li>
      <li>3 large carrot</li>
      <li>1 handful peas and runner beans</li>
      <li>2 large green pepper</li>
      <li>2 onion bulb</li>
      <li>3 tabspoonful curry powder</li>
      <li>1 teaspoon ginger powder</li>
      <li>3 glove of garlic</li>
      <li>2/3 spoonful black pepper</li>
      <li>3 cooking spoonful vegetable oil</li>
      <li>3 stock cube (know chicken)</li>
      <li>to taste salt</li>
      <li>500 g Chicken/Turkey thighs or drumsticks(cooking the chicken)</li>
      <li>1 teaspoon thyme</li>
      <li>1 teaspoon curry</li>
      <li>1 medium onion</li>
      <li>1 glove garlic</li>
      <li>1 small yellow pepper</li>
      <li>1/2 ginger powder</li>
      <li>2 stock cube (knorr)</li>
      </ul>
    <!--End of unordered list -->

    <h3>Steps</h3>
      <!--Steps taken to prepare the meal in an ordered list -->
    <ol>
      <li>Add a little water and cook the chicken for 10 minutes.
        Then add more water and cook until done.
        The liquid left after cooking the chicken,is your stock.
        Pour the  stock into a Strainer to remove tiny chicken bones and
        any other particles in it; then set the stock aside for later use..
        Wash and place the cow liver in a pot, add seasoning cube and salt
        to taste; Cook the liver for 10minutes, then when cooled,
        cut into cubes and set aside.
        Liver can also be fried, before cutting into cu </li><br/>
      <li>Wash all the vegetables.
        Dice the onion & set aside ;  Peel the carrots & cut into small cubes.
        Remove the seeds of the green bell peppers & cut into small cubes.
        Place the carrots & green peas in boiling water for 5 minutes,
        strain out and place in a bowl of cold water,
        leave to cool in the water, then pour into a sieve and set aside.</li><br/>
      <li>This method is called blanching.
        It helps to par-boil the vegetables without cooking it through,
        thereby cutting down the stir-frying process.
        It also helps to preserve the vibrant color of the vegetables..
        Place the reserved chicken stock into a large pot and bring to a boil.
        The stock should be at almost the same level as the rice,
        so that it dries up completely when the rice is done.
        You can add some water if the stock won't be enough to cook the Rice.
      </li><br/>
      <li>As the stock begins to boil, add the parboiled rice,
        seasoning cubes(stock cubes), curry powder, garlic powder,
        onions and salt to taste. Leave to cook on medium heat until it's done.
        TIP; The cooked rice should not be soggy or too tender and the grains
        shouldn't stick together either.
        You can Pour out the cooked rice into a wider pot and set aside.</li><br/>
      <li>Heat up the vegetable oil;
        add the carrots, peas, green bell pepper and diced liver/meat;
        then add a little white/black pepper, a garlic,
        curry &seasoning cube to taste..  stir fry for 1 min</li><br/>
      <li>The Rice is going to be fried in small batches,
        so you'll have to divide the stir-fried vegetables into equal portions.
        The size of your frying pan/wok will determine how many portions
        you will have.</li><br/>
      <li>Pour a portion of the stir-fried mix into the frying pan;
        add the cooked rice and stir-fry for about 2 minutes.
        Do not overcrowd the pan,make sure there is a little space
        in the pan so that you can move the rice around the pan for
        even distribution of heat.</li><br>
      <li> Repeat this process for the remaining rice and veggie mix.
        Now your Nigerian Fried Rice is Ready to be serve</li>
    </ol>
    <!--End of ordered list -->
    </body>
    </html>
      .

      Comments

      Popular posts from this blog

      Activation of Microsoft Office 2013

      The Big Picture (Dr Ben Carson)