Scribd
Upload
8 views2 pages

CSD23103 Assignment 2023

The assignment requires the creation of a personal portfolio website using HTML, CSS, and JavaScript, due on November 30, 2023. It should include sections such as a homepage, about me, projects, and contact me, with a focus on responsive design and interactivity. The grading criteria assess HTML structure, CSS styling, JavaScript interactivity, responsiveness, and overall presentation.

Uploaded by

anisfadhila9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views2 pages

CSD23103 Assignment 2023

The assignment requires the creation of a personal portfolio website using HTML, CSS, and JavaScript, due on November 30, 2023. It should include sections such as a homepage, about me, projects, and contact me, with a focus on responsive design and interactivity. The grading criteria assess HTML structure, CSS styling, JavaScript interactivity, responsiveness, and overall presentation.

Uploaded by

anisfadhila9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Web Applica+on Development

CSD23103

Assignment (20%)
Due date: 30 Nov 2023

Title: "Personal Por=olio Website"

ObjecCve:
Create a personal por=olio website using HTML, CSS and JavaScript that showcases your
skills, projects, and provides a way to contact you. The website should be responsive,
interacCve, and have a modern design.

Requirements:
Homepage:

1. A brief introducCon about yourself.


- A navigaCon bar to different secCons/pages of the website.

2. About Me SecCon/Page:
- A detailed descripCon about yourself, your interests, and any relevant
background.
- Add a professional photo.

3. Projects SecCon/Page:
- Showcase at least three projects you have worked on. Each project should have:
o A Ctle.
o A brief descripCon.
o An image or screenshot.
o Technologies used.
o A link to the project (if hosted) or its code repository.

4. Contact Me SecCon/Page:
- A form where visitors can send you messages. (Note: You're not expected to
make the form funcConal, but the design and fields should be there.)
- Links to your social media profiles and/or professional networks.

5. Styling:
- Use CSS for styling and layout.
- The design should be responsive, looking good on both desktop and mobile
views.

6. InteracCvity:
- Use JavaScript for elements like:
o Validate the contact form fields before submission.
o AnimaCons on hover for project cards.

7. Host your website on pla=orms like GitHub Pages, Netlify, or Vercel.


CLO3: Assignment – 20%

No. Criteria 1 point 2 points 3 points 4 points 5 points


1. HTML structure HTML lacks proper Basic structure exists, The structure is good Proper structure and HTML is perfectly
structure and use of but lacks several but has some missed mostly semantic, with structured with full use
semantic elements. semantic elements. opportunities for minor issues. of semantic elements.
semantics.

2. CSS styling Design lacks appeal Basic styling is Design is decent, with Design is appealing, Design is outstanding,
and CSS is messy. present, but design some CSS best with minor areas of with CSS best
lacks cohesion. practices applied. improvement in CSS. practices perfectly
applied.

3. JavaScript No interactivity or Basic interactivity, but Functions mostly Nearly all functions All JavaScript
interactivity multiple broken with significant bugs. work, but some lack work seamlessly with functions work
functions. polish or efficiency. minor issues. perfectly with
impressive
interactivity.

4. Responsiveness Website is not Website displays on Website is somewhat Website is largely Website is perfectly
responsive and breaks mobile, but design responsive with minor responsive with very responsive across all
on different screen isn't fluid or adaptable. layout issues on some minor tweaks needed. devices and screen
sizes. devices. sizes.

5. Overall presentation The portfolio lacks The portfolio gives The portfolio is The portfolio is The portfolio is
clarity, cohesion, and basic information but decently presented, engaging and well- outstanding in both
appeal. lacks depth or design but some sections presented, with minor content and
appeal. could be improved. improvements presentation.
needed.

You might also like