Course: Introduction to Programming and Web Technologies
Project Title: Creating a Website within a Specified Domain
Phase I and II: HTML, CSS, and JS
Instructor: Dr. Sc Besart Prebreza, Eng.
Introduction:
Dear students,
You must adhere to this draft document while completing your project. As you have already
been informed, you are free to choose any project that suits you; however, your project
must meet the following criteria. The project will be presented at the end of the semester,
physically with each group.
In addition to the coding part, you are required to prepare a 4-5 page PDF document
describing your project: how it works, its purpose, and include screenshots of your project.
You are encouraged to work in groups so that each student can gain knowledge and
contribute equally.
The project must be submitted to the email address besart.prebreza@universum-ks.org no
later than 17.01.2025, 23:59 (Friday).
General Requirements:
It is mandatory for each group to define the domain for developing and creating the
website.
The work should be organized in groups to ensure equal contribution from all members.
The project should be easy to understand in terms of content and must not exceed the
boundaries of the defined domain.
All specific and technical requirements listed below must be fulfilled to ensure the task
is considered acceptable.
The task (code) must be fully functional at the time of presentation and should not
include broken links.
Checklist of General Requirements:
No. Task Completion?
1 Basic HTML concepts
2 Text alignment and
formatting
3 Links and hyperlinks
4 HTML with CSS
5 HTML Images
6 HTML Lists
7 HTML Blocks
8 HTML Tables
9 HTML Forms
10 Cascading Style Sheets
(CSS2)
11 CSS Id and Class selectors
12 CSS Background
13 CSS Fonts
14 CSS Links, Lists, and Tables
15 CSS Box Model (Border,
Padding)
Specific and Technical Requirements:
1. Basic HTML Concepts (2 points):
Understanding and purpose of creating and using key tags.
Creation of a basic HTML page structure.
Proper use of titles, headings, and paragraphs.
2. Text Alignment and Formatting (2 points):
Use of align attribute.
Tags for bold, italic, underline, and text formatting (e.g., <font>, <address>, <sub>,
<sup>).
3. Links and Hyperlinks (2 points):
Creation of at least 4 hyperlinks:
Internal links
External links
Links that open in a new tab
Use of id attribute.
4. HTML with CSS (2 points):
Implementation of Internal and Inline CSS.
Background, font, color, and text styling using CSS.
5. HTML Images (2 points):
Proper use of <img> tag and attributes (e.g., src, alt, width, height).
Image alignment and use of background images.
6. HTML Lists (2 points):
Creation of unordered, ordered, and nested lists.
Use of bullet styles (list-style-type).
7. HTML Blocks (2 points):
Use of <div> and <span> for creating at least 3 sections.
8. HTML Tables (3 points):
Creation of at least 4 tables.
Formatting cells, borders, and background colors.
9. HTML Forms (3 points):
Use of various form elements:
Text fields, password fields, radio buttons, checkboxes, and submit buttons.
At least 4 different forms.
10. CSS Background (3 points):
Use of background-color, background-image, and background-repeat.
11. CSS Box Model (3 points):
Understanding and applying borders, margins, and padding.
Use of different border styles.
12. JavaScript (8 points):
Storage and retrieval of data from local storage.
Implementation of events (e.g., button click).
Use of conditional statements (if, else, switch) and loops (for, while).
Declaration and usage of JavaScript variables in different parts of the HTML document.
Submission Guidelines:
- Fully functional code.
- 4-5 page PDF documentation that includes:
- Description of the project
- Purpose and functionality
- Screenshots of the project.
