Sunteți pe pagina 1din 15

Colegiul Național “Calistrat Hogaș”

Piatra Neamț

PROIECT PENTRU
OBȚINEREA ATESTATULUI
DE COMPETENȚĂ PROFESIONALĂ
A ABSOLVENȚILOR CLASELOR DE
MATEMATICĂ-INFORMATICĂ

Profesor coordonator: Candidat: Antoce Iustina-Lorena


Alina Zaharia Clasa: a XII-a B

MAI 2021
Tema proiectului:
Pagină web – „Animale de companie”
Cuprins:

- Motivul alegerii temei;


- Structura proiectului;
- Codul de bază al proiectului;
- Concluzie;
- Bibliografie.
1.Motivul alegerii temei
Am ales această temă deoarece animalele de
companie fac parte din viața noastră încă de când ne
naștem. Acestea sunt lipsite de prejudecăți, loiale,
iubitoare și mereu încântate să se afle în compania
oamenilor. Animalele de companie joacă un rol
important în viața noastră, ne sunt tovarăși de nădejde și
o companie pe care o apreciem.

2. Structura aplicației
Programul conține o formă principală alcătuită
din mai multe butoane precum:
-Pagina “Acasă” conține o scurtă descriere a
animalelor de companie. Apoi avem un scurt istoric al
acestora, dupa care ne sunt descrise trei dintre cele mai
vechi specii de câini. În cele din urmă avem prezentate
efectele asupra sănătății animalelor de companie și o
scurtă prezentare a animalelor sălbatice.
- Pagina “Tipuri” conține tipurile de animale de
companie, iar dacă dăm click pe plusul de pe fiecare
imagine, o să avem o prezentare îndetaliată a fiecărui tip.
- Pagina “Contact” conține datele de contact ale
realizatorului proiectului.
3. Codul de bază al proiectului
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Animale de companie</title>
<link rel="shortcut icon" type="image/x-icon" href="icon.png">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#navbar-collapse-toggle" data-offset="90">
<div id="loading">
<div class="load-circle"><span class="one"></span></div>
</div>
<header class="main-header">
<nav class="navbar header-nav header-white header-transparent navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#"> �<span></span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-
toggle" aria-controls="navbar-collapse-toggle" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbar-collapse-toggle">
<ul class="navbar-nav ml-auto">
<li><a class="nav-link active" href="#acasă"><span>Acasă</span></a></li>
<li><a class="nav-link" href="#ce sunt"><span>Despre animalele de companie</span></a></li>
<li><a class="nav-link" href="#tipuri"><span>Tipuri</span></a></li>
<li><a class="nav-link" href="#contactus"><span>Contact</span></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<section id="acasă" class="home-banner" style="background-image: url(static/img/fundal.jpg);">
<div class="top-style">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163.1 150.9" style="enable-
background:new 0 0 163.1 150.9;">
<path fill="currentColor" d="M119,12.1c14.4,5.6,30,11.9,37.7,23.3c7.8,11.4,7.7,28.1,3.5,42.2c-4.3,14.2-
12.7,25.9-21.1,36.3 c-8.4,10.3-16.8,19.2-26.9,25.8c-10.2,6.7-22.1,11-34.1,11.2c-12,0.2-24.1-3.9-33.8-10.7c-9.7-
6.9-17-16.7-23.1-27.2 C15,102.5,10,91.3,5.6,77.6C1.2,63.8-2.6,47.5,2.2,34.8C7.1,22.1,20.7,13,34.8,7.3c14.1-
5.8,28.7-8.2,42.7-7C91.4,1.6,104.6,6.6,119,12.1z" />
</svg>
</div>
<div class="bottom-style">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.6 1226.4" enable-
background="new 0 0 1400.6 1226.4">
<path fill="currentColor" d="M1384.4,488c-49.2-80.5-218.1-104.6-341.5-
187.7C920.4,218,845.3,76.7,731.8,24C618.3-27.9,466.3,8.8,342,91 C217.8,173.3,120.4,301.1,59.6,449.5C-
0.3,597.9-23.6,766.9,30.1,905.4c52.7,138.6,182.4,246.7,318.2,292.3 c135.9,46.5,278,29.5,397.8-1.8c119.8-
32.2,216.3-78.7,303-141.2c86.7-61.7,163.6-137.7,238.7-244C1362,704.3,1433.6,568.4,1384.4,488z" />
</svg>
</div>
<div class="container">
<div class="row align-items-center full-screen">
<div class="col-lg-12">
<div class="hb-typo">
<h1 class="font-alt">Animale de companie</h1>
<h6>Proiect realizat de Antoce Iustina-Lorena<br>clasa a XII-a B<br>profesor coordonator: Zaharia
Alina<span id="type-it"></span></h6>
</div>
</div>
</div>
</div>
<div class="scroll-bottom go-to">
<a href="#ce sunt">Continuă</a>
</div>
</section>
<section id="ce sunt" class="section about-section after-left-section">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-6 my-3">
<div class="img-box">
<img src="static/img/1.jpg" title="" alt="">
</div>
</div>
<div class="col-lg-6 my-3">
<div class="typo-box">
<h3>Animalele de companie</h3>
<h5>Ce sunt?</h5>
<p class="lead">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Animalele de companie sunt animalele
domestice pe care omul le întreține și le îngrijește în preajma căminului pentru a comunica și pentru a primi emoții
pozitive. De obicei manifestă o atitudine tolerantă față de om. Prin aceasta se deosebesc de animalele de
gospodărie, întreținute în mod special pentru munca fizică depusă și bunurile alimentare și materiale
furnizate.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cele mai cunoscute animale de companie sunt câinii și
pisicile. O răspândire mai modestă o au păsările (de obicei papagali, canari, porumbei), rozătoarele și peștii. Se
consideră animale de companie exotice reptilele (broaște țestoase terestre, șopârle, șerpi) și unele specii de
arahnide.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unele animale de gospodărie pot fi considerate animale de
companie. Printre acestea se numără calul, măgarul, și porcul.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unii savanți,
eticieni și organizațiile pentru drepturile animalelor și-au exprimat îngrijorarea față de păstrarea animalelor de
companie din cauza lipsei de autonomie și obiectivizare a animalelor ne-umane.</p>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section services-section gray-bg">
<div class="container">
<div class="row justify-content-center section-title text-center">
<div class="col-lg-7">
<h3 class="font-alt">Istoric</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Animalele de companie au devenit parte din civilizația umană
de ceva timp. În special, câinii în epoca de piatră au devenit tovarăși a vânătorilor. Pisica (conform datelor
disponibile) a fost animal domestic acum aproximativ 9500 de ani. În același timp, calul și cămila erau
domesticite.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cele mai vechi rase de
câini care au fost crescuți ca animale de companie includ 14 rase. De exemplu, potrivit studiilor genetice, vârsta
evoluționistă a <b>Pechinez </b>este de aproximativ 2000 de ani, rămășițele <b>Akita Inu</b> datează de la
aproximativ două mii î.Hr. e., iar imaginile lui <b>Saluki</b> datează din jurul anului 3500 î.Hr. e.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4 my-3">
<div class="feature-box-01">
<div class="icon">
<i class="ti-image"></i>
</div>
<div class="feature-content">
<h5>"Pechinez"</h5>
<p>Pechinezul este o rasă de câini originară din China, cunoscută de peste 4000 de ani. Pictori și
sculptori l-au reprezentat în operele lor așa cum este astăzi. Se numește așa după Pekin, fosta denumire a capitalei
Chinei, Beijing. În China străveche a fost rezervat în exclusivitate palatului împărătesc, fiind îngrijiți de eunuci, iar
furtul sau vânzarea unui pechinez erau pedepsite cu moartea. </p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 my-3">
<div class="feature-box-01">
<div class="icon">
<i class="ti-image"></i>
</div>
<div class="feature-content">
<h5>"Akita Inu"</h5>
<p>Akita Inu este o rasă de câini originară din insula Honshu. Numele este împrumutat de la cel
al prefecturii Akita, situată în partea de nord-vest, unde s-a stabilit că au apărut primele exemplare, prin secolul al
XVII-lea, create în scopul participării la vânătoarea de urși, mistreți și alte animale mari.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 my-3">
<div class="feature-box-01">
<div class="icon">
<i class="ti-image"></i>
</div>
<div class="feature-content">
<h5>"Saluki"</h5>
<p>Saluki, de asemenea, cunoscut sub numele de Câinele Regal din Egipt și ogarul persan este
una dintre cele mai vechi rase cunoscute ale câinelui domestic. Din perioada Regatului Mijlociu începând cu Saluki
multe animale care arată că el apar pe anticele morminte egiptene din 2134 î.h. </p>
</div>
</div>
</div><br>
<div class="row justify-content-center section-title text-center">
<div class="col-lg-7">
<h3 class="font-alt">Efecte asupra sănătății animalelor de companie</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Menținerea animalelor ca animale de companie poate fi
dăunătoare pentru sănătatea lor dacă nu sunt îndeplinite anumite cerințe. O problemă importantă este
alimentația necorespunzătoare, care poate produce efecte clinice. Consumul de ciocolată sau struguri de către
câini, de exemplu, se poate dovedi fatal.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Anumite specii de
plante de cameră pot dovedi toxice dacă sunt consumate de animale de companie. Exemplele includ filodendroni
și crini de Paști (care pot provoca leziuni grave la pisici) și poinsettias, begonia și aloe vera (care pot balona sau, în
cazuri extreme, pot ucide câini).<br>Emoțiile, în special câinii și pisicile din societățile industrializate, sunt, de
asemenea, extrem de sensibile la obezitate. Animalele supraponderale s-au dovedit a fi la un risc mai mare de a
dezvolta diabetul, probleme hepatice, dureri articulare, insuficiență renală și cancer. Lipsa exercițiilor fizice și a
hranei calorice sunt considerate a fi principalii contribuitori la obezitatea animalelor de companie.</p>
</div>
</div>
<br>
<div class="row justify-content-center section-title text-center">
<div class="col-lg-7">
<h3 class="font-alt">Animale sălbatice</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Animalele sălbatice sunt ținute ca animale de companie.
Termenul "sălbatic" în acest context se aplică în mod specific oricărei specii de animale care nu au suferit o
schimbare fundamentală a comportamentului pentru a facilita o coexistență strânsă cu oamenii. Unele specii
enumerate aici pot fi crescute în captivitate pentru o perioadă considerabilă de timp, dar încă nu sunt recunoscute
ca fiind domesticite.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;În general, animalele
sălbatice sunt recunoscute ca necorespunzătoare pentru a fi păstrate ca animale de companie, iar această practică
este complet interzisă în multe locuri. În alte zone, anumite specii pot fi păstrate și, de obicei, este necesar ca
proprietarul să obțină un permis. Se consideră că cruzimea animalelor de către unii, cel mai adesea animalele
sălbatice, necesită o îngrijire precisă și constantă, care este foarte dificil de îndeplinit în condiții de captivitate.
Multe animale mari și instinctiv agresive sunt extrem de periculoase și de multe ori i-au ucis pe cei care le
dresează.</p>
</div>
</div>
</div>
</div>
</section>
<section id="tipuri" class="section gray-bg">
<div class="container">
<div class="row justify-content-center section-title text-center">
<div class="col-lg-7">
<h3 class="font-alt">Tipuri de animale domestice</h3>
</div>
</div>
<div class="portfolio-content row lightbox-gallery">
<div class="col-sm-6 col-lg-4 grid-item product branding fashion">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Câinii</h5>
<span> �</span>
</div>
<div class="portfolio-img">
<img src="static/img/caini.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="caini/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 grid-item photoshop">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Pisicile</h5>
<span> �</span>
</div>
<div class="portfolio-img">
<img src="static/img/pisici.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="pisici/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 grid-item product branding">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Papagali sau alte păsări de colivie</h5>
<span> �</span>
</div>
<div class="portfolio-img">
<img src="static/img/papagali.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="pasari/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 grid-item product photoshop">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Iepuri</h5>
<span> �</span>
</div>
<div class="portfolio-img">
<img src="static/img/iepuri.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="iepuri/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 grid-item branding">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Pești</h5>
<span> �</span>
</div>
<div class="portfolio-img">
<img src="static/img/pesti.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="pesti/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 grid-item product photoshop">
<div class="portfolio-box-01">
<div class="portfolio-info">
<h5>Animale exotice</h5>
<span>(broaștele țestoase, cameleoni, iguane, diverse specii de șopârle, șerpii, păienjenii și
altele)</span>
</div>
<div class="portfolio-img">
<img src="static/img/exotic.jpg" title="" alt="">
<div class="portfolio-icon">
<a href="animaleexotice/index.html" class="gallery-link">
<span class="ti-plus"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contactus" class="section after-left-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 my-3">
<div class="contct-form">
<div class="sm-title">
<h4 class="font-alt">Contact!</h4>
</div>
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Nume întreg" required="">
<label class="form-label">Nume</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Adresă de email" required="">
<label class="form-label">Email</label>
</div>
</div>
<div class="col-12">
<div class="form-group">
<input type="email" class="form-control" placeholder="Subiect" required="">
<label class="form-label">Subiect</label>
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea rows="4" class="form-control" placeholder="Scrie comentariul"
required=""></textarea>
<label class="form-label">Comentariu</label>
</div>
</div>
<div class="col-12">
<div class="btn-bar">
<button class="px-btn px-btn-theme">Trimite-mi mesajul tău!</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4 ml-auto my-3">
<div class="contact-info">
<div class="sm-title">
<h4 class="font-alt">Date de contact</h4>
</div>
<div class="media">
<div class="icon">
<i class="ti-map"></i>
</div>
<span class="media-body">Colegiul Național „Calistrat Hogaș”, Piatra Neamț<br /> Str.
Alexandru cel Bun 19</span>
</div>
<div class="media">
<div class="icon">
<i class="ti-email"></i>
</div>
<span class="media-body"><br>iustina.antoce@calistrathogas.ro</span>
</div>
<div class="media">
<div class="icon">
<i class="ti-mobile"></i>
</div>
<span class="media-body">0746200000</span>
</div>
</section>
</main>
<footer class="footer white">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 my-2 text-center text-md-right">
<p> �</p>
</div>
</div>
</div>
</footer>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/plugin/appear/jquery.appear.js"></script>
<script src="static/plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="static/js/custom.js"></script>
</body>
</html>
4.Concluzie
Cunoaşterea limbajelor HTML și CSS este foarte utilă în
lumea modernă, unde suntem înconjuraţi de dispozitive
digitale, totul fiind făcut prin intermediul materialelor și a
mijloacelor disponibile în mediul virtual.

În perioada modernă, s-a ajuns la schimbarea


moduclui de educaţie şi de definiţie a alfabetizării, deseori
reflectându-se în cunoaşterea elementară a domeniului IT
şi a utilizării adecvate, raţionale a internetului, a web-ului
şi a altor aspecte ale tehnologiei informaţiei.

HTML şi CSS poate nu sunt cunoştinţe elementare,


precum lucrul în programul de editare Microsoft Word sau
precum lucrul în browserul web cu care accesăm site-urile
web ori citim mesaje de e-mail, dar sunt foarte utile
pentru înţelegerea așa-numitei „imagini mai largi”.
Structura HTML apare în multe locuri şi în multe utilizări,
nu doar pe site-urile web, în mediul lor primar. De aceea
este util, indiferent cu ce vă ocupaţi, să deţineţi cunoştinţe
de bază ale limbajelor HTML şi CSS.

Odată cu realizarea acestui proiect am avut


posibilitatea să învăţ HTML şi CSS, am avut posibilitatea să
creez și să dezvolt conținut sau să adaptez şi să întreţin
conţinutul pe site-urile deja formate.

De asemenea am aplicat competenţele și le-am folosit


ca bază pentru îmbunătăţirea cunoştinţelor în
programarea web. Am învăţat cum se creează tagurile şi
paginile HTML, precum şi ce reprezintă doctype şi toate
celelalte elemente care formează acest limbaj. Am învăţat
ce sunt descrierile CSS, din ce sunt alcătuite şi cum se
folosesc și îmbinând cunoștintele acumulate în timpul
liceului privind programarea structurală, am reușit
implementarea unei aplicații web de prezentare a unui
site. Se poate observa posibilitatea de aplicare a
elementelor teoretice limbajului HTML în crearea acestei
aplicații de mare utilitate educațională.

Informațiile acumulate pe parcursul realizării


proiectului de atestat îmi vor servi drept suport pentru
studiu mai departe în cariera. Este drept ca această lucrare
constituie doar o mică parte din tainele programării, dar
având în vedere că acest capitol a fost aprofundat numai
în clasa a XII-a, sunt de parere că obiectivul fundamental îl
constituie motivația de a aprofunda singur, de a-ți fi
propriul tău profesor, având la îndemână materiale
specifice.
5.Bibliografie

- „Lumea animalelor” - RaO


- http://www.w3schools.com/
- https://ro.wikipedia.org/wiki/Animal_de_companie
- https://www.efamilia.ro/animale-de-companie/cele-mai-
raspandite-animale-de-companie/
- https://rasedecaini.ro/
- https://www.animalepierdute.ro/rase-de-pisici/
- https://iahaio.org/wp/wp-content/uploads/2018/11/iahaio-
white-paper-ro-updated-2018-final-2.pdf

S-ar putea să vă placă și