<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link this HTML file to an external stylesheet named 'style.css'.
This stylesheet contains the styling rules that will be applied to the HTML elements. -->
Deepak Chhetri dipaish
In this task, you will utilize Bootstrap to enhance certain elements in your previously done exercises such as a top navigation bar, a table layout and a form.
- Implement a responsive top navigation bar using Bootstrap's Navbar component.
- Include all exercises link to the top navigation bar (e.g., Home, Exercise1, Exercise2....)
- Apply some custom css to the navigation bar.
Open the exercise5.html file and include the following tasks into the existing content of the file.
Design a simple webpage layout using Flexbox to achieve a responsive and visually appealing structure by conducting the tasks below:
- Create an HTML file (exercise5.html) with the basic structure:
<header>, <nav>, <main>, <aside>, and <footer>. - Apply a Flexbox layout to arrange the sections efficiently.
- The main content should be in the
<main>section, and additional content or sidebars can be in the<aside>section. - Style the elements using CSS to enhance the visual presentation.
- Ensure the layout is responsive, adapting to different screen sizes.
- Update your index.html that is Exercise 5 in index.html should link to this file
exercise5. Guide:Creating hyperlinks
In this exercise, you will learn to create a CSS file, link it to HTML files and apply styles to enhance the visual appearance of different elements. Conduct the tasks below:
- CSS File Creation: Create a CSS file named
style.csswithin the 'styles' folder. - Link CSS File : Link the CSS file to all HTML files in your individual tasks directory.
- Styling for body Element: Apply background color, font, and margin to the body element in your CSS file.
- Styling for h1 Headings: Style the h1 headings with a specific font, color, and margin.
- Styling for Links: Customize the appearance of links by changing color to red on hover and visited links color to red.
dipaish
/ exercise3.md
Last active
January 10, 2024 08:22
Exercise 3: Validation & Adding More Elements
Utilize the Markup Validation Services to validate the HTML code of your previously created pages: exercise1.html and exercise2.html. Examine the results for any warnings or errors and take the necessary steps to address them. After fixing the issues, re-run the validation to ensure compliance with HTML standards.
Note: You don't need to submit anything for this task. You will validate and fix your code.
After creating your web pages locally, the next step is to publish them so that they are accessible to the public. You have many options for publishing such as hosting services, cloud solutions, set up your own web servers or use Github pages.
In this course, we'll utilize GitHub Pages for publishing your tasks and project work. This exercise guides you through using GitHub Pages to publish your HTML pages.
Note: At this point, you've successfully completed Exercise 1 and set up a directory structure for your exercises. Now, proceed with the following steps:
Create a proper folder structure for your website. Save all individual tasks in this folder.
It is important to create a proper folder structure for your website. It facilitates organization, making it simple to locate what you need. A well-designed structure saves time and effort when modifications or additions are needed. It's similar to having a map for your website; everything has a location, which facilitates work and problem-solving.
- rootfloder
- index.html
The project work involves three main components: data preprocessing, the application of statistical methods and visualization of major findings. The project work is carried out in teams. A team can have a maximum of 5 students. To ensure diversity in the data sets being used, each team is required to share a link to the dataset they are working on. Furthermore, it is important to note that no two teams should select the same dataset to work on. For effective statistical analysis, it is essential to confirm that certain columns within the dataset contain numeric data.To complete the project work, it is necessary to utilize an interactive notebook that incorporates both Markdown and Python code cells.
- You cannot utilize the Titanic dataset that was implemented in class.
- You may acquire the dataset for your team from Kaggle (https://www.kaggle.com/datasets) or any other open data source.
- It is essential to ensure that you have an adequat
- You can either run
choco install virtualbox -y(for Windows users) or download the installer directly from the VirtualBox website. - Select the appropriate installer file based on your operating system (Windows or macOS) and follow the instructions to complete the installation.
NewerOlder