Sist Nervo S

COLEGIUL NAIONAL DE INFORMATIC PIATRA-NEAM
LUCRARE DE ATESTAT Sistemul nervos
ndrumtor: Prof. Andone Elena
Elev: Blaga Maria Mdlina
Prof. Podbereschi Maria
Clasa a XII-a D
SESIUNEA 2013
CUPRINS
1.INTRODUCERE..3 2.LIMBAJUL HTML..4 2.1.HTML.4 2.2.Structura unui document HTML.4 2.3.Formatarea textelor..5 2.4.Utilizarea listelor......................6 2.5.Inserarea tabelelor n documentele HTML7 2.6.Inserarea legturilor n documentele HTML.8 2.7.Inserarea imaginilor n documentele HTML.9 3.PREZENTAREA APLICAIEI..10 3.1.Adobe Dreamweaver CS5....10 3.2.Organizare.11 3.3.Background..12 3.4.Header.13 3.5.Body..14 3.5.1.Galerie...14 3.5.2.Spaii de coninut...15 3.5.3.Sidebar..16 3.6.Subsol..17 3.7.Legturi..18 4.CODUL SURS..17 4.1.Index.html....19 4.2.Style.css....24 5.BIBLIOGRAFIE...41
1.Introducere
Fiziologia creierului, mult timp prea puin cunoscut, a devenit un vast domeniu de cercetare tiinific n toat lumea. Exist astzi tratamente la care nici nu visam acum civa ani: n zilele noastre, meningitele sunt uor de vindecat n scurt timp i fr sechele; migrenele pot fi pot fi atenuate, dac nu chiar vindecate, de cnd i se cunosc cauzele multiple; hemiplegia poate fi recuperat n multe cazuri; scleroza n plci, ale crei cauze au rmas necunoscute, benificiaz de tratamente moderne, crora perioadele de remisie sunt din ce n ce mai lungi. Psihiatria, ramur a medicinei care se ocup de bolile mintale, constituie o mare aventur pentru tiina modern, al crei scop este de a pune n lumin funcionarea spiritului i, n plus de a-i ameliora unele tulburri. Cercetrile au dus la constatarea c dezechilibrele fizico-chimice se produc chiar n interiorul creierului. Pornind de aici, chimiti au putut crea molecule capabile s amelioreze aceste disfuncii i s atenueze astfel anumite tulburri mintale. Totui, abordarea pur organic a fenomenelor psihice este limitat. Oare ideile, dispoziiile, dorinele, temerile i sentimentele fiecruia dintre noi se reduc la simple reacii chimice care au loc n creier? Acesta este rolul psihologilor: de a face legtura ntre toate elementele care survin n viaa individului i contribuie la unicitatea lui. n lucrarea ce urmeaz s-au abordat aceste subiecte mbinate cu cunotiine de HTML fiind accesibile oricui fr cunotiinte medicale. n sprijinul informaiilor s-au adus cteva imagini sugestive, fiecare putnd astfel s neleag mecanismele de baz ale celui mai misterios organ al corpului: creierul.
2.Limbajul HTML 2.1.HTML

HTML (HyperText Markup Language) este limbajul utilizat n World Wide Web pentru descrierea hipertextelor. HTML nu este un limbaj de programare propriu-zis, ci doar un limbaj de descriere, coninnd elemente ce permit construirea paginilor Web. Limbajul HTML este derivat din SGML (Standard Generalized Markup Language limbaj standard generalizat de marcare) dar este mult mai simplu fiind destinat numai paginilor web, avnd caracteristici specifice limbajelor descriptive: - documentele HTML sunt de tip text (ASCII) putnd fi create cu orice editor de texte (Notepad, Wordpad); - documentele HTML pot fi vizualizate cu diferite browser-e i sunt independente de platforma de lucru; - HTML utilizeaz pentru descrierea documentelor web tag-uri (etichete sau marcaje) specifice pentru fiecare element descris, tag-urile stabilesc att structura documentului ct i aspectul acestuia. Un tag este un identificator care furnizeaz browser-ului instruciuni de formatare a documentului. Etichetele HTML sunt ncadrate ntre paranteze unghiulare < >, <tag> , eticheta de nceput i </tag>, eticheta de sfrit. Efectul corespunztor etichetei este aplicat textului dintre eticheta de nceput i cea de sfrit. Unele elemente admit atribute ce conin informaii suplimentare despre coninutul elementelor. Atributele se precizeaz n cadrul tag-ului de nceput, se separa prin spaii i se precizeaz sub forma: atribut=valoare.
2.2.Structura unui document HTML

Un document HTML este delimitat de perechea de etichete <HTML> i </HTML> i este constituit din: A. antetul documentului delimitat de tag-urile <HEAD> i </HEAD>, conine informaii generale despre document cum ar fi: - titlul documentului cel care va fi afiat n bara de titlu a ferestrei browser-ului i este delimitat de tag-urile <TITLE> i </TITLE>; - pentru alte informaii suplimentare se utilizeaz eticheta <META> admite atributele: o NAME conine un ir de caractere ce reprezint numele proprietii (Author, Keywords, Description) o CONTENT conine valoarea asociat proprietii respective B. corpul documentului delimitat de tag-urile <BODY> i </BODY> sau <FRAMESET> i </FRAMESET>, conine textul propriu-zis al documentului i elementele de formatare ale acestuia.
4
Elementul BODY admite urmtoarele atribute: BACKGROUND=URL URL este un ir de caractere ce reprezint adresa Web a unei imagini care va fi utilizat de browser ca fundal (background) pentru document. BGCOLOR=culoare color stabilete culoarea fundalului documentului (BackGround Color). n HTML culorile se pot specifica n dou moduri: -utiliznd denumirile predefinite, cele mai uzuale sunt: red, maroon, yellow, green, lime, teal, olive, aqua, blue, navy, purple, fuchsia, black (este culoarea implicita), gray, silver, white; -utiliznd codul culorii ( #rrggbb ) dat n formatul hexazecimal RGB: rr reprezint rou (de la 00 la FF); gg reprezint verde (de la 00 la FF); bb reprezint albastru (de la 00 la FF); aceste valori reprezentnd contribuia fiecrei culori de baz la culoarea creat. TEXT=culoare stabilete culoarea textului. LINK=culoare stabilete culoarea cu care vor fi marcate n text link-urile nevizitate. VLINK=culoare stabilete culoarea cu care vor fi marcate n text link-urile vizitate. ALINK=culoare stabilete culoarea cu care va fi marcat n text link-ul activ. LANG=cod-limba lang specific limba n care este redactat documentul (pentru motoarele de cutare, sintetizatoare de voce etc.) cum ar fi: en, fr, el, ro etc. DIR=LTR RTL specific direcia de scriere a textului: LTR de la stnga la dreapta (Left To Right) sau RTL de la dreapta la stnga (Right to Left).
2.3.Formatarea textelor
Formatarea textului care apare ntr-un documente HTML se poate face: - la nivel de bloc (bloc-level) pot conine i alte elemente de formatare i ncep de la linie nou; - la nivel de caracter conin doar text sau alte elemente de formatare la nivel de caracter. Gruparea mai multor elemente HTML la nivel de bloc se realizeaz cu ajutorul tagurilor <DIV> i </DIV>. Pentru gruparea mai multor elemente dintr-un bloc la nivel de caracter (inline) se utilizeaz tag-urile <SPAN> i </SPAN>. n HTML delimitarea paragrafelor se realizeaz cu ajutorul tag-urilor <P> i </P>, eticheta de sfrit fiind opional. Tag-ul <P> admite atributele: ALIGN = LEFT RIGHT CENTER JUSTIFY TITLE LANG DIR Pentru a stabili acelai mod de grupare pentru mai multe paragrafe, trebuie s le grupm ntr-un singur bloc cu ajutorul tag-ului <DIV>. Pentru a insera n document o linie vid se utilizeaz tag-ul <BR>.
Utilizarea paragrafelor titlu Fiecare element structural al unui document, de obicei, este precedat de un paragraf titlu (heading). Documentele HTML pot fi structurate pe ase niveluri, n funcie de importana lor, existnd ase etichete care definesc nivelul paragrafului titlu n structura documentului: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Etichetele de sfrit sunt obligatorii. Tag-urile pentru paragrafe admit atributele: LANG, DIR, TITLE, ALIGN.
Formatarea la nivel de caracter Precizarea informaiilor referitoare la fontul utilizat de browser pentru vizualizarea textului se realizeaz cu ajutorul tag-urilor <FONT> i </FONT>. Atributele admise de eticheta <FONT> sunt: SIZE = valoare - stabilete dimensiunea caracterelor. Valoarea dimensiunii poate fi specificat: - n mod absolut valori naturale ntre 1 i 7; - relativ la dimensiunea curent a caracterelor cu +n sau n mai mari sau mai mici. COLOR = culoare FACE = lista_fonturi definete o list de fonturi separate prin virgul, dintre care browser-ul l va alege pe primul disponibil n ordinea preferinelor (altfel va utiliza fontul implicit). Dimensiunea implicit a fontului se poate modifica utiliznd tag-ul <BASEFONT> sub forma: <BASEFONT SIZE=4>
2.4.Utilizarea listelor
Utilizarea listelor este necesar pentru prezentarea informaiilor n mod structurat. Se pot utiliza trei tipuri de liste: 1. Listele neordonate (Unordered List) sunt utilizate atunci cnd exist o legtur ntre elementele listei dar nu se impune o anumit ordine a lor. Aceste liste sunt ncadrate ntre tag-urile <UL> i </UL>, fiecare element al listei fiind precedat de tag-ul <LI> (List Item) care introduce naintea elementului o bulin. La imbricarea listelor neordonate introduse prin UL, nivelele diferite vor fi difereniate prin buline de tipuri diferite. Selectarea simbolului care preced fiecare intrare n list se realizeaz cu ajutorul atributului TYPE care poate avea valorile: disc, circle i square. Atributul COMPACT arat c distana dintre bulin i text poate fi redus (este posibil ca aceast opiune s nu funcioneze pe orice browser).
6
2. Listele ordonate (Ordered List) sunt utilizate atunci cnd elementele listei trebuie prezentate ntr-o anumit ordine. Aceste liste sunt ncadrate ntre tag-urile <OL> i </OL>, fiecare element al listei fiind precedat de tag-ul <LI>. Atributele acceptate de tag-ul OL sunt: -TYPE=1|a|A|i|I care determin modul de numerotare a intrrilor n list i poate avea valorile: 1 (pentru numerotare cu cifre arabe: 1, 2, 3,), a (intrrile n list vor fi precedate de literele mici ale alfabetului latin: a, b, c , ), A (intrrile n list vor fi precedate de literele mari ale alfabetului latin: A, B, C,), i (numerotarea se face cu cifre romane mici: i, ii, iii,), I (numerotarea se face cu cifre romane mari: I, II, III,). -START=numr stabilete numrul de la care s se nceap numerotarea listei. Valoarea implicit este 1|a|A|i|I. Pentru a modifica valoarea cu care este automat numerotat a intrrii n list se include n tag-ul <LI> corespunztore intrrii respective atributul VALUE=numr unde numr reprezint valoarea de etichetare a intrrii n lista respectiv. 3. Listele de definiii (Definition List) sunt cele n care intrrile sunt formate din dou paragrafe: primul corespunztor termenului iar al doilea, identat, corespunztor definiiei termenului. Crearea unei astfel de liste este marcat cu tag-urile <DL> i </DL>. Prin urmare o intrare n list va avea dou componente: - termenul marcat cu tag-ul <DT> (Definition Term) care poate conine doar elemente de formatare inline. - definiia termenului marcat cu tag-ul <DD> (Definition Description) care poate conine i elemente de formatare la nivel de bloc.
2.5.Inserarea tabelelor in documente HTML

Tabelele permit organizarea informaiilor ntr-un document HTML. Inserarea unui tabel se face prin intermediul tag-urilor <TABLE> i </TABLE>. Tag-ul TABLE admite urmtoarele atribute: SUMARRY = text specific o descriere a rolului i structurii tabelului, aceste informaii nu sunt vizualizate n pagina Web; ALIGN = LEFT RIGHT CENTER specific alinierea tabelului n document; WIDTH = valoare specific limea ntregului tabel; valoarea poate fi specificat n numr de pixeli sau n procente; HEIGHT = valoare specific nlimea ntregului tabel; valoarea poate fi specificat n numr de pixeli sau n procente; BORDER = valoare specific n numr de pixeli grosimea liniei chenarului din jurul tabel; COLS = valoare specific numrul de coloane ale tabelului; CELLSPACING = valoare specific spaiul dintre celule i spaiul dintre celule i marginea tabelului; CELLPADING = valoare specific spaiul dintre chenarul celulei i spaiul coninutul ei; valoarea poate fi specificat n numr de pixeli sau n procente;
Coninutul elementului TABLE este constituit din liniile tabelului. Specificarea unei linii se realizeaz cu ajutorul elementului TR (Table Row), ntre eticheta de nceput <TR> i cea de sfrit </TR> (opional) fiind descrise celulele de pe linia respectiv. Specificarea celulelor care constituie o linie se realizeaz prin intermediul elementelor TH (Table Header), pentru celulele care constituie antetul tabelului (capul de tabel), respectiv TD (Table Data) pentru celulele care conin informaiile din tabel. Elementele TH i TD admit urmtoarele atribute: ROWSPAN = numr_de_linii specific numrul de linii acoperite de celula respectiv; valoarea implicit este 1; valoarea 0 semnific faptul c aceast celul acoper toate liniile ncepnd cu cea curent; COLSPAN = numr_de_coloane specific numrul de coloane acoperite de celula respectiv; valoarea implicit este 1; valoarea 0 semnific faptul c aceast celul acoper toate coloanele ncepnd cu cea curent; WIDTH = valoare specific limea celulei n numr de pixeli; HEIGHT = valoare specific nlimea celulei n numr de pixeli;
2.6.Inserarea legaturilor in documente HTML

Principala caracteristic a hipertextelor o constituie utilizarea legturilor (links). Un link este o conexiune ctre o alt resurs Web (un alt hipertext sau o imagine, o secven video sau audio, un program etc.), resurs care poate fi accesat din fereastra browser-ului printr-un simplu clic. Limbajul HTML conine multiple elemente prin intermediul crora se poate crea o legtur ctre resurse Web: IMG creeaz o legtur ctre o imagine; LINK specific legturi ctre resurse utile; A creeaz o legtur ctre o resurs Web ntr-un document HTML; APPLET creeaz o legtur ctre un program executabil pe calculatorul utilizatorului. Pentru a crea un link ntr-un document HTML se utilizeaz tag-ul A (anchor ancor). textul scris ntre tag-ul de nceput <A> i cel de sfrit </A> va aprea evideniat n fereastra browser-ului: subliniat, colorat n funcie de valorile atributelor LINK, VLINK, ALINK. Atributele specifice elementului A sunt: HREF = URL specific adresa resursei la care se face legtura; NAME = ir_de_caractere asociaz un nume unic ancorei curente, astfel nct s poat constitui inta unui alt link; TITLE = ir_de_caractere asociaz un nume resursei la care se face legtura. Browser-ul va afia titlul resursei cnd utilizatorul deplaseaz mouse-ul deasupra legturii.
2.7.Inserarea imaginilor in documente HTML

Elementul IMG permite inserarea imaginilor, APPLET permite inserarea de applet-uri scrise n limbajul Java iar elementul OBJECT permite inserarea elementelor multimedia ntrun document HTML. Elementul IMG permite inserarea imaginilor. Acesta nu are coninut i nu admite tag de sfrit. Specificarea imaginii ce urmeaz a fi inserat se face prin intermediul atributului: SRC = URL care specific adresa fiierului care conine imaginea. Cele ma utilizate formate de imagini pentru pagini web sunt: .gif i .jpeg; ALT = text specific un text alternativ care va fi afiat n locul imaginii de browser-ele care nu pot vizualiza imagini; HEIGHT = dimensiune nlimea imaginii; WIDTH = dimensiune limea imaginii; Dimensiunea poate fi exprimat n numr de pixeli sau procente (referitoare la spaiul disponibil i nu la dimensiunea imaginii); ALIGN = valoare specific modul de aliniere a imaginii n raport cu textul. Valoare pote fi: TOP, MIDDLE, BOTTOM, LEFT, RIGHT; BORDER = numar_pixeli specific grosimea chenarului n care va fi ncadrat imaginea; HSPACE = dimensiune specific spaiul inserat n stnga i n dreapta imaginii; VSPACE = dimensiune specific spaiul inserat n partea de sus i n partea de jos a imaginii. Inserarea unei legaturi pe o imagine Prin utilizarea elementului IMG drept coninut al elementului ancor <A> se poate insera n document o legtur pe o imagine adic prin acionarea imaginii printr-un clic va fi accesat resursa destinaie.
3.Prezentarea aplicaiei 3.1.Adobe Dreamweaver CS5

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaie de dezvoltare web a companiei americane Adobe Systems, disponibil att pentru Windows, ct i pentru Apple Mac OS. Versiunea CS5 include 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 web creat. 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. Odat cu apariia versiunii MX, Macromedia a ncorporat utilitare de generare dinamic a coninutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi cele de tip MySQL i Microsoft Access) pentru a filtra i afia coninutul folosind scripturi de genul PHP, ColdFusion, Active Server Pages (ASP) i ASP.NET, fr a avea nevoie de o prealabil experien n programare. Un aspect foarte ludat al Dreamweaver -ului l reprezint arhitectura sa extensibil. Extensiile sunt mici programe pe care orice dezvoltator le poate scrie (de obicei n HTML i JavaScript) i pe care oricine le poate descrca i instala, acestea aducnd un spor de performan i funcionalitate mbuntit programului. Exist o comunitate de dezvoltatori care produc aceste extensii i le public (att comercial ct i gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pn la soluii complete de vnzare online, n Internet.
10
3.2. Organizare
Folderul rdcin conine un folder cu imagini, un folder cu codurile surs Javascript necesare pentru derularea imaginilor cele dou foi de stil (CSS) i paginile aferente site-ului. Pagina principal index.html o vom deschide cu un browser, de preferat nite versiuni recente pentru a suporta partea Java a lucrrii.
Headerul are n partea de sus un logo, cu numele lucrrii, sub acesta un meniu cu paginile acas, sistemul nervos i creierul i inteligena. Corpul pagini (body) este format din: galerie (o serie de imagini derulate cu ajutorul fisierelor Javascript, prin click pe butoanele din stnga i dreapta galeriei), spaiul pentru coninut, iar n dreapta o bar de meniu grupat n dou categorii CREIERUL I NERVII i PSIHIATRIA
11
n subsol sunt introduse numele unitii scolare i numele realizatorului.
3.3 Background
Fundalul este realizat cu ajutorul unor imagini n fiierele CSS. body { margin: 0px; padding: 0; background: #4C9BCD url(images/img01.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #919191; } Codul plaseaz img01.jpg n stnga cu repetare pe axa OX. Acesta d impresia de continuitate i creeaz background. #sidebar { float: right; width: 260px; background: repeat-y left top; font-size: 11px; url(images/img08.jpg)
12
3.4.Header
n partea din dreapta sunt prezentate toate caracteristicile logo-ului. Dnd click pe acestea le putem modifica fontul, mrime, culoarea. Tot site-ul este creat din div-uri care nu sunt altceva dect un suport pentru celelalte taguri. Meniul de sub logo a fost creat prin introducerea unui div, unde pe baza tagului <ul> (list) introducem cele 3 pagini aferente <li></li> (element de list) <#menu { float: left; width: 500px; height: 68px; }
#menu ul { margin: 0; padding: 15px 0px 0px 5px; list-style: none; line-height: normal; }
#menu li { display: block; float: left; }
#menu a { display: block;

13
float: left; height: 32px; padding: 10px 20px 0px 20px; letter-spacing: -1px; text-decoration: none; text-align: center; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; }
3.5.Body
3.5.1.Galerie Suportul pentru galerie este img03.jpg unde este integrat i partea de Javascript necesar pentru derularea imaginii
14
Odat creat suportul putem introduce imaginile. n lateral sunt introduse butoanele de navigare.
Fiierele javascript sunt introduse la nceput n fisierul html, i sunt responsabile de derularea imaginilor. <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script> 3.5.2.Spaiile de coninut Body-ul conine un spaiu de coninut. Pe acestea vom introduce textul. Un titlul i coninutul, fiecare cu stilul aferent.
15
3.5.3.Sidebar (meniu lateral) Odat creat suportul, vom introduce elementele meniului cu ajutorul listelor. Meniul este mprit n 2 categorii, astfel c fiecare element al listei are o list proprie, ns numele categoriei i elementele sale au stiluri diferite. #sidebar li li a { background: url(images/img11.jpg) norepeat left 3px; padding-left: 20px; Elementele listei sunt separate ntre ele de o linie punctat creat dintr-o imagine prin repetiie pe axa OX #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; background: #1E1E1E; }
#sidebar li ul { margin: 0px 0px; }
16
#sidebar li li { margin: 0px; padding: 8px 0px 8px 0px; border-bottom: 1px solid #222222; }
#sidebar li li a { padding: 0px 20px; font-weight: normal; }
3.6.Subsol
Crearea acestuia este similar header-ului. #footer { width: 940px; height: 120px; margin: 0 auto; padding: 0; background: url(images/img09.jpg) no-repeat left top; }
#footer p { margin: 0; padding: 30px 0px 0px 30px; text-align: center; text-transform: uppercase; line-height: normal;
17
font-size: 10px; }
3.7.Legturile
Paginile urmtoare nu sunt foarte diferite de index.html. Acestea sunt legate astfel nct putem ajunge de pe orice pagin la orice pagin. Acestea const n urmtoarele pagini dispuse asfel: Acas, Sistemul nervos, Creierul, Inteligena n meniul de sus n meniul lateral avem urmtoarele 16 pagini o Coma o Epilepsia o Boala Alzheimer o Boala Parkinson o Meningita o Tumorile cerebrale o Personalitatea o Depresia o Halucinaiile o Fobiile o Obsesiile o Personalitatea patologic o Schizofrenia
18
4.Codul surs
1.index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Sistemul nervos</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css"> @import "slidertron.css"; </style> </head> <body>  <div id="logo"> <h1><a href="index.html">Sistemul nervos </a></h1> <p><em>i funciile sale </em></p> </div> <div id="header"> <div id="menu"> <ul> <li><a href="index.html" class="first">Acas</a></li>
19
<li class="current_page_item"><a href="sistem.html">sistemul nervos</a></li> <li><a href="creier.html">creierul</a></li> <li><a href="iq.html">inteligena</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div>  <div id="search"> <form method="get" action=""> <fieldset> </fieldset> </form> </div> </div>  <hr />  <div id="slideshow">  <div id="foobar"> <div id="col1"><a href="#" class="previous"> </a></div> <div id="col2"> <div class="viewer"> <div class="reel"> <div class="slide"><img src="images/img28.jpg" width="726" height="335" alt="" /> <span>"Cunoate-te pe tine nsui" Socrate</span> </div>
</div>
20
</div> </div> <div id="col3"><a href="#" class="next"> </a></div> </div> <script type="text/javascript">
$('#foobar').slidertron({ viewerSelector: '.viewer', reelSelector: .reel', slidesSelector: .slide', navPreviousSelector: '.previous', navNextSelector: navFirstSelector: navLastSelector: }); '.next', '.first', '.last' '.viewer .reel '.viewer
</script>  </div> <div id="page"> <div id="page-bgtop"> <div id="content"> <div class="post"> <h2 class="title"><a href="schizofrenia.html">Schizofrenia</a><a href="#"></a></h2> <div class="entry"> <p><strong>Schizofrenia</strong> este o psihoz caracterizat prin deteriorarea proceselor de gndire i de rspunsuri emoionale inadecvate. Tulburarea se manifest prin halucinaii auditive, deliruri paranoide sau bizare sau prin vorbire i gndire 21
dezorganizate i este nsoit de disfuncie social sau ocupaional semnificativ. Debutul acestor simptome apare de obicei la nceputul perioade adulte, cu o prevalen global de-a lungul vieii n jur de 0,30,7%. Diagnosticul se bazeaz pe comportamentul observat i pe experienele raportate de pacient.</p> <p>Ereditatea, mediul din frageda copilrie, factorii neurobiologici, procesele psihologice i sociale apar drept factori importani care contribuie la apariia tulburrii; unele droguri recreaionale i medicamente par a cauza sau nruti simptomele. Cercetarea actual se apleac n special asupra rolului factorilor neurobiologici, dar nu a fost gsit nicio cauz organic responsabil de una singur pentru apariia tulburrii. Numeroasele combinaii posibile de simptome au declanat dezbateri asupra ntrebrii dac diagnosticul reprezint o singur tulburare sau e vorba de mai multe sindroame separate. n ciuda etimologiei termenului din rdcinile <em>skhizein</em> (<em></em>, &bdquo;a scinda”) i <em>phrn, phren-</em> (<em>, -</em>; &bdquo;minte”) din greaca veche, schizofrenia nu nseamn o &bdquo;minte scindat” i nu este acelai lucru cu tulburarea disociativ de identitate cunoscut i ca &bdquo;tulburarea de personalitate multipl” sau &bdquo;personalitate scindat” tulburare cu care este adesea confundat de ctre publicul larg.</p> <p>Tratamentul obinuit este reprezentat de medicaia antipsihotic, care n principal blocheaz activitatea receptorilor de dopamin (i, uneori, de serotonin). Psihoterapia i recuperarea profesional i social sunt de asemenea importante n tratament. n cazuri mai severe atunci cnd bolnavul reprezint un risc pentru sine sau pentru alii spitalizarea obligatorie poate fi necesar, dei n zilele noastre ederile n spital sunt mai scurte i mai puin frecvente dect n trecut.</p> <p>Se crede n general c tulburarea afecteaz n principal cogniia, dar ea contribuie de obicei la probleme cronice de comportament i emoionale. Persoanele cu schizofrenie prezint frecvent afeciuni comorbide, incluznd depresie major i tulburare de anxietate; prevalena de-a lungul vieii a abuzului de substane (alcool, droguri, etc.) este de aproape 50%. Problemele sociale, cum ar fi omaj ndelungat, srcie i lipsa unui cmin, sunt frecvente. Sperana de via a persoanelor cu schizofrenie este cu 12 - 15 ani mai mic dect a celor care nu au aceast tulburare, acesta fiind rezultatul problemelor de sntate fizic i al frecvenei crescute a sinuciderilor (n jur de 5%).</p> </div> <div></div> </div> </div>  <div id="sidebar"> <ul> <li> 22
<h2>Creierul i nervii </h2> <ul> <li><a href="coma.html">Coma</a></li> <li><a href="epilepsia.html">Epilepsia</a></li> <li><a href="alzheimer.html">Boala Alzheimer</a></li> <li><a href="parkinson.html">Boala Parkinson</a></li> <li><a href="meningita.html">Meningita</a></li> <li><a href="tumori.html">Tumorile cerebrale</a></li></ul></li> <li> <h2>Psihiatria</h2> <ul> <li><a href="personalitatea.html">Personalitatea</a></li> <li><a href="depresia.html">Depresia</a></li> <li><a href="halucinatii.html">Halucinaiile</a></li> <li><a href="fobii.html">Fobiile</a></li> <li><a href="obsesii.html">Obsesiile</a></li> <li><a href="patologic.html">Personalitatea patologic</a></li> <li><a href="schizofrenia.html">Schizofrenia</a>  </li> </ul> </li> </ul> </div> <div style="clear: both;"> </div> </div>  </div> 23
<div id="footer"> <p>2013 | SISTEMUL NERVOS I FUNCIILE SALE | COLEGIUL NAIONAL DE INFORMATIC | BLAGA MARIA-MDLINA</p> </div>  </body> </html>
2.style.css
body { margin: 0px; padding: 0; background: #4C9BCD url(images/img01.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #919191; }
h1, h2, h3 { margin: 0; text-transform: uppercase; font-weight: normal; color: #549900; }
h1 { font-size: 44px; }
h2 { font-size: 18px; }
h3 { } 24
p, ul, ol { margin-top: 0; line-height: 20px; text-align: justify; text-transform: none; }
ul, ol { }
blockquote { }
a { color: #4999CB; }
a:hover { text-decoration: none; }
a img { border: none; }
img.left { float: left; margin: 7px 30px 0 0; }
img.right { float: right; margin: 7px 0 0 30px; } 25
hr { display: none; }
.list1 { }
.list1 li { float: left; line-height: normal; }
.list1 li img { margin: 0 30px 30px 0; }
.list1 li.alt img { margin-right: 0; }
#wrapper { }
/* Header */
#header { width: 940px; height: 68px; margin: 0 auto; background: url(images/img02.jpg) no-repeat left top; 26
/* Menu */
#menu { float: left; width: 500px; height: 68px; }
#menu ul { margin: 0; padding: 15px 0px 0px 5px; list-style: none; line-height: normal; }
#menu li { display: block; float: left; }
#menu a { display: block; float: left; height: 32px; padding: 10px 20px 0px 20px; letter-spacing: -1px; text-decoration: none; 27
text-align: center; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF; }
#menu a:hover { text-decoration: none; }
#menu .current_page_item a { }
#menu .first { } /* Search */
#search { float: right; padding: 10px 10px 0px 0px; }
#search form { float: right; margin: 0; padding: 4px 0px 0 0; } 28
#search fieldset { margin: 0; padding: 0; border: none; }
#search input { float: left; font: 12px Arial, Helvetica, sans-serif; }
#search-text { width: 170px; margin-top: 8px; margin-left: 60px; margin-right: 40px; padding: 6px 0 0 7px; border: none; background: none; font-family: Arial, Helvetica, sans-serif; color: #838383; }
#search-submit { width: 82px; height: 28px; margin-left: 10px; padding: 0px 5px; 29
background: url(images/img03.jpg) no-repeat left top; border: none; text-indent: -9999px; color: #FFFFFF; }
/* Page */
#page { width: 880px; margin: 0px auto; padding: 40px 30px 0px 30px; background: #222222; }
#page-bgtop { }
/** LOGO */
#logo { width: 920px; height: 45px; margin: 0 auto; padding-top: 5px; padding-left: 20px; }
30
#logo h1, #logo p { float: left; margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF; }
#logo p { padding: 13px 0px 0px 5px; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #FFFFFF; }
#logo h1 { letter-spacing: -1px; font-size: 30px; }
#logo a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; }
#banner { 31
padding-bottom: 20px; }
/* Content */
#content { float: left; width: 600px; }
/* Post */
.post { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #1D1D1D; background: #1E1E1E; }
.post .title { padding: 4px 20px 0px 20px; height: 44px; background: #161616; }
.post .title a { text-decoration: none; text-transform: none; font-size: 30px; 32
color: #4999CB; }
.post .date { display: inline-block; margin: 0px; padding: 0px 10px; color: #FFFFFF; }
.post .meta { margin-left: 2px; padding: 10px 30px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #66665E; }
.post .meta span { margin: 0px; }
.post .meta a { padding: 8px 10px 5px 10px; text-decoration: none; color: #FFFFFF; }
33
.post .entry { padding: 10px; }
.post .links { display: block; width: 120px; height: 25px; margin: 0px; padding: 10px 0px 0px 20px; background: #161616 url(images/img10.jpg) no-repeat right top; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF; }
.post .comments { display: block; width: 120px; height: 18px; margin: 0px; padding: 3px 0px 0px 40px; background: #90BF35; border: 1px dashed #1D1D1D; text-decoration: none; font-family: Arial, Helvetica, sans-serif; 34
font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF; }
/* Sidebar */
#sidebar { float: right; width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; }
#sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; background: #1E1E1E; }
35
#sidebar li ul { margin: 0px 0px; }
#sidebar li li { margin: 0px; padding: 8px 0px 8px 0px; border-bottom: 1px solid #222222; }
#sidebar li li a { padding: 0px 20px; font-weight: normal; }
#sidebar li li a:hover { color: #666666; text-transform: uppercase; font-variant: normal; }
#sidebar p { margin: 0; padding: 0px 14px; }
#sidebar h2 { height: 30px; margin: 0 0 10px 0px; 36
padding: 6px 20px 2px 20px; background: #161616; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #4999CB; }
#sidebar p { line-height: 200%; }
#sidebar a { text-align: left; text-decoration: none; font-weight: bold; color: #666666; }
/* Calendar */
#calendar { }
#calendar caption { padding-bottom: 5px; font-weight: bold; } 37
#calendar table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #24130F; border-left: 1px solid #24130F; border-right: 1px solid #24130F; }
#calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; background: #24130F; }
#calendar tbody td { padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }
#calendar tfoot td { padding: 5px; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; 38
#calendar tfoot #next { border-top: 1px solid #24130F; text-align: right; }
#calendar tfoot #prev { border-top: 1px solid #24130F; }
#calendar .pad { border-bottom: 1px solid #24130F; }
#calendar #today { background: #24130F; }
/* Footer */
#footer { width: 940px; height: 120px; margin: 0 auto; padding: 0; background: url(images/img09.jpg) no-repeat left top; }
39
#footer p { margin: 0; padding: 30px 0px 0px 30px; text-align: center; text-transform: uppercase; line-height: normal; font-size: 10px; }
40
5.Bibliografie
1. Enciclopedia medical LARROUSE: Creierul i organele de sim 2. HTML 5. Ghidul incepatorului, Mark Pilgrim, Editura 3D Media Communications 3. HTML, XHTML, CSS si XML prin exemple, Teodor Gugoiu, Editura Teora 4. Grafica si HTML pentru elevi, Dan Crintea, Emil Onea, Editura Paralela45 5. Crearea si publicarea unui site web. Limbajul HTML si elemante de web desing, Eugenia Lucia Stamate, Editura Paralela45
41

Sist Nervo S

Încărcat de

Informații document

Titlu original

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

Sist Nervo S

Încărcat de

Drepturi de autor:

Formate disponibile

COLEGIUL NAIONAL DE INFORMATIC PIATRA-NEAM

LUCRARE DE ATESTAT Sistemul nervos

ndrumtor: Prof. Andone Elena

Elev: Blaga Maria Mdlina

Prof. Podbereschi Maria

2.Limbajul HTML 2.1.HTML

2.2.Structura unui document HTML

2.5.Inserarea tabelelor in documente HTML

2.6.Inserarea legaturilor in documente HTML

2.7.Inserarea imaginilor in documente HTML

3.Prezentarea aplicaiei 3.1.Adobe Dreamweaver CS5

n subsol sunt introduse numele unitii scolare i numele realizatorului.

#menu li { display: block; float: left; }

#menu a { display: block;

#sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; background: #1E1E1E; }

#sidebar li ul { margin: 0px 0px; }

#sidebar li li a { padding: 0px 20px; font-weight: normal; }

</div> </div> <div id="col3"><a href="#" class="next">&nbsp;</a></div> </div> <script type="text/javascript">

h1, h2, h3 { margin: 0; text-transform: uppercase; font-weight: normal; color: #549900; }

p, ul, ol { margin-top: 0; line-height: 20px; text-align: justify; text-transform: none; }

a:hover { text-decoration: none; }

a img { border: none; }

img.left { float: left; margin: 7px 30px 0 0; }

img.right { float: right; margin: 7px 0 0 30px; } 25

.list1 li { float: left; line-height: normal; }

.list1 li img { margin: 0 30px 30px 0; }

.list1 li.alt img { margin-right: 0; }

#menu { float: left; width: 500px; height: 68px; }

#menu li { display: block; float: left; }

#menu a:hover { text-decoration: none; }

#menu .first { } /* Search */

#search { float: right; padding: 10px 10px 0px 0px; }

#search form { float: right; margin: 0; padding: 4px 0px 0 0; } 28

#search fieldset { margin: 0; padding: 0; border: none; }

#search input { float: left; font: 12px Arial, Helvetica, sans-serif; }

#logo h1 { letter-spacing: -1px; font-size: 30px; }

#logo a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; }

#content { float: left; width: 600px; }

.post .title a { text-decoration: none; text-transform: none; font-size: 30px; 32

.post .meta span { margin: 0px; }

.post .entry { padding: 10px; }

font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF; }

#sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; }

#sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; background: #1E1E1E; }

#sidebar li ul { margin: 0px 0px; }

#sidebar li li a { padding: 0px 20px; font-weight: normal; }

#sidebar li li a:hover { color: #666666; text-transform: uppercase; font-variant: normal; }

#sidebar p { margin: 0; padding: 0px 14px; }

#sidebar h2 { height: 30px; margin: 0 0 10px 0px; 36

#sidebar p { line-height: 200%; }

#sidebar a { text-align: left; text-decoration: none; font-weight: bold; color: #666666; }

#calendar caption { padding-bottom: 5px; font-weight: bold; } 37

#calendar tfoot #next { border-top: 1px solid #24130F; text-align: right; }

#calendar tfoot #prev { border-top: 1px solid #24130F; }

#calendar .pad { border-bottom: 1px solid #24130F; }

#calendar #today { background: #24130F; }

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

</div> </div> <div id="col3"><a href="#" class="next"> </a></div> </div> <script type="text/javascript">