Atestat Uiuiu

LUCRARE PENTRU ATESTAREA COMPETENELOR PROFESIONALE
Elev : Uiuiu Beniamin Profesor indrumtor : Viinescu Violeta Liceul : Colegiul National Jean Monnet Ploiesti Sesiunea : Mai 2013
Cuprins:
1.Motivul alegerii temei pag. 3 2.Structura aplicatiei pag. 4-7 3.Detalii tehnice pag. 8-21 4.Resurse de hard si soft pag. 21-22 5.Modalitati de utilizare pag. 22
1. Motivul alegerii temei
Am ales aceasta tema deoarece intotdeauna am fost pasionat si fascinat de acest domeniu si am dorit sa imi impart pasiunea si cu altii.
2. Structura aplicaiei
Programul contine o forma principala alcatuita din mai multe categorii precum:
- Categoria Home contine o scurta introducere in domeniul muzicii. - Categoria Instrumente contine informatii despre diferite instrumente muzicale. - Categoria Istoric contine un scurt istoric privind parcursul muzicii din preistorie pana in secolul XXI. - Categoria Contact contine modul in care poate fi contactat detinatorul site-ului, care pune la dispozitie utilizatorului adresa de email si numar de telefon. - Categoria Motivatia contine motivul alegerii acestei teme cat si date despre autor.
Structura programului este urmatoarea:
3. Detalii tehnice
7
Codul sursa al site-ului :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Nebulae - The Universe</title> <meta property='og:site_name' content='The Universe' /> <meta property='og:title' content='Nebulae' /> <meta property='og:description' content='A nebula (from Latin : "cloud"; [1] pl. nebulae or nebul , with ligature or nebulas ) is an interstellar cloud of dust , hydrogen , helium and other ionized gases . Originally, nebula was a general...' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/1753040.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/354078.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/3326485.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/1789276.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/9853999.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/3221675.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/3477692.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/9790465.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/8853044.jpg' /> <meta property='og:image' content='http://wondersofspace.weebly.com/uploads/1/1/2/0/11205512/154357899.jpg' /> <meta property='og:url' content='http://wondersofspace.weebly.com/nebulae.html' /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel='stylesheet' href='http://cdn1.editmysite.com/editor/images/common/common-v2.css?22' type='text/css' /> <link rel='stylesheet' type='text/css' href='/files/main_style.css?1331894255' title='wsite-theme-css' /> <style type='text/css'> #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-description, .blog-sidebar div.paragraph, .blogsidebar p, .wsite-form-field label, .wsite-form-field label {} #wsite-content h2, #wsite-content .product-title, .blog-sidebar h2{} #wsite-title{} </style> <style type='text/css'> .wsite-header { background-image: url(/uploads/1/1/2/0/11205512/header_images/1331547806.jpg) !important; background-position: 0 0 !important; } </style> <script type='text/javascript'><!-var STATIC_BASE = 'http://cdn1.editmysite.com/'; var STYLE_PREFIX = 'wsite'; //--> </script> <script type='text/javascript' src='http://cdn1.editmysite.com/libraries/prototype/1.7-custom/prototype.min.js'></script> <script type='text/javascript' src='http://cdn1.editmysite.com/libraries/scriptaculous/1.9.0custom/effects.min.js'></script> <script type='text/javascript' src='http://cdn1.editmysite.com/editor/images/common/utilities.js?16'></script> <script type='text/javascript' src='http://cdn1.editmysite.com/editor/images/common/lightbox202.js?110'></script> <script type='text/javascript' src='http://cdn1.editmysite.com/editor/libraries/flyout_menus.js?13'></script> <script type='text/javascript'><!-function initFlyouts(){initPublishedFlyoutMenus([{"id":"418238938774705190","title":"Home","url":"index.html"},{"id":"5933 24759699918037","title":"Galaxies","url":"galaxies.html"},{"id":"200864036760441044","title":"Stars","url":"stars.htm
l"},{"id":"978557415593818364","title":"Planets","url":"planets.html"},{"id":"902597336501730271","title":"Black Holes","url":"blackholes.html"},{"id":"562197412162845195","title":"Nebulae","url":"nebulae.html"},{"id":"638385186820787019","title" :"Pictures","url":"pictures.html"},{"id":"707311036312096692","title":"Contact","url":"contact.html"}],'5621974121628 45195',"<li class='wsite-nav-more'><a href='#'>more...<\/a><\/li>",'active',false)} if (Prototype.Browser.IE) window.onload=initFlyouts; else document.observe('dom:loaded', initFlyouts); //--> </script> </head> <body class='wsite-theme-dark wsite-page-nebulae'> <div id="wrapper"> <div id="header"> <div id="headerleft"><span class='wsite-logo'><table style='height:76px'><tr><td><a href='/index.html'><span id="wsite-title">The Universe</span></a></td></tr></table></span></div> <ul><li id='pg418238938774705190'><a href='/index.html'>Home</a></li><li id='pg593324759699918037'><a href='/galaxies.html'>Galaxies</a></li><li id='pg200864036760441044'><a href='/stars.html'>Stars</a></li><li id='pg978557415593818364'><a href='/planets.html'>Planets</a></li><li id='pg902597336501730271'><a href='/black-holes.html'>Black Holes</a></li><li id='active'><a href='/nebulae.html'>Nebulae</a></li><li id='pg638385186820787019'><a href='/pictures.html'>Pictures</a></li><li id='pg707311036312096692'><a href='/contact.html'>Contact</a></li></ul> </div> <div id="banner"> <div class="wsite-header"> </div> </div> <div id="content"><div id='wsite-content' class='wsite-not-footer'> <div class='wsite-not-footer'> <div ><div style="height: 20px; overflow: hidden;"></div> <div id='819049590860902081-gallery' class='imageGallery' style='line-height: 0px; padding: 0; margin: 0'> <div id='819049590860902081-imageContainer0' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer0' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/1753040_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/1753040.jpg' class='galleryImage galleryImageBorder' _width='333' _height='249' style='position:absolute;border-width:1px;padding:3px;width:100%;top:0.2%;left:0%' /></a></div></div></div><div id='819049590860902081-imageContainer1' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081insideImageContainer1' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/354078_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/354078.jpg' class='galleryImage galleryImageBorder' _width='312' _height='250' style='position:absolute;border-width:1px;padding:3px;width:93.69%;top:0%;left:3.15%' /></a></div></div></div><div id='819049590860902081-imageContainer2' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081insideImageContainer2' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/3326485_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/3326485.jpg' class='galleryImage galleryImageBorder' _width='333' _height='222' style='position:absolute;border-width:1px;padding:3px;width:100%;top:5.6%;left:0%' /></a></div></div></div><div id='819049590860902081-imageContainer3' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081insideImageContainer3' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/1789276_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/1789276.jpg' class='galleryImage galleryImageBorder' _width='207' _height='250' style='position:absolute;border-width:1px;padding:3px;width:62.16%;top:0%;left:18.92%' /></a></div></div></div><div id='819049590860902081-imageContainer4' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer4' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0
75.08%;'><a href='/uploads/1/1/2/0/11205512/9853999_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/9853999.jpg' class='galleryImage galleryImageBorder' _width='333' _height='214' style='position:absolute;borderwidth:1px;padding:3px;width:100%;top:7.2%;left:0%' /></a></div></div></div><div id='819049590860902081imageContainer5' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer5' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/3221675_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/3221675.jpg' class='galleryImage galleryImageBorder' _width='123' _height='250' style='position:absolute;borderwidth:1px;padding:3px;width:36.94%;top:0%;left:31.53%' /></a></div></div></div><div id='819049590860902081imageContainer6' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer6' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/3477692_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/3477692.jpg' class='galleryImage galleryImageBorder' _width='301' _height='250' style='position:absolute;borderwidth:1px;padding:3px;width:90.39%;top:0%;left:4.8%' /></a></div></div></div><div id='819049590860902081imageContainer7' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer7' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/9790465_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/9790465.jpg' class='galleryImage galleryImageBorder' _width='333' _height='249' style='position:absolute;borderwidth:1px;padding:3px;width:100%;top:0.2%;left:0%' /></a></div></div></div><div id='819049590860902081imageContainer8' style='float:left;width:33.28%;margin:0;'><div id='819049590860902081-insideImageContainer8' style='position:relative;margin:5px;padding:0 8px 8px 0'><div style='position:relative;width:100%;padding:0 0 75.08%;'><a href='/uploads/1/1/2/0/11205512/8853044_orig.jpg' rel='lightbox[gallery819049590860902081]' onclick='if (!window.lightboxLoaded) return false'><img src='/uploads/1/1/2/0/11205512/8853044.jpg' class='galleryImage galleryImageBorder' _width='333' _height='213' style='position:absolute;borderwidth:1px;padding:3px;width:100%;top:7.4%;left:0%' /></a></div></div></div><span style='display: block; clear: both; height: 0px; overflow: hidden;'></span> </div> <div style="height: 20px; overflow: hidden;"></div></div> <h2 style=" text-align: left; "></h2> <span class='imgPusher' style='float:left;height:0px'></span><span style=' float: left; z-index: 10; position: relative; ;clear:left;margin-top:0px;*margin-top:0px'><a><img src="/uploads/1/1/2/0/11205512/154357899.jpg" style="margintop: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width:1px;padding:3px;" alt="Picture" class="galleryImageBorder" /></a><div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;"></div></span> <div class="paragraph editable-text" style=" text-align: left; display: block; ">A <strong style="">nebula</strong> (from <a style="" href="http://en.wikipedia.org/wiki/Latin" title="">Latin</a>: "cloud";<a title="" style="" href="http://en.wikipedia.org/wiki/Nebula#cite_note-0">[1]</a> pl. <em style="">nebulae</em> or <em style="">nebulæ</em>, with <a style="" href="http://en.wikipedia.org/wiki/%C3%86" title="">ligature</a> or <em style="">nebulas</em>) is an <a style="" href="http://en.wikipedia.org/wiki/Interstellar_cloud" title="">interstellar cloud</a> of <a style="" href="http://en.wikipedia.org/wiki/Cosmic_dust" title="">dust</a>, <a style="" href="http://en.wikipedia.org/wiki/Hydrogen" title="">hydrogen</a>, <a style="" href="http://en.wikipedia.org/wiki/Helium" title="">helium</a> and other <a style="" href="http://en.wikipedia.org/wiki/Ionized_gases" title="">ionized gases</a>. Originally, <em style="">nebula</em> was a general name for any extended <a style="" href="http://en.wikipedia.org/wiki/Astronomy" title="">astronomical</a> <a style="" href="http://en.wikipedia.org/wiki/Astronomical_object" title="">object</a>, including <a style="" href="http://en.wikipedia.org/wiki/Galaxy" title="">galaxies</a> beyond the <a style="" href="http://en.wikipedia.org/wiki/Milky_Way" title="">Milky Way</a> (some examples of the older usage survive; for example, the <a style="" href="http://en.wikipedia.org/wiki/Andromeda_Galaxy" title="">Andromeda Galaxy</a> was referred to as the <em style="">Andromeda Nebula</em> before galaxies were discovered by <a style="" href="http://en.wikipedia.org/wiki/Edwin_Hubble" title="">Edwin Hubble</a>). Nebulae are often star-forming regions, such as in the <a style="" href="http://en.wikipedia.org/wiki/Eagle_Nebula" title="">Eagle Nebula</a>. This nebula is
10
depicted in one of <a style="" href="http://en.wikipedia.org/wiki/NASA" title="">NASA</a>'s most famous images, the "<a style="" href="http://en.wikipedia.org/wiki/Pillars_of_Creation" title="">Pillars of Creation</a>". In these regions the formations of gas, dust, and other materials "clump" together to form larger masses, which attract further matter, and eventually will become massive enough to form <a style="" href="http://en.wikipedia.org/wiki/Star" title="">stars</a>. The remaining materials are then believed to form <a style="" href="http://en.wikipedia.org/wiki/Planet" title="">planets</a>, and other <a style="" href="http://en.wikipedia.org/wiki/Planetary_system" title="">planetary system</a> objects.<br /><br />Many nebulae or stars form from the <a style="" href="http://en.wikipedia.org/wiki/Gravitational_collapse" title="">gravitational collapse</a> of gas in the <a style="" href="http://en.wikipedia.org/wiki/Interstellar_medium" title="">interstellar medium</a> or ISM. As the material collapses under its own weight, massive stars may form in the center, and their <a style="" href="http://en.wikipedia.org/wiki/Ultraviolet_radiation" title="">ultraviolet radiation</a> <a style="" href="http://en.wikipedia.org/wiki/Ion" title="">ionises</a> the surrounding gas, making it visible at optical <a style="" href="http://en.wikipedia.org/wiki/Wavelength" title="">wavelengths</a>. Examples of these types of nebulae are the <a style="" href="http://en.wikipedia.org/wiki/Rosette_Nebula" title="">Rosette Nebula</a> and the <a style="" href="http://en.wikipedia.org/wiki/Pelican_Nebula" title="">Pelican Nebula</a>. The size of these nebulae, known as HII regions, varies depending on the size of the original cloud of gas. New stars are formed in the nebulas. The formed stars are sometimes known as a young, loose cluster.<br /><br /> Some nebulae are formed as the result of <a style="" href="http://en.wikipedia.org/wiki/Supernova" title="">supernova</a> explosions, the death throes of massive, shortlived stars. The materials thrown off from the <a style="" href="http://en.wikipedia.org/wiki/Supernova" title="">supernova</a> explosion are ionized by the energy and the compact object that it can produce. One of the best examples of this is the <a style="" href="http://en.wikipedia.org/wiki/Crab_Nebula" title="">Crab Nebula</a>, in <a style="" href="http://en.wikipedia.org/wiki/Taurus_%28constellation%29" title="">Taurus</a>. The supernova event was recorded in the year 1054 and is labelled <a style="" href="http://en.wikipedia.org/wiki/SN_1054" title="">SN 1054</a>. The compact object that was created after the explosion lies in the center of the Crab Nebula and is a <a style="" href="http://en.wikipedia.org/wiki/Neutron_star" title="">neutron star</a>.<br /><br /> Other nebulae may form as <a style="" href="http://en.wikipedia.org/wiki/Planetary_nebulae" title="">planetary nebulae</a>. This is the final stage of a low-mass star's life, like <a style="" href="http://en.wikipedia.org/wiki/Earth" title="">Earth</a>'s <a style="" href="http://en.wikipedia.org/wiki/Sun" title="">Sun</a>. <a style="" href="http://en.wikipedia.org/wiki/Star" title="">Stars</a> with a <a style="" href="http://en.wikipedia.org/wiki/Mass" title="">mass</a> up to 8-10 solar masses evolve into <a style="" href="http://en.wikipedia.org/wiki/Red_giant" title="">red giants</a> and slowly lose their outer layers during pulsations in their atmospheres. When a star has lost enough material, its temperature increases and the <a style="" href="http://en.wikipedia.org/wiki/Ultraviolet_radiation" title="">ultraviolet radiation</a> it emits can <a style="" href="http://en.wikipedia.org/wiki/Ion" title="">ionize</a> the surrounding nebula that it has thrown off. The nebula is almost 97% <a style="" href="http://en.wikipedia.org/wiki/Hydrogen" title="">hydrogen</a> and 3% <a style="" href="http://en.wikipedia.org/wiki/Helium" title="">helium</a>, plus trace amounts of other elements.<br /><br /></div> <hr style=" width: 100%; clear: both; visibility: hidden; "></hr> <h2 style=" text-align: left; "><font size="5">Formation of a nebula</font><br /></h2> <div ><div id="700644148197748753" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><iframe width=900" height="550" src="http://www.youtube.com/embed/bJ-ZRpRHghI" frameborder="0" allowfullscreen></iframe></div>
</div> </div> </div> </div> <div id="footer"> <style type='text/css'>  </style> <script type='text/javascript'> <!-function positionWeeblyFooter() { var e = $('weebly-footer-mark'); if (e.cumulativeOffset().left > document.viewport.getWidth()/2) { e.up().addClassName('weebly-footer-right'); }else{ e.up().removeClassName('weebly-footer-right'); } } //--> </script>
13
<span class='weebly-footer' onmouseover="$(this).addClassName('weebly-footer-hover')" onmouseout="$(this).removeClassName('weebly-footer-hover')"> Create a <a target="_blank" href="http://www.weebly.com/">free website</a> with <span id='weebly-footer-mark'></span> <a class='weebly-footer-dynamic' target="_blank" href="http://www.weebly.com/?footer" onmouseover="$(this).addClassName('weebly-footer-dynamic-hover');positionWeeblyFooter()" onmouseout="$(this).removeClassName('weebly-footer-dynamic-hover')"> <span class='weebly-footer-button'> <span class='weebly-footer-button-text'>Weebly</span> </span> <span class='weebly-footer-message'> <span class='weebly-footer-message-content'></span> <span class='weebly-footer-message-carrot'></span> </span> </a> </span>
<script type='text/javascript'> <!-if (document.cookie.match(/(^|;)\s*is_mobile=1/)) { document.write( " " + "<a href='?mobile'>Mobile Site</a>" ); } //--> </script> </div> </div>
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7870337-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <script type="text/javascript"> _qoptions={ qacct:"p-0dYLvhSGGqUWo"
14
}; </script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <noscript> <img src="http://pixel.quantserve.com/pixel/p-0dYLvhSGGqUWo.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/> </noscript>  <script> (function() { try { $$('div.blog-social div.fb-like').each(function(div) { div.className = 'blog-social-item blog-fb-like'; }); } catch (ex) {} })(); try { $$('#commentArea iframe').each(function(iframe) { iframe.style.minHeight = '410px'; }); } catch (ex) {} </script> </body> </html>
HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afiate ntr-un browser (sau navigator). Scopul HTML este mai degrab prezentarea informaiilor
15
paragrafe, fonturi, tabele .a.m.d. dect descrierea semanticii documentului. Specificaiile HTML sunt dictate de World Wide Web Consortium (W3C).
Introducere
HTML este o form de marcare orientat ctre prezentarea documentelor text pe o singura pagin, utiliznd un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizeaz mijloacele prin care coninutul unui document poate fi adnotat cu diverse tipuri de metadate i indicaii de redare. Indicaiile de redare pot varia de la decoraiuni minore ale textului, cum ar fi specificarea faptului c un anumit cuvnt trebuie subliniat sau c o imagine trebuie introdus, pn la scripturi sofisticate, hri de imagini i formulare. Metadatele pot include informaii despre titlul i autorul documentului, informaii structurale despre cum este mprit documentul n diferite segmente, paragrafe, liste, titluri etc. i informaii cruciale care permit ca documentul s poat fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul). HTML este un format text proiectat pentru a putea fi citit i editat de oameni utiliznd un editor de text simplu. Totui scrierea i modificarea paginilor n acest fel solicit cunotine solide de HTML i este consumatoare de timp. Editoarele grafice (de tip WYSIWYG) cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemntor cu documetele Word, dar cu observaia c aceste programe genereaz un cod HTML care este de multe ori de proast calitate. HTML se poate genera direct utiliznd tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaii ca sistemele de gestionare a coninutului, wiki-uri i forumuri web genereaz pagini HTML.
16
HTML este de asemenea utilizat n email. Majoritatea aplicaiilor de email folosesc un editor HTML ncorporat pentru compunerea email-urilor i un motor de prezentare a email-urilor de acest tip. Folosirea email-urilor HTML este un subiect controversat i multe liste de mail le blocheaz intenionat.
Elementele de marcare
Mai jos sunt tipurile de elemente de marcare n HTML:
Marcare structural. Descrie scopul unui text. De exemplu: <h1>Fotbal</h1> Direcioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea structural nu are un anumit stil predefinit, dar cele mai multe browsere web au standardizat modul n care acestea sunt afiate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine i mai mari dect restul textului.De notat c "h1" este folosit doar o singur dat per pagin deoarece cu el este marcat titlul ei.
Marcare pentru prezentare. Descrie cum apare un text, indiferent de funciile sale. De exemplu: <b>ngroat</b> Va afia textul "ngroat" cu litere groase, aldine.Not: Html a inceput n ultimii ani s nceap s nu mai foloseasc acest gen de tag-uri pentru c "b" nu d sens paginii, pe cnd tag-ul "strong" (adic strong emphasis) d un neles paginii, i mai important, asemenea tag-uri pentru prezentare doar ncarc o pagin cu informaii i o fac astfel mai greu de ncrcat, iar apoi dac ataezi un document CSS la pagin, o singur modificare la CSS (de ex: de la "font-weight:italic" la "font-weight:bold" va schimba tot textul selectat, i de exemplu, link-urile vor trece de la text nclinat la text ngroat, plus c n CSS avem avantajul de a putea preciza ct de mari sau mici s fie literele
17
n pixeli px, n puncte pt, etc.)avem acelai efect ca i cnd am avea de schimbat toate tag-urile de "i" de pe pagin n tag-uri de "b", munc care chiar i la un website mic este enorm, ce s mai vorbim de unul de genul wikipedia. Aa c dac vrei s ncepei o carier n html sau un hobby (i s avei succes) nu folosii aceste taguri, nu degeaba s-a inventat CSS-ul.
Marcare pentru hiperlink. Leag pri ale unui document cu alte documente. De exemplu: <a href="http://ro.wikipedia.org/">Wikipedia Romneasc</a> Va reda Wikipedia romneasc ca hiperlink ctre un URL specificat.
Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.
Doar marcatorii de prezentare (mpreun cu foile de stiluri - CSS) determin cum coninutul din interiorul marcatorului va fi prezentat. Ceilali marcatori spun browserului ce obiecte s redea sau ce funcii s execute.
18
Prezentarea programului in care a fost realizat proiectul

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaie de dezvoltare web a companieiamericane Adobe Systems, disponibil att pentru MS Windows, ct i pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, ct i cadre ASP. Dreamweaver s-a bucurat de un larg succes nc de la sfritul anilor 1990 i momentan deine aproximativ 80 % din piaa editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac OS, Windows, dar suport n acelai timp i platforme UNIX cu ajutorul unor emulatoare software cum ar fi Wine. Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde detaliile de implementare a paginilor HTML, fcnd astfel posibil crearea cu uurin a acestora i de ctre utilizatorii neexperimentai. Unii creatori de pagini web critic aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari dect ar fi necesar, ceea ce conduce la o funcionare neperformant a browserelor web. Aceast afirmaie este n mare parte adevarat deoarece paginile web produse folosesc designul pe baz de tabel. n plus, produsul a mai fost criticat n trecut i pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fost mult mbuntit n versiunile recente. Cu toate acestea, compania Macromedia a mbuntit suportul pentru tehnologia CSS precum i alte modaliti de design, fr a fi necesar folosirea designului pe baz de tabel. Dreamweaver permite folosirea majoritii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza situl webcreat. De asemenea conine i cteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a gsi i modifica un paragraf sau o linie de cod, n ntregul sit, pe baza oricror parametri specificai de ctre utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fr a avea cunotine de programare.
19
4. Resurse de hard i soft necesare

Siteul a fost realizat cu ajutorul a mai multe programe precum macromedia dremweaver, flash mx2004 si swish max , Microsoft paint , adobe photoshop 9 . Cerinele de sistem ale programului nu sunt exagerate.
Resurse minime :
1) Hardware : - Procesor (CPU) : 500 MHz + - Memorie (RAM): 64 MB - Spaiu liber pe hard-disk : 30 MB - Monitor :1024*768 - Un browser oarecare: Google Chrome, Internet Explorer,Mozilla 2) Software : - Sistem de operare : Windows XP
Resurse recomandate:
1) Hardware : - Procesor (CPU) : 1000 MHz + - Memorie (RAM): 128 MB - Spaiu liber pe hard-disk : 30 MB - Monitor : VGA 32-bit color (1024x768) - Un browser oarecare: Internet explorer, Google Chrome,Mozilla 2) Software : - Sistem de operare : Windows XP/Windows 7/Windows 8
20
5.Modaliti de utilizare
Utilizarea programului este foarte simpla. Printr-o simpla apasare a click-ului stanga al mouse-lui pe unul din butoanele proiectului puteti ajunge la informatia dorita. Tab-urile din partea sus a paginii va ofera acces la toata informatia cuprinsa in site. Lansarea se face deschizand fisierul index.html.
21

Atestat Uiuiu

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Atestat Uiuiu

Încărcat de

Drepturi de autor:

Formate disponibile

LUCRARE PENTRU ATESTAREA COMPETENELOR PROFESIONALE

1. Motivul alegerii temei

Structura programului este urmatoarea:

Codul sursa al site-ului :

</div> </div> </div> </div> <div id="footer"> <style type='text/css'> <!--

Elemente speciale (widget). Creeaz obiecte, cum ar fi butoanele i listele.

Prezentarea programului in care a fost realizat proiectul

4. Resurse de hard i soft necesare

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