Scribd Logo
Upload

Welcome to Scribd!

  • 113 views

    CSE 301 - Mid - Assignment

    Uploaded by

    মোহাম্মাদ নাজমুল হাসান আরিফ
    This document contains instructions and rubrics for a midterm exam assignment in a Web Programming course. It includes 3 questions assessing different CSS and HTML skills: [1] Differentiating ID and class attributes and explaining the box model with examples; [2] Writing CSS selectors to style specific elements on an HTML page; [3] Creating a personal portfolio website using HTML and CSS with home, about, and contact pages meeting certain criteria. Rubrics provide levels of achievement and point values for assessing answers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    CSE 301 - Mid - Assignment

    Uploaded by

    মোহাম্মাদ নাজমুল হাসান আরিফ
    113 views3 pages
    This document contains instructions and rubrics for a midterm exam assignment in a Web Programming course. It includes 3 questions assessing different CSS and HTML skills: [1] Differentiating ID and class attributes and explaining the box model with examples; [2] Writing CSS selectors to style specific elements on an HTML page; [3] Creating a personal portfolio website using HTML and CSS with home, about, and contact pages meeting certain criteria. Rubrics provide levels of achievement and point values for assessing answers.

    Original Title

    CSE 301_Mid_Assignment

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document contains instructions and rubrics for a midterm exam assignment in a Web Programming course. It includes 3 questions assessing different CSS and HTML skills: [1] Differentiating ID and class attributes and explaining the box model with examples; [2] Writing CSS selectors to style specific elements on an HTML page; [3] Creating a personal portfolio website using HTML and CSS with home, about, and contact pages meeting certain criteria. Rubrics provide levels of achievement and point values for assessing answers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    113 views3 pages

    CSE 301 - Mid - Assignment

    Uploaded by

    মোহাম্মাদ নাজমুল হাসান আরিফ
    This document contains instructions and rubrics for a midterm exam assignment in a Web Programming course. It includes 3 questions assessing different CSS and HTML skills: [1] Differentiating ID and class attributes and explaining the box model with examples; [2] Writing CSS selectors to style specific elements on an HTML page; [3] Creating a personal portfolio website using HTML and CSS with home, about, and contact pages meeting certain criteria. Rubrics provide levels of achievement and point values for assessing answers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 3

    MZC, AC 183 (DA+DB)

    Green University of Bangladesh


    Department of Computer Science and Engineering
    Midterm Exam Assignment with Rubrics, Fall 2020
    Course Code: CSE 301 Course Title: Web Programming
    Full Marks: 15

    1. Differentiate between ID and class. What is the use of box model in CSS? Explain
    both with proper examples. [CO1] [ 2+3 = 5 Marks]

    Marks Level Descriptions


    5 Excellent Difference and explanation of ID, class and box model are
    demonstrated properly with example.
    4 Very Good Difference and explanation is written properly but example
    of ID class is not shown.
    3 Good Difference and explanation is written properly but example
    of box model and ID class is not shown.
    2 Average Difference and explanation of ID and class is written
    properly but explanation of box model is not given.
    1 Poor Only difference of ID and class is given, no explanation and
    example of box model.

    2. Assume you are given an HTML page to design using CSS. Now perform the
    following tasks based on the HTML page: [CO2] [5 Marks]

    i. Select and color with red only those <strong> tag elements that are inside
    a class named “class01” and then nested within a paragraph. The rule
    should not color any other <strong> tags.
    ii. Assume any paragraph that comes first after an image that is considered to
    be its caption in the given HTML page. Select all those captions only and
    change their font style to italic.
    iii. Select any <span> element that comes anywhere inside the class named
    “class01” and color them with blue.
    iv. Select only those elements that has a class name “class03” and nested
    within a div that has an id “uniqueDiv”.
    v. Write the required CSS selector to select only the bolded element from
    HTML code fragment given below:
    MZC, AC 183 (DA+DB)

    <div id="header">

    <h1>Hello World</h1>

    </div>

    <div id="content">

    <h1>Hello World</h1>

    <p>Paragraph 1</p>

    </div>

    Marks Level Descriptions


    5 Excellent All the five selectors have been written correctly.
    4 Very Good Four selectors have been written correctly.
    3 Good Three selectors have been written correctly.
    2 Average Two selectors have been written correctly.
    1 Poor Only one selector has been written correctly.

    3. Create a personal portfolio website using HTML and CSS maintaining the
    following conditions:[CO3] [5 Marks]

    Home Page-
    - It must have 3 horizontal navigation bars in home page– Home, About,
    Contact
    - The background of home page should have your favorite color or your
    favorite image.

    About - personal details like your CV –


    - Your Name, ID, Birth Day, Education Background and objective in life.
    - The background of about section should have your favorite color as background
    or your favorite image.
    - Use a table to represent your Educational Background.
    MZC, AC 183 (DA+DB)

    Contact page-A form to contact you. It should have –


    - A name input
    - an email input
    - a date input
    - a submit button
    - "Send Mail" button that prompts to your mail

    Marks Level Descriptions

    5 Excellent All the HTML and CSS properties like HTML table, form,
    CSS margin, padding, button etc. are implemented
    properly to create Home, about and contact page.

    4 Very Good All the HTML and CSS properties are implemented except
    the "Send mail" button that prompts to your email
    address.
    3 Good Navigation bar style is not attractive, "Send mail" button is
    not showing properly to prompt to your email address.
    2 Average Navigation bar style is not attractive, "Send mail" button is
    not showing properly to prompt to your email address.
    Also, margin, Padding, alignment is not implemented
    properly.
    1 Poor Navigation bar, button, margin, padding, alignment,
    HTML form no one is implemented properly, only HTML
    table is implemented or webpage design is completely
    same with another student.

    You might also like