Welcome to my Website Projects repository! This collection showcases a series of web development projects that demonstrate my skills in creating and enhancing web pages using various technologies and methodologies. Below is a summary of each project included in this repository.
Objective:
Created a personal autobiographical web page using HTML.
What Was Done:
- Structured the webpage using semantic HTML elements like
<header>,<nav>,<main>,<section>,<article>,<aside>, and<footer>. - Included images, links, and lists to make the content engaging.
- Ensured the webpage is well-organized and easy to navigate.
Objective:
Enhanced the appearance of the HTML webpage using CSS.
What Was Done:
- Applied styles for layout, colors, fonts, and animations.
- Utilized CSS Flexbox and Grid for responsive layouts.
- Added hover effects and transitions to interactive elements.
- Incorporated custom fonts to improve the visual appeal.
Objective:
Developed responsive web pages that adapt to different screen sizes.
What Was Done:
- Created a responsive webpage using pure CSS with media queries, fluid grids, and flexible images.
- Recreated the same webpage using the Bootstrap framework for easier responsiveness.
- Compared the two approaches, highlighting the challenges and benefits of each method.
Objective:
Implemented interactive features on web pages using vanilla JavaScript.
What Was Done:
- Developed a bookmark list that indicates whether links are secure.
- Created a palindrome checker that validates and provides feedback on user input.
- Ensured interactivity without using any external JavaScript frameworks.
Objective:
Built interactive web pages using the jQuery library to simplify JavaScript tasks.
What Was Done:
- Created forms with validation for user inputs like name and phone number.
- Implemented real-time character counting in text areas.
- Developed animated image displays that respond to user interactions.
Objective:
Designed scalable vector graphics (SVG) for use in web pages.
What Was Done:
- Manually coded SVG elements to create various shapes and illustrations.
- Ensured images are scalable and maintain quality at any size.
- Integrated SVG images into web pages to enhance visual content.
Objective:
Developed dynamic web applications using Perl and CGI scripts.
What Was Done:
- Created Perl scripts to generate dynamic web content based on user input.
- Developed forms for customer registration with server-side validation.
- Processed and displayed user-submitted data in an attractive format.
Objective:
Built dynamic web applications using PHP for server-side scripting.
What Was Done:
- Developed PHP scripts that respond to different times of the day with appropriate greetings and backgrounds.
- Created forms that generate multiplication tables based on user input, displaying results using PHP.
- Implemented cookie-based features to remember user preferences and display selected images.
Objective:
Integrated PHP with MySQL to manage and display data dynamically.
What Was Done:
- Designed a MySQL database to store information about photographs.
- Developed PHP scripts to add, retrieve, and display data from the database.
- Created dynamic queries to show images based on specific criteria like location and date.
Objective:
Explored additional server-side languages and development frameworks.
What Was Done:
- Developed Classic ASP scripts to change webpage backgrounds based on user input.
- Created CGI scripts in Ruby and Python to process and display form data attractively.
- Researched and experimented with various web development frameworks, documenting installation and development processes.
This README provides a detailed yet concise overview of the various web development projects included in the repository, highlighting the technologies and skills demonstrated in each project. Feel free to explore each project folder for detailed code, documentation, and examples of the implemented features. This repository serves as a portfolio demonstrating my journey and proficiency in web development.