تفاصيل المشروع

Objectives To understand and apply basic HTML tags and CSS styling. To create a responsive layout that adjusts to different screen sizes. To incorporate forms, tables, and figures effectively in a website. Requirements Homepage (index.html) Introduction: Briefly introduce yourself with a welcoming message. Navigation Bar: Include links to Home, About, Gallery, and Contact pages. Figures: Add a professional photo of yourself (or your logo) with a caption. About Page (about.html) Biography: Write a short biography. Skills Table: Create a table listing your skills and proficiency levels (e.g., HTML - Intermediate, CSS - Beginner). Gallery Page (gallery.html) Image Gallery: Display a grid of images showcasing your hobbies, interests, or any projects you have worked on. Each image should have a caption. Use CSS to organize the images responsively. Contact Page (contact.html) Contact Form: Create a form that allows visitors to send you a message. The form should include fields for the visitor's name, email, subject, and message, and a submit button. Implement form validation to ensure that all fields are filled out before submission. Technical Requirements HTML: Use semantic HTML5 tags (e.g., header, nav, section, article, footer). CSS: External CSS file(s) to style your pages. Ensure the website is responsive. Forms: Use the <form> tag with appropriate input types for the contact form. Implement basic validation using HTML5. Tables: Use the <table>, <tr>, <th>, and <td> tags for the skills table on the About page. Figures: Use the <figure> and <figcaption> tags for images and captions on the Homepage and Gallery page. Submission Guidelines Your website should be contained within a folder named YourName_YourID_PersonalWebsite. Include all HTML files, CSS files, and images in the submission folder. Submit the completed assignment via the Blackboard.

إنشاء موقع Html

نقاط الجدية مشروع جاد