Scribd Logo
Upload

Welcome to Scribd!

  • Web Development

    Uploaded by

    Mustafa Nyoni
    7 views6 pages

    Original Title

    WEB DEVELOPMENT

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views6 pages

    Web Development

    Uploaded by

    Mustafa Nyoni

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    WEB DEVELOPMENT NATIONAL QUESTIONS (PAPER 1 AND PAPER 2)

    1. a) Your teacher assigned all students in your class to design a website that
    advertises your school. The advertisement in the page includes information
    about physical address, e-mail address, image of the school map and a link to a
    Home page named “Go Home”. One of your fellow students had the following
    HTML codes which need some corrections. Identify the mistakes made and write
    the correct codes in order to give the correct results. (2021-p1)

    (b) Give an output of the following HTML codes which will be displayed in a web
    browser.
    2. Kenyana is a newly established secondary school with a vision of using ICT in
    its operations. Mr. Mochuli, the Head of school employed you to develop the
    school’s website which includes the calendar on the home page as shown in the
    following screenshot. Use HTML code to accomplish this task. (p2)

    HINT:
     Use a table in designing a webpage
     You can use any picture from your computer gallery Page descriptions:
     The heading “school calendar” should be level 1 with a red text color and
    gray background color.
     The size of the texts “School Picture and Events”, “July” and “Staff and
    Students Picture” should be h3 with green background color.
     Font style for “Form IV students” should be Lucida Handwriting.
     The Height and Width of each picture should be 100 and 210
    respectively.
     Table border should be 1 and rows pan should be 2.
     The size of months’ name and dates should be h4.

    3. Malaria is an endemic disease which kills many people in East Africa. Tanzania
    as one of the East African countries is planning to design a web page in which
    people from different regions will get online services about Malaria. Assume that
    you are one of the IT experts in Health Information System responsible for
    designing a simple online program which will help patients to get fast online
    treatment: (p2)
    (a) Create the following interface by using basic HTML codes. (HINT: Use table
    to create the interface).

    Interface description:
     The table height and width should be 300 and 250 respectively.
     The font style, size and color of the words ‘Online Doctor’ should be
    magneto, 15 and green respectively.
     You can use any picture with the height 200 and width 250.
     The font style and size of the words ‘Join Us Now!!!’ should be Lucida
    Handwriting and 15 respectively.

    (b) Activate the links “Causes of Malaria” and “Symptoms of Malaria” in the
    interface created in part (a) so that when the patient clicks them, they will
    display the following explanations on the separate page.
    i. The following page will be displayed after clicking “Cases of Malaria” link.

    ii. The following page will be displayed after clicking “Symptoms of Malaria”
    link.
    Note: The size of the heading for each page should be h2

    (c) Activate link “Join Us Now!!!” so that when the patient clicks it will display
    the following form which enables the patients to fill their details.

    4. (a) State HTML tags which can be used to link (p1)


    (i) An image “log.gif”
    (ii) (ii) A page “home.html”

    (b) Study the following HTML codes and give the output expected.

    5. (a) Give the reason for HTML page to runs on any Operating system.
    (b) Mention two significances of HTML form.

    (c) Write the HTML codes which will display the following output on a web
    browser.
    6. (a) State the reason why the content of the web page need to be written
    between the <body> and </body> tags

    (b) Show the output of the following HTML codes Congratulation for
    opting computer studies

    7. (a) Create a home page for your personal information with navigation links to all
    other pages and a moving marquee heading:

    WELCOME TO XXX’S WEBSITE, where XXX is your Examination number.

    (b) The other three pages should be as follows:

    (i) Page I: Bio-Data i.e. Date of birth, Nationality and Languages spoken.

    Other descriptions are:


    • Use bullets to list the languages spoken.
    • The heading shall be “Welcome to XXX’S Biodata”.
    • The link name shall be “Bio-data”.
    • Arrange your Bio-Data in a proper order.
    For example My Examination number: S.0309/25 Date of Birth: 12/3/1989

    (ii) Page II: Educational Background i.e. a table with border five (5) which
    shows a period of attendance and qualifications acquired.
    Other descriptions are:
    • The heading shall be “My educational background”.
    • Use “Educational” as the link name for this page.

    (iii) Page III: Responsibilities Held i.e. a bulleted list of two responsibilities held
    e.g. Monitor and Head prefect.
    Other descriptions are:
    • The heading shall be “Responsibilities held”.
    • Use the “Responsibilities” as the link name for this page.
    NB:
     Use “Form Four examinations” as the title for all pages.
     Use silver as the background color for all pages.
     Save your web folder as “XXX Website”, and print out your codes.

    (c) Copy and paste in Microsoft office word, the educational background page.
    Save as background word.

    Some Useful HTML Character Entities

    Result Description Entity Name Entity Number

    non-breaking space &nbsp; &#160;

    < less than &lt; &#60;

    > greater than &gt; &#62;

    & ampersand &amp; &#38;

    " double quotation mark &quot; &#34;

    ' single quotation mark (apostrophe) &apos; &#39;

    ¢ cent &cent; &#162;

    £ pound &pound; &#163;

    ¥ yen &yen; &#165;

    € euro &euro; &#8364;

    © copyright &copy; &#169;

    ® registered trademark &reg; &#174;

    You might also like