Motivul
alegerii temei
Aplicand si primind o oferta de la o universitatea
din Marea Britanie,la o specializare ce implica atat grafica,HTML cat si media
si publicitate,am decis sa creez un site in care sa incerc sa inglobez cate
putin din fiecare categorie.
Dr.Cristina Badea este stomatologul meu,de ale
carei servicii beneficiez de o perioada destul de lunga de timp,si astfel am
decis sa creez,cu ajutorul dansei,un site pentru cabinetul sau.
Structura
aplicatiei
Programul contine o forma principala alcatuita din mai multe butoane
precum:
Categoria
Despre
noi,ce cuprinde descrierea serviciilor oferite si a aparaturii
folosite.
Categoria
Igiena
orala ce contine sfaturi pentru o igiena orala corespunzatoare
Categoria
Servicii,ce
include o lista detaliata a tuturor serviciilor prestate
Categoria
Lista
preturi,ce afiseaza o lista completa a preturilor serviciilor
prestate.
Categoria
Contact,ce
contine programul si adresa cabinetului,numere de telefon si adresa de email
Detalii
tehnice
Codul sursa al primei pagini:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='https://www.w3.org/1999/xhtml'> <head> <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' > <title>White Dental</title> </head> <body bgcolor='#d6deec'leftmargin= topmargin= > <table align='center' width= height= border= > <tr border=1v height= > <
td>
<
p><
marquee behavior=
'scroll' align=
'top' loop=
'infinite' direction=
'left' onmousemove=
'this.stop();' onmouseout=
'this.start();' height=
width=
scrollAmount= >
<style type='text/css'><!--.style1 --></style> <span style='font-weight:bold;font-family: 'Copperplate Gothic Light', sans-serif;font-size:14px;color:#da251d;text-align:left;'>Cabinet Medicina Dentara </span> <a href='contact.htm' class=article><font style='font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#28166f;text-align:left'>CRAIOVA , Str. M-sal. Alexandru Averescu , bl. D16, sc.1 , ap. 4</font></a><font style='font-weight:bold;font-family: 'Copperplate Gothic Light', sans-serif;font-size:14px;color:#da251d;text-align:left;'> Cabinet Medicina Dentara</font> </
marquee></
p>
</
td>
</
tr>
<
tr height= >
<
td valign=
'top' align=
'center' height= >
<
table width=
border=
cellspacing=
cellpadding= >
<
tr bgcolor=
'#FFFFFF'>
<
td>
<table border= cellpadding= cellspacing= border= vspace= width= height= > <
tr >
<
td align=
'central' width=
bgcolor=
'#FFFFFF'>
<
a href=
'index.html' title=
'White Dental' target=
'_self'>
<
img alt=
'White Dental' border=
src=
'img/index/antet2.jpg' height= > </
td>
</
a>
</
tr>
</
table>
</
td>
</tr> <
tr>
<
td>
<
table bgcolor=
'#3d77cb' width=
vspace=
cellpadding=
cellspacing=
height= >
<
tr>
<
td> </
td> </
tr>
</
table>
<
table bgcolor=
'white' width=
vspace=
cellpadding=
cellspacing=
height= >
<
tr>
<
td> </
td> </
tr>
</
table>
<
table bgcolor=
width=
vspace=
cellpadding=
cellspacing=
height= >
<
tr>
<
td align=
'center'> <
object classid=
'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase=
'https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width=
height= >
<
param name=
'movie' value=
'meniu_f_d.swf' >
<
param name=
'quality' value=
'high' >
<
embed src=
'meniu_f_d.swf' quality=
'high' pluginspage=
'https://www.macromedia.com/go/getflashplayer' type=
'application/x-shockwave-flash' width=
height= ></
embed>
</
object></
td> </
tr>
</
table>
</
td>
</
tr>
<
tr>
<
tD align=
'center' valign=
'top'>
<
table cellpadding=
cellspacing=
background=
'img/index/images10.jpg' width=
height=
border= >
<
tr>
<
td width= ></
td>
<
td valign=
'top' align=
'center'>
<
br>
<
img src=
'img/despre/despre3.jpg' align=
'right' >
<
img src=
'img/despre/despre2.jpg' align=
'right' >
<
img src=
'img/despre/despre1.jpg' align=
'right' >
<
br>
<
font color=
'9f46ba' face=
'Highlight LET' size= >
<
b> White Dental
<
br>
<
font color=
face=
'Cataneo BT' size= >
<
p style=
'text-align:left;text-indent:.3in'>
Ambianta calda, calma si relaxanta !
<
font color=
'#9f46ba' face=
'Times New Roman, Times, serif'>
<
p class=
MsoNormal style=
'text-align:justify;text-indent:.5in'>
<
span class=
SpellE><
span style=
'font-size:13.0pt'>
· o echipa tanara, instruita si cu experienta in domeniul stomatologiei moderne </>
<p class=MsoNormal style='text-align:justify;text-indent:.5in'> <
span class=
SpellE><
span style=
'font-size:13.0pt'>
competenta medicilor si colaborarea cu tehnicieni dentari foarte bine pregatiti profesional va asigura lucrari protetice de o calitate deosebita
<p class=MsoNormal style='text-align:justify;text-indent:.5in'> <
span class=
SpellE><
span style=
'font-size:13.0pt'>
tratamente stomatologice de calitate la preturi accesibile pentru fiecare
<p class=MsoNormal style='text-align:justify;text-indent:.5in'> <
span class=
SpellE><
span style=
'font-size:13.0pt'>
respectam timpul dumneavoastra prin respectarea programarilor si a duratelor de realizare a tratamentelor
<p class=MsoNormal style='text-align:justify;text-indent:.5in'> <
span class=
SpellE><
span style=
'font-size:13.0pt'>
respecta normele Comunitatii Europene cu privire la sterilizare, calitatea materialelor si a serviciilor efectuate
<br><br> <font color='#9f46ba' face='Times New Roman' size= > <
b> Dotarile cabinetului respecta normele Comunitatii Europene cu privire la sterilizare, calitatea materialelor si a serviciilor efectuate</
b>
</
font>
<br><br><br> <img src='img/index/autoclav.jpg' align='left' > <font color='#9f46ba' face='Times New Roman' size= > <
b> Autoclav EUROPA B XP - STERILIZARE IN MAXIMA SIGURANTA </
b ><
br><
br>
Clasa B este cea mai performanta si respecta toti parametrii prevazuti in normele europene (vacuum mai puternic, etc.), program Prion (boala vacii nebune), testul Bowie & Dick, testul Helix. Foloseste pana la 6 cicluri de sterilizare cu trepte intre 121-134 gr. C, putand steriliza si materiale in pungi. Toate functiile sunt monitorizate de un sistem computerizat care asigura controlul automat al tuturor ciclurilor de sterilizare. De asemeni poate steriliza orice tip de material (sticla, plastic, cauciuc, metal), corpuri cavernoase (turbine, aspiratoare) si materiale poroase. <br> </
font>
<br><br> <img src='img/index/rvg.gif' align='left' > <br><br> <font color='#9f46ba' face='Times New Roman' size= > <
b> RVG - RADIOVIZIOGRAF</
b> <
br><
br>
Datorita tehnicii de ultima generatie, radioviziograful, a reusit sa inlocuiasca radiografia clasica pe film. Doza de radiatie este aproape nula in cazul radiografiilor digitale, pacientul fiind iradiat cu pana la 90% mai putin decat in cazul unei imagini pe film. Cu ajutorul unui senzor digital, informatia este transmisa printr-un cablu de fibra optica unui calculator. Acesta proceseaza informatia digitala si afiseaza imaginea la o claritate exceptionala. Rezultatul este superior, instantaneu. Se poate afla densitatea osoasa din dinte, lungimea canalului, legatura dintre dinte si carie. </
font>
<br><br><br><br><br><br> <img src='img/index/mectron.jpeg' align='left' > <br> <font color='#9f46ba' face='Times New Roman' size= > <
b> APARAT DE DETARTRAJ CU ULTRASUNETE</
b> <
br><
br>
Detartrajul cu ultrasunete este nedureros, un mijloc modern, eficient, ergonomic.<br> Detartrajul cu ultrasunete este indicat atit pentru indepartarea tartrului cat si a petelor colorate depuse pe suprafata smaltului. El trebuie efectuat obligatoriu o data pe an, iar la fumatori la 6 luni.! </
font>
<br><br><br><br><br> <img src='img/index/lampa1.jpg' align='left' > <br> <font color='#9f46ba' face='Times New Roman' size= > <
b> LAMPA FOTOPOLIMERIZARE</
b> <
br><
br>
Tratamentul cariilor simple sau complicate, finalizate prin obturatii fizionomice fotopolimerizabile, o tehnologie moderna in stomatologie . </font> <br><br> </
span></
span></
p></
span></
span></
p></
span></
span></
p></
span></
span></
p></
b></
span></
span></
p></
font></
font></
font>
<
font color=
face=
'Cataneo BT' size= >
<
b> Mai bine previi decat sa tratezi !
</
font>
<font color='#9f46ba' face='Times New Roman, Times, serif'> <p class=MsoNormal style='text-align:justify;text-indent:.5in'> <
span class=
SpellE><
span style=
'font-size:13.0pt'>
<
b>
Foarte importanta pentru mentinerea sanatatii danturii este vizita periodica la stomatolog.<br> Aceste controale au rolul de a preveni sau depista afectiuni ale dintilor, cu mult inainte sa le remarci sau sa inceapa sa te doara. <br> Oferim </font> <font color= face='Times New Roman' > <
b>consultatii gratuite, oferte promotionale, garantie lucrarilor executate,
</
font> <
font color=
'#9f46ba' face=
'Times New Roman, Times, serif'> si nu in ultimul rand </
font> <
font color=
face=
'Times New Roman'> acoperirea urgentelor </
font> <
font color=
'#9f46ba' face=
'Times New Roman, Times, serif'> pentru pacientii ce nu suporta amanare. </
font>
</span></span></p> <br> </td> <td width= ></td> </
tr>
</
table>
</td> </tr> </table> <table bgcolor= width= vspace= cellpadding= cellspacing= height= > <
tr>
<
td align=
'center'> <
object classid=
'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase=
'https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width=
height= >
<
param name=
'movie' value=
'meniu_f_d.swf' >
<
param name=
'quality' value=
'high' >
<
embed src=
'meniu_f_d.swf' quality=
'high' pluginspage=
'https://www.macromedia.com/go/getflashplayer' type=
'application/x-shockwave-flash' width=
height= ></
embed>
</
object></
td> </
tr>
</
table>
</td> </
tr>
</table> </body> </html>
4. Despre HTML
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau
navigator). Scopul HTML este mai degraba prezentarea informatiilor - paragrafe,
fonturi, tabele s.a.m.d. - decat descrierea semanticii documentului.
Specificatiile
HTML sunt dictate de World Wide Web Consortium (W3C).
Introducere
HTML
este o forma de marcare orientata catre prezentarea documentelor text pe o
singura pagina, utilizand un software de redare specializat, numit agent utilizator HTML, cel mai bun
exemplu de astfel de software fiind browserul
web. HTML furnizeaza mijloacele prin care continutul unui document poate
fi adnotat cu diverse tipuri de metadate si indicatii de redare. Indicatiile de
redare pot varia de la decoratiuni minore ale textului, cum ar fi specificarea
faptului ca un anumit cuvant trebuie subliniat sau ca o imagine trebuie
introdusa, pana la scripturi sofisticate, harti de imagini si formulare.
Metadatele
pot include informatii despre titlul si autorul documentului, informatii
structurale despre cum este impartit documentul in diferite segmente,
paragrafe, liste, titluri etc. si informatii cruciale care permit ca documentul
sa poata 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 si editat de
oameni utilizand un editor de text simplu. Totusi scrierea si modificarea
paginilor in acest fel solicita cunostinte solide de HTML si 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 asemanator cu documetele Word, dar
cu observatia ca aceste programe genereaza un cod HTML care este de multe ori
de proasta calitate.
HTML se poate genera direct utilizand tehnologii de codare din partea
serverului cum ar fi PHP JSP sau ASP. Multe aplicatii ca sistemele de gestionare a continutului wiki-uri si forumuri web genereaza pagini HTML.
HTML este de asemenea utilizat in email. Majoritatea aplicatiilor de email
folosesc un editor HTML incorporat pentru compunerea email-urilor si un motor
de prezentare a email-urilor de acest tip. Folosirea email-urilor HTML este un
subiect controversat si multe liste de mail le blocheaza intentionat.
Elementele
de marcare
Mai jos sunt tipurile de elemente de marcare in HTML:
- Marcare structurala.
Descrie scopul unui text. De exemplu:
<h1>Fotbal</h1>
Directioneaza browserul pentru a reda
'Fotbal' ca pe cel mai important titlu. Marcarea structurala nu are
un anumit stil predefinit, dar cele mai multe browsere web au standardizat
modul in care acestea sunt afisate.
De exemplu, titlurile importante (h1,
h2, etc.) sunt aldine si mai mari decat restul textului.De notat ca
'h1' este folosit doar o singura data per pagina deoarece cu el este
marcat titlul ei.
- Marcare pentru prezentare.
Descrie cum apare un text, indiferent de functiile sale. De exemplu:
<b>ingrosat</b>
Va afisa textul 'ingrosat' cu
litere groase, aldine.Nota: Html a inceput in ultimii ani sa inceapa sa nu mai
foloseasca acest gen de tag-uri pentru ca 'b' nu da sens paginii, pe
cand tag-ul 'strong' (adica strong emphasis) da un inteles paginii,
si mai important, asemenea tag-uri pentru prezentare doar incarca o pagina cu
informatii si o fac astfel mai greu de incarcat, iar apoi daca atasezi un
document CSS la pagina, o singura modificare la CSS (de ex: de la
'font-weight:italic' la 'font-weight:bold' va schimba tot
textul selectat, si de exemplu, link-urile vor trece de la text inclinat la
text ingrosat, plus ca in CSS avem avantajul de a putea preciza cat de mari sau
mici sa fie literele in pixeli «px», in puncte «pt», etc.)avem acelasi efect ca
si cand am avea de schimbat toate tag-urile de 'i' de pe pagina in
tag-uri de 'b', munca care chiar si la un website mic este enorma, ce
sa mai vorbim de unul de genul wikipedia. Asa ca daca vreti sa incepeti o
cariera in html sau un hobby (si sa aveti succes) nu folositi aceste taguri, nu
degeaba s-a inventat CSS-ul.
- Marcare pentru hiperlink.
Leaga parti ale unui document cu alte documente. De exemplu:
<a href='https://ro.wikipedia.org/'>Wikipedia
Romaneasca</a>
Va reda Wikipedia romaneasca ca hiperlink catre un URL
specificat.
- Elemente speciale (widget). Creeaza
obiecte, cum ar fi butoanele si listele.
Doar marcatorii de prezentare
(impreuna cu foile de stiluri - CSS) determina cum
continutul din interiorul marcatorului va fi prezentat. Ceilalti marcatori spun
browserului ce obiecte sa redea sau ce functii sa execute.
Resurse
de hard si 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 . Cerintele
de sistem ale programului nu sunt exagerate.
Resurse minime :
1) Hardware :
Procesor
(CPU) : 500 MHz +
Memorie
(RAM): 64 MB
Spatiu
liber pe hard-disk : 30 MB
Monitor :1024*768
Un browser oarecare: Internet explore
,Mozilla, Opera
2)
Software :
- Sistem de operare : Windows 98/XP
Resurse recomandate:
1) Hardware :
Procesor
(CPU) : 1000 MHz +
Memorie
(RAM): 128 MB
Spatiu
liber pe hard-disk : 30 MB
Monitor :
VGA 32-bit color (1024x768)
- Un browser oarecare: Internet explorer ,Mozilla
2)
Software :
- Sistem de operare : Windows XP
