WEB DEV-OPS Development

This site is deployed using jenkins pipeline

  1. Create a static webpage using table tags of HTML.
    2.
  2. Create a static web page which defines all text formatting tags of HTML in tabular format.
    3.
  3. Create a webpage using list tags of HTML
    4.
  4. Create webpage to include image using HTML tag.
    5.
  5. Create employee registration webpage using HTML form objects.
    6.
  6. Create an HTML file (e.g. first_page.html) that specifies a page that contains a heading and two paragraphs of text. Use the HTML tags <h1>, </h1>, <p> and </p> in this exercise. As the texts in the heading and paragraphs you can use any texts you like.
    • Add an unordered list to this web page. An unordered list should look like the following when it is shown by a browser:
      • An unordered list can be specified with the tags <ul> and </ul>.
      • An unordered list typically contains a number of list items that can be specified with tags <li> and </li>.
      • After you have created your unordered list, check out what happens when you convert it to an ordered list by replacing the tags <ul> and </ul> with <ol> and </ol>, respectively.
    • Add an image to your web page. In this exercise you must use the tag. As an image, you can use any .jpg or .png file you find on the Internet.
    7.
  7. Create another .html file that contains a heading and a couple of paragraphs. You could name this new file another_page.html, and you should place it into the same folder where your first .html is. After you have created the new .html page, add a link to the first page so that the browser will load another_page.html when you click the text Go to the other page. in the first page. You need to use the <a> and </a> tags in this exercise. Inside the tag <a> you need to use a href attribute that specifies which page will be loaded when the link is clicked.
    8.
  8. HTML tags like <a> can have certain attributes. The href attribute is mandatory in the <a> tag. Additionally it is possible to use the title attribute which specifies a text that emerges when the mouse cursor is moved above a link. This kind of text is called a tool tip. Modify the link that you created in the previous exercise so that a tool tip says "This leads you to another page." when the mouse cursor is over the link.
    9.
  9. It is possible to use a picture (image) as a link. Modify your page so that the picture that is on your page will also serve as a link that leads to another page.
    10.
  10. Upload your two .html files to a server and test that they work as real internet pages.
    11.
  11. Design a website for a College. There should be at least 15 web-pages present in the web-site. There should be:
    • One Home page that leads to other pages. The Home page should contain the name of the college as heading along with the college logo. There should be a tab with the following links:
      • Home.
      • Academics.
      • Admission.
      • Gallery.
      • There should be an appropriate description of the college on the home page.
    • One Academics page which contains a list of all the departments present in the college like Arts, Science and Commerce. The list should be a nested list, with available courses mentioned under each department. There should be a minimum of two courses under each department, (for e.g. Computer Science and Mathematics under Science, English and Sociology under Arts and so on). Each Course entry in the list should be a HTML link that leads to a web-page totally dedicated to the course itself.
    • Each Course should have its own dedicated web-page. This page should contain a description about the course, a list of all the teachers taking the course and the timetable for that particular subject.
    • The Admission page basically contains a form that a student needs to fill up in order to take admission in the college. The form should ask all the necessary questions using appropriate form elements.
    • One gallery page that contains set of photos taken of the college and its students.

    Please note that each web-page in this website should have the same background Image/color. The looks of each page should be similar.

    12.
  12. Design a website for the Tourism Sites of a given City. There should be at least 15 web-pages present in the web-site. There should be:
    • One Home page that leads to other pages. The Home page should contain the name of the City as heading along with a logo. There should be a tab with the following links:
      • Home.
      • Heritage.
      • Hotel Booking.
      • Gallery.
    • One Heritage page which contains a list of all the Heritage Sites present in the city. The list should be a list of Pictures. There should be a minimum of ten heritage sites. Each Image entry in the list should be a HTML link/button that leads to a web-page totally dedicated to the Heritage Site itself.
    • Each Heritage Site should have its own dedicated web-page. This page should contain a description about the site along with its history.
    • The Hotel booking page basically contains a form that a person needs to fill up in order to stay in a hotel. The form should ask all the necessary questions using appropriate form elements.
    • One gallery page that contains set of photos taken of the Heritage Sites throughout the city.

    Please note that each web-page in this website should have the same background Image/color. The looks of each page should be similar.

    13.