Liceul de art Ionel Perlea Slobozia Ialomia

Atestat profesional

Profesor coordonator:

Elev: Ene Ciprian

Nicula-Suditu Maria

Clasa a XII-a C

2012

Cuprins
Cuprins..........................................................................................................................2
Notiuni teoretice............................................................................................................3
Crearea unei pagini de web

Elementele standard ale unui document html..........................................................................................3

Culori, fonturi, margini...........................................................................................................................3
Aplicarea unor efecte asupra textului i formatarea paragrafelor din text..............................................4
INSERAREA LEGTURILOR N DOCUMENTE HTML........................................................................5
Elementul a..............................................................................................................................................5
Elementul img..........................................................................................................................................5

Notiuni de c#.................................................................................................................7
Utilizarea controalelor Windows 7
Butonul....................................................................................................................................................7
Label si LinkLabel...................................................................................................................................7
TextBox....................................................................................................................................................8
ListBox si CheckedListBox......................................................................................................................9

Instruciunile limbajului C#

10

Instruciunea de decidere - if.................................................................................................................10

Instruciunea while................................................................................................................................10
Instruciunea do.....................................................................................................................................10
Instruciunea for....................................................................................................................................10

Baze de date (SQL)11

Aplicatie Depozit de Calculatoare............................................................................12

Site Depozit de calculatoare

12

Cod sursa (a fost editat cu Dreamweaver) 13

Baza de date Depozit de calculatoare

14

Implementarea n Microsoft Visual C# 2010..........................................................................................15

Realizarea cu Microsoft Visual C#.........................................................................................................16
Rularea cu Microsoft Visual C#.............................................................................................................16

Concluzie.....................................................................................................................17
Bibliografie..................................................................................................................17

Pagin 2

Notiuni teoretice
Crearea unei pagini de web
1. Editarea fiierului HTML utiliznd:
a) editor de texte obinuit (notepad,Word)
b) un editor de texte dedicat (Netscape Composer, Dreamweaver, HotMetal)
2. Salvarea paginii WEB cu extensia .htm sau .html ntr-un site Web
3. Rezolvarea referinelor coninute n pagina WEB (legturi, imagini, sunete, filme, aplicaii
Java)
4. Pagina astfel creat poate fi vizualizat prin intermediul unui browser.
Elementele standard ale unui document html
1. Un document HTML (fiier surs) conine marcaje (etichete sau tag-uri).
Exist dou tipuri de etichete:
a) de tip bloc(pereche), cu un tag ce delimiteaz nceputul blocului i un tag ce
delimiteaz sfritul blocului (ex: <html> </html>)
b) singulare (ex: <br>)
2. O pagin HTML standard este format din:

Un bloc extern <html> </html>

Dou blocuri incluse: antetul <head>...</head>
Corpul <body></body>
3. Trecerea la o linie nou se face cu ajutorul tag-ului <br> (break)
4. Afiarea ntocmai a coninutului unui bloc de text din fiierul surs se face prin includerea
acestui bloc ntre tagurile <pre> </pre> (preformatat)
Culori, fonturi, margini
1. O culoare poate fi precizat n dou moduri:
a) Printr-un nume de culoare; sunt disponibile minim 16 culori.
b) Prin construcia #rrggbb, unde r, g, b sunt cifre hexazecimale; se pot defini astfel
65536 de culori. Aceast metod se numete construcia RGB (red, green, blue)
Pagin 3

2. Textul afiat este caracterizat de urmtoarele atribute:

a) mrime (size)
b) culoare (color)
c) font (style)
Eticheta singular <basefont> se definete astfel:
<basefont size=numr color=culoare style=font> unde:

numr poate fi 1, 2, 3, 4, 5, 6, 7 (1 fontul cel mai mic, 7 fontul cel mai mare)

culoare este o culoare precizat prin nume sau construcia RGB

font poate fi un font generic ca serif, cursive sau un font instalat pe

calculator ca Times New Roman, Arial.

3. Poziionarea coninutului paginii Web fa de marginile ferestrei browserului se face cu

ajutorul a dou atribute ale etichetei <body>:

leftmargin (distana dintre marginea din stnga a ferestrei browserului i

marginea din stnga a coninutului paginii)

topmargin (distana dintre marginea de sus a ferestrei browserului i marginea

de sus a coninutului paginii)

Aplicarea unor efecte asupra textului i formatarea paragrafelor din

text
Cele mai utilizate efecte ce se pot aplica asupra textului n HTML sunt:
1. <i> textul este scris cursiv</i>
2. <u>textul este scris subliniat</u>
3. <b> textul este scris ngroat</b>
4. <big> textul este scris mai mare</big>
5. <small> textul este scris mai mic </small>
6. <strike> textul este scris tiat</strike>
Delimitarea paragrafelor se realizeaz cu ajutorul etichetei <p> (eticheta de sfrit </p> fiind
opional).
<p align=valori> ..... </p>
unde valori sunt predefinite astfel:
left textul este aliniat la marginea din stnga
right textul este aliniat la marginea din dreapta
Pagin 4

center - textul este aliniat la centru

justify - textul este aliniat i la dreapta i la stnga
Pentru a stabili acelai mod de aliniere pentru mai multe paragrafe, trebuie sa le grupm ntr-un
singur bloc, cu ajutorul etichetei <div>
<div align=right>
<p> ... primul paragraf...
<p>... al doilea paragraf...
<p> ... al treilea paragraf...
</div>
INSERAREA LEGTURILOR N DOCUMENTE HTML
Limbajul HTML conine multiple elemente prin intermediul crora se poate crea a legtur ctre
resurse WEB:

img (creaz o legtur ctre o imagine)

link (specific legturi ctre resurse utile; poate fi montat numai n seciunea
head)

a (creeaz o legtur ctre un program executabil pe calculatorul

utilizatorului)

applet (creeaz o legtur ctre un program executabil pe calculatorul

utilizatorului)

Elementul

Textul cuprins ntre <a> i </a> va aprea evideniat (colorat, subliniat) n fereastra browserului, n
funcie de valorile atributelor sau n funcie valorile de configurare a browserului.
Atribute:

href = URL (adresa sursei la care se face legtura)

name = ir de caractere (asociaz un nume ancorei curente, astfel nct s poat constitui
inta unui alt link)

tilte = ir de caractere (asociaz un nume resursei la care se face legtura)

Ex: .. Informaii suplimentare n <a href=mmm.htm> Regulament de organizare</a>

... Opiniile pot fi expediate aici: <a href=mailto:xxxxx@edu.ro> Mesaj ctre autor</a>

Pagin 5

Elementul

img

Elementul img nu admite etichet de sfrit, prin urmare nu are coninut.

Atribute:

src = URL (specific adresa fiierului care conine imagine, cele mai utilizate
formate de fiiere grafice sunt gif i jpeg)

alt = text (semnific un text alternativ, care va fi afiat de browser cele care nu pot
vizualiza imagini)

height = dimensiune (definete nlimea imaginii)

width = dimensiune (definete limea imaginii)

align = valoare (specific modul de aliniere a imaginii n raport cu textul. Valoarea

poate fi:
o top partea de sus a imaginii este aliniat n raport cu textul
o middle - imaginea este aliniat central n raport cu textul
o bottom partea de jos a imaginii este aliniat n raport cu textul
o right imaginea este aliniat la marginea din dreapta a paginii)

border = numar pixeli (imaginea va fi ncadrat de un chenar cu grosimea specificat

n numr de pixeli)

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)

Pagin 6

Notiuni de c#
Utilizarea controalelor Windows
Butonul
Probabil butonul este unul din cele mai utilizate controale n interfeele Windows.
Includerea unui buton n interfaa aplicaiei realizeaz adugarea unui obiect aparinnd clasei
Button.

Spre deosebire de alte clase asociate controalelor Windows, aceast clas nu este derivat direct
din clasa Control, ci din clasa BaseButton, deoarece exist mai multe tipuri de butoane,
despre care vom vorbi n cele ce urmeaz. Ca obiect, butonul va oferi utilizatorului un set de
proprieti, un set de metode si va fi capabil s produc un set de evenimente. Cteva din
proprieti sunt:
FlatStyle seteaz aspectul butonului. Dac stilul este PopUp, butonul va apare ca fiind plat,
chiar dac utilizatorul pune cursorul mouse-ului deasupra lui. n caz contrar butonul va avea
aspect tridimensional;
Enabled seteaz starea de activ/inactiv al butonului. Dac aceast proprietate este false,
butonul apare ca inactiv, textul sau pictograma de pe buton sunt afisate n gri si el nu poate fi
apsat;
Image permite utilizatorului s specifice o imagine (pictogram, bitmap, etc.) ce va fi afisat
pe buton;
ImageAlign permite specificarea poziiei imaginii n cadrul butonului;
TextAlign permite specificarea poziiei textului n cadrul butonului; n ceea ce priveste
evenimentele, n mod evident evenimentul principal produs de buton este Click. Acesta se
produce atunci cnd utilizatorul apas butonul cu ajutorul mouse-ului, sau cnd se apas tasta
Enter si butonul are controlul (focus-ul). Pentru a intercepta cest eveniment, s ne reamintim,
va trebui s-i asociem o funcie de tratare (engl. handler) n cadrul formei.

Label si LinkLabel
Sunt controale care n principiu afiseaz etichete pentru clarificarea funciei altor controale sau,
respectiv, legturi spre diferite adrese de internet. Apar ca texte afisate pe ecran (n cazul LinkLabel
Pagin 7

textul este subliniat). Cteva din proprietile comune celor dou controale, care pot fi modificate de
utilizator sunt:
BorderStyle specific tipul chenarului care nconjoar controlul. Implicit, nu exist chenar.
FlatStyle specific modul n care este afisat controlul.
Image permite specificarea unei imagini (bitmap, icon, jpeg, etc) care va fi afisat n interiorul
controlului.
ImageAlign specific poziia imaginii afisate n raport cu marginile controlului. Text specific
textul afisat de ctre control.
TextAlign - specific poziia textului n raport cu marginile controlului.
TextBox
Controalele TextBox sunt probabil cele mai utilizate controale pentru interfeele intrare-iesire. Prin
modul lor de funcionare permit introducerea sau afisarea unor tipuri de date diferite, permind de
asemenea introducerea parolelor. Desi exist dou clase de astfel de controale (TextBox si respectiv
RichTextBox) ambele derivate din clasa TextBaseBox, n acest moment ne vom ocupa doar de
controlalele standard, adic de clasa TextBox.
Controalele de tip TextBox permit manipularea sirurilor de caractere folosind comenzile uzuale din
Windows: copy, paste, delete, etc. Principalele proprieti ale acestor controale sunt:
CausesValidation dac aceast proprietate este true, la primirea focusului controlul va genera
dou evenimente: Validating si Validated. Aceste evenimente sunt utilizate pentru validarea datelor
coninute de control nainte de pierderea focusului.
CharacterCasing specific tipul literelor cu care sunt afisate textele n control: Lower toate
literele sunt mici, Normal si mici si majuscule, respectiv Upper toate literele sunt majuscule.
MaxLength specific numrul maxim de caractere a textului din control. Dac valoarea acestei
proprieti este 0, lungimea textului este limitat doar de capacitatea de memorie a calculatorului.
Multiline uzual, controlul afiseaz o singur linie de text. Prin setarea acestei proprieti,
controlul va fi capabil s afiseze mai multe linii.
PasswordChar textul este afisat sub form de parol (stelue). Dac proprietatea Multiline este
true, aceast aceast proprietate nu funcioneaz.
ReadOnly dac aceast proprietate este true, controlul va permite doar afisarea textelor, nu si
introducerea lor.
SelectedText proprietatea permite accesul la zona din textul controlului care a fost selectat de
operator.
SelectionLength Lungimea zonei selectate n control.
Pagin 8

SelectionStart poziia primului caracter din textul selectat n control.

Principalele evenimente generate de controlul TextBox:
Enter, GotFocus, Leave, Validating, Validated, LostFocus Aceste evenimente sunt generate n
ordinea n care au fost prezentate. Sunt asa numitele evenimente de focus. Sunt generate ori de cte
ori controlul de tip TextBox primeste focusul, mai puin Validating si Validated care se produc
numai n cazul n care proprietatea CausesValidation = true.
KeyDown, KeyPress, KeyUp Sunt asa numitele evenimente de taste. Permit monitorizarea
modificrilor produse n textul din control prin intermediul tastaturii. KeyDown si KeyUp
recepioneaz codul de scanare al tastei acionate (vezi unu). KeyPress recepioneaz n schimb
codul ASCII al tastei.
Change este generat ori de cte ori textul coninut de control este modificat.
ListBox si CheckedListBox
Controalele de acest tip sunt utilizate pentru a afisa un set de stringuri, din care unul sau mai multe
pot fi selectate la un momentdat. Clasa ListBox ofer funcionalitate att controlului ListBox ct
controlului ComboBox. Clasa CheckedListBox este derivat din aceasta si adaug fiecrui string
din list un control de tip CheckBox, utilizat pentru selectare.
Ctve din proprietile furnizate de clasa ListBox sunt:
SelectedIndex indic indicele bazat pe 0 a elementului selctat n list, sau a primului element
selctat n lista, n cazul seleciei multiple.
ColumnWidth specific limea coloanelor, n listele cu coloane multiple. Items conne sub
forma unei colecii toate elementele stocate n list.
Multicolumn specific numrul de coloane din list.
SelectedIndices o colecie care conine toi indicii elementelor selectate din list.
SelectedItem aceast proprietate conine elementul selectat n list dac selecia este simpl,
respectiv primul elemen selectat din list n cazul seleciei multiple.
SelectedItems o colecie care conine elementele selectate din list.
Sorted dac aceast proprietate este true, elementele vor fi afisate n list n ordine alfabetic.
CheckedIndices - o colecie care conine indicii elementelor din list care au caseta checkbox
bifat su n stare nedeterminat (doar pentru CheckedListBox).
CheckedItems - o colecie care conine elementele din list care au caseta checkbox bifat su n
stare nedeterminat (doar pentru CheckedListBox).
CheckOnClick dac acaest proprietate este true, starea unui element se schimb cnd asupra lui
se efectueaz click.
Pagin 9

Cteva din metodele clasei:

ClearSelected() sterge toate seleciile (nu elementele selectatae!) din list.
FindString() caut primul string care ncepe cu sirul specificat ca parametru n list.
GetSelected() returneaz o valoare care specific dac un element este selectat.
SetSelected() seteaz sau sterge selectarea unui element.

Instruciunile limbajului C#
Instruciunea de decidere - if
Ca si n C, ansamblul de instruciuni cuprinse ntre acolade formeaz o instruciune compus sau un
bloc de instruciuni. Instruciunile din interiorul unui bloc de instruciuni sunt executate n ordinea
n care sunt scrise.
Indentarea instruciunilor sau a blocurilor de instruciuni (scrierea decalat) din if nu este
obligatorie dar are mare importan n nelegerea si depanarea programului.
Instruciunea while
Instruciunea while permite realizarea unei structuri repetitive (ciclu) condiionate anterior. Corpul
ciclului poate fi executat o dat, de mai multe ori sau de loc.

Sintaxa instruciunii while

while ( condiie )
instruciune;
while ( condiie )
{
una sau m. m.instruciuni
}

Instruciunea do
Pentru programarea unui ciclu poate fi folosit ntotdeauna instruciunea while. Deoarece while
ncepe prin executarea unui test, n cazul n care variabila testat nu poate primi valori dect n
interiorul ciclului, programatorul trebuie s-i dea la nceput o valoare convenabil pentru a
determina intrarea n ciclu.

Instruciunea for
Instruciunea for este preferat ori de cte ori trebuie realizat un ciclu care foloseste un contor.
Dac naintea unui ciclu trebuie realizate mai multe iniializri, acestea pot scrise n for una dup
alta, desprite prin virgule.

Pagin 10

Baze de date (SQL)

SQL (pronunat fie ca un singur cuvnt sequel sau pe litere S-Q-L) se bazeaz pe studiile lui
E.F. Codd, prima implementare a limbajului SQL fiind dezvoltat de ctre firma IBM la mijlocul
anilor 1970. Mai trziu, compania Relational Software Inc. (cunoscut astzi sub numele Oracle
Corporation) a lansat prima versiune comercial de SQL. n prezent SQL este un limbaj complet
standardizat, recunoscut de ctre Institutul Naional American de Standarde (ANSI American
National Standards Institute). Putei folosi SQL pentru a accesa baze de date Oracle, SQL Server,
DB2, sau MySQL.
SQL utilizeaz o sintax simpl, uor de nvat i utilizat. Comenzile SQL pot fi grupate n cinci categori dup cum
urmeaz:

Limbajul de interogare Permite regsirea liniilor memorate n tabelele bazei de date. Vom scrie interogri
folosind comanda SELECT.
Limbajul de manipulare a datelor (DML - Data Manipulation Language) Permite modificarea coninutului
tabelelor. Exist urmtoarele comenzi DML:
INSERT - pentru adugarea de noi linii ntr-o tabel
UPDATE - pentru modificarea valorilor memorate ntr-o tabel
DELETE - pentru tergerea liniilor dintr-o tabel.

Limbajul de definire a datelor (DDL - Data Definition Language) V permite s definii structura tabelelor care
compun baza de date. Comenzile din aceast grup sunt:
CREATE - v permite s creai structurile bazei de date. De exemplu, CREATE TABLE este utilizat pentru
crearea tabelelor, cu CREATE USER, putei crea utilizatorii bazei de date etc..
ALTER - permite modificarea structurilor bazei de date. De exemplu, cu comanda ALTER TABLE putei
modifica structura unei tabele.
DROP - putei terge structuri ale bazei de date. De exemplu pentru a terge o tabel folosii comanda DROP
TABLE.
RENAME - putei schimba numele unei tabele.
TRUNCATE - v permite s tergei ntregul coninut al unei tabele.

Comenzi de control al tranzaciilor (TC - Transaction Control):

COMMIT - v permite s facei ca modificrile asupra bazei de date s devin permanente.
ROLLBACK - permite renunarea la ultimele modificri asupra bazei de date.
SAVEPOINT v permite s definii un "punct de salvare" la care s putei reveni, renunnd la modificrile
fcute dup acel punct asupra bazei de date.

Limbaj de control al datelor (DCL - Data Control Language) Permite definirea i modificarea drepturilor
utilizatorilor asupra bazei de date. Exist dou comenzi n aceast categorie:
GRANT - v permite s acordai drepturi altor utilizatori asupra structurilor bazei voastre de date.

REVOKE - putei s anulai anumite drepturi utilizatorilor bazei de date.

Pagin 11

Aplicatie Depozit de Calculatoare

Site Depozit de calculatoare

Pagin 12

Cod sursa (a fost editat cu Dreamweaver)

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Electronix Store</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script type="text/javascript" src="js/boxOver.js"></script>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text"><a href="#">Advanced Search</a></div>
<input type="text" class="search_input" name="search" />
<input type="image" src="images/search.gif" class="search_bt"/>
</div>
<div class="languages">
<div class="lang_text">Languages:</div>
<a href="#" class="lang"><img src="images/en.gif" alt="" title="" border="0" /></a>
<a href="#" class="lang"><img src="images/de.gif" alt="" title="" border="0" /></a>
</div>
</div>
<div id="header">
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="" title="" border="0" width="237" height="140" /></a>
</div>
<div class="oferte_content">
<div class="top_divider"><img src="images/header_divider.png" alt="" title="" width="1" height="164" /></div>
<div class="oferta">
<div class="oferta_content">
<img src="images/laptop.png" width="94" height="92" border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Samsung GX 2004 LM</div>

Pagin 13

<div class="oferta_text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
</div>
<a href="details.html" class="details">details</a>
</div>
</div>
<div class="oferta_pagination">
<span class="current">1</span>
<a href="#?page=2">2</a>
<a href="#?page=3">3</a>
<a href="#?page=3">4</a>
<a href="#?page=3">5</a>
</div>
</div>
<div class="top_divider"><img src="images/header_divider.png" alt="" title="" width="1" height="164" /></div>
</div> <!-- end of oferte_content-->
</div>

Baza de date Depozit de calculatoare

Realizarea Bazei de date n Access 2008

Pagin 14

Implementarea n Microsoft Visual C# 2010

using
using
using
using
using
using
using
using

System;
System.Collections.Generic;
System.ComponentModel;
System.Data;
System.Drawing;
System.Linq;
System.Text;
System.Windows.Forms;

namespace WindowsFormsApplication1
{
public partial class Form1 : Form
{
BindingNavigator produseBindingNavigator = new BindingNavigator(true);
public Form1()
{
InitializeComponent();
this.produseBindingNavigator.BindingSource = produseBindingSource;
this.Controls.Add(produseBindingNavigator);
this.produseBindingNavigator.Parent = this.panel1;
this.produseBindingNavigator.Dock = DockStyle.Bottom;
this.produseBindingNavigator.AddNewItem.DisplayStyle =
ToolStripItemDisplayStyle.ImageAndText;
this.produseBindingNavigator.AddNewItem.Text = "Add Produs";
this.produseBindingNavigator.DeleteItem.DisplayStyle =
ToolStripItemDisplayStyle.ImageAndText;
this.produseBindingNavigator.DeleteItem.Text = "Delete Produs";
this.AutoScroll = true;
this.produseDataGridView.AutoSizeColumnsMode =
DataGridViewAutoSizeColumnsMode.DisplayedCells;
}
private void Form1_Load(object sender, EventArgs e)
{
// TODO: This line of code loads data into the 'siteDataSet.produse' table. You can move, or
remove it, as needed.
this.produseTableAdapter.Fill(this.siteDataSet.produse);
}
private void dataGridView1_CellContentClick(object sender, DataGridViewCellEventArgs e)
{
}
private void bindingNavigatorMovePreviousItem_Click(object sender, EventArgs e)
{
}

Pagin 15

Realizarea cu Microsoft Visual C#

Rularea cu Microsoft Visual C#

Pagin 16

Pagin 17

Concluzie
Sper ca lucrarea a fost interesant i parcurgerea ei va deschis interesul asupra stivei dar i al
limbajului de programare C#.

Bibliografie
Tudor S. Informatica. Curs pentru clasele a IX-a i a X-a, Editura L&S INFOMAT,
2008;
Ana ntuneric, Cristina Sichim, Daniela Taras Aplicaii windows n visual
C# 2008 Express Editiona - Aplicaii cu baye de date SQL Server
2008, Editura Polirom, 2010;
Notie din caietul de clasa a X-a prof. Nicula-Suditu Maria

Pagin 18