Documente Academic
Documente Profesional
Documente Cultură
Piatra Neamț
PROIECT PENTRU
OBŢINEREA ATESTATULUI
DE COMPETENȚĂ PROFESIONALĂ
A ABSOLVENȚILOR CLASELOR DE
MATEMATICĂ-INFORMATICĂ
MAI 2021
PAGINĂ WEB
Criminali celebri
Cuprins
1. Argumentarea proiectului
2. Descrierea softului utilizat
3. Descrierea aplicatiei
4. Cod sursă
5. Glosar de termeni
6. Concluzie
7. Bibliografie
Argumentarea proiectului
Introducere
Noțiuni de bază
HTML 5
<!DOCTYPE HTML>
<html>
<head>
<title>Exemplu</title>
</head>
<body>
Conținut pagină
</body>
</html>
Elementele de marcare
<h1>Fotbal</h1>
<strong>îngroșat</strong>
<a href="http://www.google.ro/">Google</a>
Tag-uri
Orice fișier html are următoarea structură
<html>
<head>
<title>Titlul</title>
</head>
<body>
</body>
</html>
<body>
<p>Textul documentului îl scrii aici!</p>
</body>
</html>
HTML5
Selectors
Box Model
Backgrounds and Borders
Image Values and Replaced Content
Text Effects
2D/3D Transformations
Animations
Multiple Column Layout
User Interface
border-radius-right: 7px;
border-radius-top: 12px;
border-radius-bottom: 4px;
background: #dddddd;
width: 300px;
border-radius:25px;
Prima Pagină
Listă criminali
Criminali români
Tipologii
Contact
data-frames='[{"delay":1600,"speed":2000,"frame":"0","from":"y:
[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power
4.easeInOut"},
{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut
"}]'
data-x="center"
data-y="center"
data-hoffset="0"
data-voffset="['12', '20', '10', '25']"
data-width="100%"
data-height="['auto]"
data-whitesapce="['normal']"
data-word-wrap="['normal']"
data-white-break="['break-all']"
data-fontsize="['110', '70', '60', '40']"
data-lineheight="['112', '80', '65', '50']"
data-fontweight="700"
data-letterspacing="['4.4', '4.4', '2', '1']"
data-color="#FFF"
data-textAlign="center"
>H.H.<br> HOLMES</div>
</li>
data-frames='[{"delay":1300,"speed":2000,"frame":"0","from":"y:
[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power
4.easeInOut"},
{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut
"}]'
data-x="center"
data-y="center"
data-hoffset="0"
data-voffset="['-124', '-110', '-100', '-50']"
data-width="100%"
data-height="['auto]"
data-whitesapce="['normal']"
data-fontsize="20"
data-lineheight="36"
data-fontweight="400"
data-letterspacing="2"
data-color="#FFF"
data-textAlign="center"
><!--Cei mai sângeroși--></div>
<div class="tp-caption tp-resizeme normalWraping layer_2"
data-frames='[{"delay":1600,"speed":2000,"frame":"0","from":"y:
[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power
4.easeInOut"},
{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut
"}]'
data-x="center"
data-y="center"
data-hoffset="0"
data-voffset="['12', '20', '10', '25']"
data-width="100%"
data-height="['auto]"
data-whitesapce="['normal']"
data-word-wrap="['normal']"
data-white-break="['break-all']"
data-fontsize="['110', '70', '60', '40']"
data-lineheight="['112', '80', '65', '50']"
data-fontweight="700"
data-letterspacing="['4.4', '4.4', '2', '1']"
data-color="#FFF"
data-textAlign="center"
>BESTIA<br>DIN CHICAGO</div>
<div class="tp-caption tp-resizeme normalWraping layer_3"
data-frames='[{"delay":2000,"speed":2000,"frame":"0","from":"y:
[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power
4.easeInOut"},
{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut
"}]'
data-x="center"
data-y="center"
data-hoffset="0"
data-voffset="['212', '200', '150', '140']"
data-width="100%"
data-height="['auto]"
data-whitesapce="['normal']"
data-fontsize="16"
data-lineheight=""
data-fontweight="400"
data-textAlign="center"
>
</li>
</ul>
<br><br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Trust Clients Section -->
<footer class="footer_1">
<div class="container">
<div class="row">
</div>
<div class="row">
<div class="col-lg-12 col-sm-12 text-center">
</div>
</div>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<!-- Rev slider Add on Start -->
<script src="js/extensions/revolution.extension.actions.min.js"></script>
<script src="js/extensions/revolution.extension.carousel.min.js"></script>
<script src="js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="js/extensions/revolution.extension.migration.min.js"></script>
<script src="js/extensions/revolution.extension.parallax.min.js"></script>
<script src="js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="js/extensions/revolution.extension.navigation.min.js"></script>
<script src="js/extensions/revolution.extension.video.min.js"></script>
<!-- Rev slider Add on End -->
<script src="js/dlmenu.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/mixer.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/slick.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/theme.js"></script>
<!-- Include All JS -->
</body>
</html>
Glosar de termeni