Scribd
Upload
61 views23 pages

Final Report Cse 326 PDF

The document describes a student project to create a website for sharing recipes and information about cooking. The website includes pages for home, about, desserts, services, contact, and uses HTML, CSS, and images to display recipes, cooking information and links to social media.

Uploaded by

deepthidesetty
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
61 views23 pages

Final Report Cse 326 PDF

The document describes a student project to create a website for sharing recipes and information about cooking. The website includes pages for home, about, desserts, services, contact, and uses HTML, CSS, and images to display recipes, cooking information and links to social media.

Uploaded by

deepthidesetty
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

CSE 326

INTERNET PROGRAMMING
LABORATORY

FINAL REPORT

CA-3

FINAL REPORT
Recipe Sharing & Cooking Community
TITLE : RECIPE SHARING AND COOKING COMMUNITY

Software used : visual studio(VS code)

Used web designs: HTML , CSS

INTRODUCTION TO CONTENT

1. About recipe sharing and cooking this website has provided the essential data to
know well enough about cooking.

2. It even shows the origin of cooking and how it all was started.

3. This website is made in the means of people know what a recipe means and they are
provided to see so many other cooking and recipes through our website.

4. This website have so many features which can a customer or a viewer can surely find
there needs.

5. It gives services and dropdown which can help people to get what they want and
from where they want.
Description:
1. In this project, we made a website on recipe sharing and cooking (every information
regarding cooking).

2. In this web project we can see the about recipe, cooking and online order and
dropdown.

3. You all can follow us on Instagram, Facebook, twitter and Youtube to see the latest
updates.

4. You can see the posts of recipe sharing in Instagram mostly.

5. In Instagram, viewers can recommend and share there thoughts on the recipes and
ask for more interesting recipes.

6. Objective of the project:

The objective is to create a website by getting a better understanding of


Building a website with the knowledge of the languages attained in the course, titled
as INTERNET PROGRAMMING LABORATORY.

7. To understand how to implement and create content for the website and style and
optimize it using HTML, CSS.We used HTML and CSS to make this website

8. Github link (website): https://ramprasad2005.github.io/Recipe-


sharing-and-cooking-community-website/

9. Github link( code): https://github.com/Ramprasad2005?tab=repositories


PICTURE 1

➢ Used HTML and CSS


➢ We linked CSS using <link>tag
➢ In the above screenshot, we can see that the title of the web page is “Recipe
Sharing & Cooking Community”.
➢ We named this web page using title tag in the head part of the HTML
program.
➢ We can see the orange background on the top of the webpage on that we can
see 5 options which are
1.youtube
2.instagram
3. twitter
4.facebook
5. number
➢ Right after down to it we can see the heading of the projects as
“RECIEPE SHARING AND COOKING”, there are some other headings as Home,
About, Desserts, Services, Dropdown and Contact Us.

➢ When we click on that home page, we will stay on that home page and if we
click on about page then we will go to that about page and as it is same goes
to other things as Desserts , Services and Contact Us works .

Explanation of Home Page:

➢ We can make that header by using external CSS where we can use the
background color orange and we used anchor tags for every heading of home
and others

➢ And also we have added the icons of youtube , facebook and Instagram by
using <i> tag and used <a>tag to give link to that icons

➢ When viewer click on that icons it directly navigate to the sites which we have
provided.

➢ Over all we provided <nav> tag to navigate from home to other like About,
Desserts, Services, Contact Us.

➢ Used marquee tag to scroll text.

➢ We added image there using IMAGE tag

➢ Tags used in this


<title>,<li>,<ul>,<a>,<img>,<h1>,<p>,<section>,<nav>,<div>……
PICTURE 2
➢ This content is provided in Home page.

➢ Top of the page we have text that “SHARE YOUR RECIPES”


➢ It is made using <h1>tag

➢ We can see that 3 different recipes are in 3 different boxes with different
contents which are suitable to there headings.

➢ To make those 3 boxes we used < div class=”row”> and with in that div we
used 3 other div with column as <div class=”col”>.

➢ So as a result we got 3 different boxes with it’s respected content


➢ As it we gave 3 recipes and their procedure to make so that viewer will have
specific idea of how to make the recipe and can do it in practical without
hesitation.

➢ Tags which are used in this <section>,<h1>,<h3>,<div>tags with class because


to make then in 3 column in a 1 row.
PICTURE 3

➢ This content is provided in home page


➢ It has heading of “TOP RFECIPES FROM 5-STAR HOTELS”. This ahs provided
the content of the hotels which are in top and the famous recipes which are
high rated in them .
➢ These are made in a box and the tags which used in that are
<img>,<h1>,<section>,<div>(with row and col),<a>,<p>.
PICTURE 4

➢ This content is provided is Home page


➢ This is with heading “Latest Recipes For Our Customers” this has the
latest recipes which are for the customers
➢ So that they will know what is there
➢ Tags used <section>,<p>,<h1>,<div>,<img>

Picture 5

➢ This content is provided in About page


➢ For this picture we have made a scrolling to image an another image will come
after 5 sec
➢ It is used with tags that are <header>,<div>,<section>,<button>,<span>,<img>

➢ This content is in about with recipe sharing headings and cooking sub heading
and it has every thing about cooking and origin of cooking and history cooking .
➢ Used tags <h1>,<p>,<div>,<i>,<img>,<section>

➢ This is content provided in about page


➢ This say “Recipes” heading and it gives the information of what is a recipe meant
by and also history of recipe and importance of recipe
➢ The tags which are used are same as all <img>,<p>,<div>etc
➢ This has famous foods in india with those top 4 foods
➢ This has tags of <section>,<img>,<h3>,<p>,<div>(with class round)

➢ This content is provided in Desserts Page


➢ This page has content of how to make cake, tiramisu and other
➢ The tags used in this page are <section>,<div>,<h1>,<p>,<i>,<img>,<a>

➢ We have provided our email , contact, Instagram, youtube, facebook, twitter


which directly lead to our accounts and can see the latest updates of the recipe.
➢ We even provided the recent post of the web page and viewer can find recipe
making in content form.
➢ And if viewer want to find some more information about the content they can
provide that with their email.
WHOLE WEBSITE
HOME PAGE
About Page
Desserts
Services and Dropdown
Contact Us
CODE :
ABOUT
DESSERTS
Services
Contact

Css
Materials and Methods: library and open source, as for methods we used trail and
implement.
Conclusion: This website have the concept of sharing recipe and we have provided the
content for how to make. And can see latest updates through social media.
STUDENTS :
S Students Roll Reg no section Role of the member (Contribution)
NO no
1. P. Ramprasad B48 12302583 K23AM Making website and getting
recipe information
2. P. Meghana B53 12310294 K23AM Making website and Final report
3. D. Deepthi B63 12318395 K23AM Making website

Git hub link (website): https://ramprasad2005.github.io/Recipe-sharing-and-


cooking-community-website/

Git hub code: https://github.com/Ramprasad2005?tab=repositories

You might also like