Practical Work
🎨 Project 1: A Personal Digital Resume/CV Page
This is an excellent way to practice basic layout, text formatting, and image embedding.
What to Do:
* HTML Structure: Create a single page ([Link]) to present your details.
* Basic Tags: Use headings (<h1>, <h2>) for your name and section titles, and paragraphs
(<p>) for descriptions.
* Image: Insert your passport-size photo or avatar using the <img> tag and practice setting its
size and alignment.
* Lists: Use unordered lists (<ul> and <li>) for your skills and hobbies, and ordered lists (<ol>
and <li>) for your educational history (with dates).
* Links: Add an anchor link (<a>) to your email address (using the mailto: attribute) and to any
social media or project websites.
* CSS Styling:
* Set a background color for the body.
* Use different font families and colors for the headings and body text.
* Use the Box Model concept (margin and padding) to create space around your photo and
📅
sections for a clean look.
Project 2: A Class Schedule Timetable
This focuses on mastering the HTML Table element, which is a core skill.
What to Do:
* HTML Table: Create a new page ([Link]). Use the <table> tag to build a weekly
timetable.
* Table Tags:
* Use <th> (Table Header) for the days of the week and the periods/time slots.
* Use <tr> (Table Row) to define each horizontal line (e.g., one row for Monday).
* Use <td> (Table Data) for the actual subject in each slot.
* Advanced Table Skills:
* Practice merging cells using rowspan for subjects that span multiple time slots (like a double
period).
* Practice merging cells using colspan for a common cell, like a lunch break that spans all
subject columns.
* CSS Styling:
* Apply borders to the table and cells.
* Give the header row (<th>) a different background color to make it stand out.
🔗
* Practice text alignment within the table cells.
Project 3: A Hyperlinked Tourist Guide Website
This project involves creating a small multi-page website to practice navigation and linking
between pages.
What to Do:
* Multiple Pages: Create at least three separate HTML files:
* [Link] (The main entrance page).
* [Link] (A page listing different tourist spots).
* [Link] (A simple form/contact information page).
* Navigation Menu: On the [Link] page, create a simple navigation bar using <a> tags to
link to the [Link] and [Link] files. Crucially, ensure this navigation is included on all
three pages!
* Forms (Contact Page): On [Link], create a simple HTML form (<form>) that includes:
* A Text Box for Name.
* A Radio Button group for "Visitor Type" (e.g., Local/Tourist).
* A Submit button.
* Image Embedding: Use the <img> tag on the [Link] page to showcase images of the
tourist spots.
* CSS Styling: Use a linked CSS file to give your entire website a consistent visual theme,
including a matching header/footer across all three pages.
Project Work
📝 Written Project: Plagiarism & IP Laws Report
You will create one comprehensive HTML page (e.g., ip_report.html) that functions as a
detailed, well-researched academic report.
Step 1: Defining the Core Concepts (Introduction)
This section focuses on clear, simple definitions.
* Write a section explaining: What exactly is plagiarism? (Focus on the unauthorized use or
close imitation of the language and thoughts of another author and the representation of them
as one's own original work.)
* Write a section explaining: What are Intellectual Property (IP) Laws? (Focus on laws that
protect creations of the mind, such as inventions, literary and artistic works, designs, symbols,
names, and images.)
Step 2: Research and Report on Plagiarism Cases (The Body)
This is the research-heavy part. You will need to use Google Search to find three to five
well-known cases.
* List of Cases: Create a table or an ordered list that details:
* Case Name/Description: Briefly describe the incident (e.g., "A famous author accused of
copying paragraphs from an earlier novel").
* Source of Plagiarism: What was copied (e.g., an article, a poem, or a piece of software
code).
* Consequent Punishment Meted Out: What was the result? (e.g., Fines, loss of a degree/job,
damage to reputation, legal injunctions).
Step 3: Comparative Analysis of IP Punishment (The Conclusion)
This requires a little comparative research on legal systems in different countries.
* Comparative Section: Write a section explaining the nature of punishment for IP violations in
at least two different countries (e.g., India, USA, UK, or a European country).
* Focus Areas: Discuss whether the punishment is primarily monetary (fines), criminal (jail
time), or involves injunctions (order to stop publishing/selling the work).
* Simple Example: You could contrast the strict penalties for software piracy in one country
versus the focus on civil remedies in another.
Step 4: HTML Implementation and Styling
Once your writing is complete, put it all into an HTML page.
* Structure: Use appropriate HTML tags:
* <h1> for the main title.
* <h2> or <h3> for the section headings (like "What is Plagiarism?").
* <ul> or <ol> for listing key points or definitions.
* <table> to display the researched cases (Case Name, Source, Punishment).
* CSS: Use an external CSS file to make your report page look professional and easy to read.
Use clear fonts, good line spacing, and subtle background colors.
This project covers the written requirement, the HTML file creation, the table requirement, and
the Cyber Ethics content, making it a highly valuable single component of your practical work.