This How The Website Should Look Like In The Picture Above1 I ✓ Solved

This assignment requires the creation of a website consisting of a minimum of four web pages: Home, About Us, Credits, and Contact Us. The design should include four designated spots for pictures, one for each page. The site must be enclosed in colored boxes, and the initial images and stylesheets (CSS files) should be utilized.

All pages must be stored in a directory named cis130project within the public_html folder. This project must include a main page named index.html that links to the other descriptive pages. The assignment requires proper use of HTML and CSS, responsive web design, and effective file management on the CS server.

To fulfill the requirements, each page must include all necessary HTML tags, complete meta tags, and must be interconnected with hyperlinks. At least four absolute hyperlinks to external sites should be included, and one of the pages must contain a table or list. Email links should also be present on the home page, and images must be stored in a designated images subdirectory.

The content of the website should be meaningful, accurately written, and cater to the audience's interests. At least four different image formats must be used, and all images should be properly attributed. Additionally, CSS must be handled in a single file linked properly across the site, and the design should utilize responsive techniques and be visually appealing.

The project is due by the end of the day on May 10, ensuring that all elements are functional, valid, and tested across multiple browsers. Proper syntax, grammar, and design consistency are critical for successful completion.

Paper For Above Instructions

Creating a compelling website requires careful planning, design, and execution. This project aims to develop a user-friendly and aesthetically pleasing site that captures the chosen topic's essence. Here, we will outline the structure and design elements needed to accomplish this task effectively.

Website Structure

The website will consist of four main pages: Home, About Us, Credits, and Contact Us, with each page containing a designated area for an image. The folder structure will be set up as follows:

  • cis130project/

    • index.html - The main landing page

    • about.html

    • credits.html

    • contact.html

    • stylesheets/ - containing style.css

    • images/ - containing all image files

Responsive Design

To ensure that the website is accessible across various devices, a responsive design approach will be employed. This includes using fluid layouts and media queries to adapt the page layout according to the device's screen size. Utilizing scalable images will further enhance the user experience, ensuring visuals remain sharp and clear across all platforms.

HTML Structure

Each web page will be structured with essential HTML tags, including <html>, <head>, and <body>. The <head> section of each page will contain the page title and at least four meta tags that address SEO requirements and viewport settings. Here’s an example of the basic structure for the index.html file:

















This How The Website Should Look Like In The Picture Above1 I










Welcome to My Website










Description of home image