Liceul de artă „Ionel Perlea” Slobozia –Ialomița

Atestat profesional

Profesor coordonator: Elev: Ene Ciprian

Nicula-Suditu Maria Clasa a XII-a C

:

2012

CuprinsCuprins..........................................................................................................................2Notiuni teoretice............................................................................................................3

Crearea unei pagini de web 3Elementele standard ale unui document html............................................................................................3

Culori, fonturi, margini..............................................................................................................................3Aplicarea unor efecte asupra textului şi formatarea paragrafelor din text...............................................4

INSERAREA LEGĂTURILOR ÎN DOCUMENTE HTML..........................................................................5Elementul a.................................................................................................................................................5

Elementul img.............................................................................................................................................5

Notiuni de c#.................................................................................................................7Utilizarea controalelor Windows 7

Butonul.......................................................................................................................................................7

Label si LinkLabel......................................................................................................................................7TextBox.......................................................................................................................................................8

ListBox si CheckedListBox.........................................................................................................................9

Instrucţiunile limbajului C# 10Instrucţiunea de decidere - if...................................................................................................................10

Instrucţiunea while...................................................................................................................................10Instrucţiunea do.......................................................................................................................................10

Instrucţiunea for.......................................................................................................................................10

Baze de date (SQL)11

Aplicatie – Depozit de Calculatoare............................................................................12Site Depozit de calculatoare 12Cod sursa (a fost editat cu Dreamweaver) 13Baza de date Depozit de calculatoare 14

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

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

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

Pagină 2

Notiuni teoretice

Crearea unei pagini de web1. Editarea fişierului HTML utilizând:

a) editor de texte obişnuit (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 referinţelor conţinute în pagina WEB (legături, imagini, sunete, filme, aplicaţii

Java)

4. Pagina astfel creată poate fi vizualizată prin intermediul unui browser.

Elementele standard ale unui document html

1. Un document HTML (fişier sursă) conţine 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ă sfârşitul 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. Afişarea întocmai a conţinutului unui bloc de text din fişierul 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 construcţia ”#rrggbb”, unde r, g, b sunt cifre hexazecimale; se pot defini astfel

65536 de culori. Această metodă se numeşte construcţia RGB (red, green, blue)

2. Textul afişat este caracterizat de următoarele atribute:

Pagină 3

a) mărime (size)

b) culoare (color)

c) font (style)

Eticheta singulară <basefont> se defineşte astfel:

<basefont size=număr color=culoare style=font> unde:

număr 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 construcţia RGB

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

calculator ca „Times New Roman”, „Arial”.

3. Poziţionarea conţinutului paginii Web faţă de marginile ferestrei browserului se face cu

ajutorul a două atribute ale etichetei <body>:

leftmargin (distanţa dintre marginea din stânga a ferestrei browserului şi

marginea din stânga a conţinutului paginii)

topmargin (distanţa dintre marginea de sus a ferestrei browserului şi marginea

de sus a conţinutului 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 îngroşat</b>

4. <big> textul este scris mai mare</big>

5. <small> textul este scris mai mic </small>

6. <strike> textul este scris tăiat</strike>

Delimitarea paragrafelor se realizează cu ajutorul etichetei <p> (eticheta de sfârşit </p> fiind

opţională).

<p align=valori> ..... </p>

unde valori sunt predefinite astfel:

left – textul este aliniat la marginea din stânga

right – textul este aliniat la marginea din dreapta

center - textul este aliniat la centru

justify - textul este aliniat şi la dreapta şi la stânga

Pagină 4

Pentru a stabili acelaşi mod de aliniere pentru mai multe paragrafe, trebuie sa le grupăm într-un

singur bloc, cu ajutorul etichetei <div>

<div align=”right”>

<p> ... primul paragraf...

<p>... al doilea paragraf...

<p> ... al treilea paragraf...

</div>

INSERAREA LEGĂTURILOR ÎN DOCUMENTE HTML

Limbajul HTML conţine multiple elemente prin intermediul cărora se poate crea a legătură către

resurse WEB:

img (crează o legătură către o imagine)

link (specifică legături către resurse utile; poate fi montat numai în secţiunea

head)

a (creează o legătură către un program executabil pe calculatorul

utilizatorului)

applet (creează o legătură către un program executabil pe calculatorul

utilizatorului)

Elementul a

Textul cuprins între <a> şi </a> va apărea evidenţiat (colorat, subliniat) în fereastra browserului, în

funcţie de valorile atributelor sau în funcţie valorile de configurare a browserului.

Atribute:

href = URL (adresa sursei la care se face legătura)

name = şir de caractere (asociază un nume ancorei curente, astfel încât să poată constitui

ţinta unui alt link)

tilte = şir de caractere (asociază un nume resursei la care se face legătura)

Ex: .. Informaţii suplimentare în <a href=”mmm.htm”> Regulament de organizare</a>

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

Elementul img

Elementul img nu admite etichetă de sfârşit, prin urmare nu are conţinut.

Atribute:

Pagină 5

src = URL (specifică adresa fişierului care conţine imagine, cele mai utilizate

formate de fişiere grafice sunt gif şi jpeg)

alt = text (semnifică un text alternativ, care va fi afişat de browser – cele care nu pot

vizualiza imagini)

height = dimensiune (defineşte înălţimea imaginii)

width = dimensiune (defineşte lăţimea 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 număr de pixeli)

hspace = dimensiune (specifică spaţiul inserat în stânga şi în dreapta imaginii)

vspace = dimensiune (specifică spaţiul 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 interfeţele Windows.

Includerea unui buton în interfaţa aplicaţiei realizează adăugarea unui obiect aparţinând 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

proprietăţi, un set de metode si va fi capabil să producă un set de evenimente. Câteva din

proprietăţi 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

apăsat;

Image – permite utilizatorului să specifice o imagine (pictogramă, bitmap, etc.) ce va fi afisată

pe buton;

ImageAlign – permite specificarea poziţiei imaginii în cadrul butonului;

TextAlign – permite specificarea poziţiei textului în cadrul butonului; În ceea ce priveste

evenimentele, în mod evident evenimentul principal produs de buton este Click. Acesta se

produce atunci când utilizatorul apasă butonul cu ajutorul mouse-ului, sau când se apasă tasta

Enter si butonul are controlul (focus-ul). Pentru a intercepta cest eveniment, să ne reamintim,

va trebui să-i asociem o funcţie de tratare (engl. handler) în cadrul formei.

Label si LinkLabel

Sunt controale care în principiu afisează etichete pentru clarificarea funcţiei altor controale sau,

respectiv, legături spre diferite adrese de internet. Apar ca texte afisate pe ecran (în cazul LinkLabel

Pagină 7

textul este subliniat). Câteva din proprietăţile 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ă poziţia imaginii afisate în raport cu marginile controlului. Text – specifică

textul afisat de către control.

TextAlign - specifică poziţia textului în raport cu marginile controlului.

TextBox

Controalele TextBox sunt probabil cele mai utilizate controale pentru interfeţele intrare-iesire. Prin

modul lor de funcţionare permit introducerea sau afisarea unor tipuri de date diferite, permiţând 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 proprietăţi 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

conţinute 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ă numărul maxim de caractere a textului din control. Dacă valoarea acestei

proprietăţi 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 proprietăţi,

controlul va fi capabil să afiseze mai multe linii.

PasswordChar – textul este afisat sub formă de parolă (steluţe). Dacă proprietatea Multiline este

true, această această proprietate nu funcţionează.

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 – poziţia 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 câte

ori controlul de tip TextBox primeste focusul, mai puţin 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

modificărilor produse în textul din control prin intermediul tastaturii. KeyDown si KeyUp

recepţionează codul de scanare al tastei acţionate (vezi unu). KeyPress recepţionează în schimb

codul ASCII al tastei.

Change – este generat ori de câte ori textul conţinut 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ă funcţionalitate atât controlului ListBox cât

controlului ComboBox. Clasa CheckedListBox este derivată din aceasta si adaugă fiecărui string

din listă un control de tip CheckBox, utilizat pentru selectare.

Câtve din proprietăţile 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 selecţiei multiple.

ColumnWidth – specifică lăţimea coloanelor, în listele cu coloane multiple. Items – conţne sub

forma unei colecţii toate elementele stocate în listă.

Multicolumn – specifică numărul de coloane din listă.

SelectedIndices – o colecţie care conţine toţi indicii elementelor selectate din listă.

SelectedItem – această proprietate conţine elementul selectat în listă dacă selecţia este simplă,

respectiv primul elemen selectat din listă în cazul selecţiei multiple.

SelectedItems – o colecţie care conţine elementele selectate din listă.

Sorted – dacă această proprietate este true, elementele vor fi afisate în listă în ordine alfabetică.

CheckedIndices - o colecţie care conţine indicii elementelor din listă care au caseta checkbox

bifată su în stare nedeterminată (doar pentru CheckedListBox).

CheckedItems - o colecţie care conţine 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ă când asupra lui

se efectuează click.

Pagină 9

Câteva din metodele clasei:

ClearSelected() – sterge toate selecţiile (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.

Instrucţiunile limbajului C#

Instrucţiunea de decidere - if

Ca si în C, ansamblul de instrucţiuni cuprinse între acolade formează o instrucţiune compusă sau un

bloc de instrucţiuni. Instrucţiunile din interiorul unui bloc de instrucţiuni sunt executate în ordinea

în care sunt scrise.

Indentarea instrucţiunilor sau a blocurilor de instrucţiuni (scrierea decalată) din if nu este

obligatorie dar are mare importanţă în înţelegerea si depanarea programului.

Instrucţiunea while

Instrucţiunea while permite realizarea unei structuri repetitive (ciclu) condiţionate anterior. Corpul

ciclului poate fi executat o dată, de mai multe ori sau de loc.

Sintaxa instrucţiunii whilewhile ( condiţie )instrucţiune;while ( condiţie ){una sau m. m.instrucţiuni}

Instrucţiunea do

Pentru programarea unui ciclu poate fi folosită întotdeauna instrucţiunea while. Deoarece while

începe prin executarea unui test, în cazul în care variabila testată nu poate primi valori decât în

interiorul ciclului, programatorul trebuie să-i dea la început o valoare convenabilă pentru a

determina intrarea în ciclu.

Instrucţiunea for

Instrucţiunea for este preferată ori de câte ori trebuie realizat un ciclu care foloseste un contor.

Dacă înaintea unui ciclu trebuie realizate mai multe iniţializări, acestea pot scrise în for una după

alta, despărţite prin virgule.

Pagină 10

Baze de date (SQL)SQL (pronunţat fie ca un singur cuvânt “sequel” sau pe litere “S-Q-L”) se bazează pe studiile lui

E.F. Codd, prima implementare a limbajului SQL fiind dezvoltată de către firma IBM la mijlocul

anilor 1970. Mai târziu, compania Relational Software Inc. (cunoscută astăzi sub numele Oracle

Corporation) a lansat prima versiune comercială de SQL. În prezent SQL este un limbaj complet

standardizat, recunoscut de către Institutul Naţional American de Standarde (ANSI – American

National Standards Institute). Puteţi folosi SQL pentru a accesa baze de date Oracle, SQL Server,

DB2, sau MySQL.SQL utilizează o sintaxă simplă, uşor de învăţat şi utilizat. Comenzile SQL pot fi grupate în cinci categori după cum

urmează:

Limbajul de interogare Permite regăsirea liniilor memorate în tabelele bazei de date. Vom scrie interogări folosind comanda SELECT.

Limbajul de manipulare a datelor (DML - Data Manipulation Language) Permite modificarea conţinutului tabelelor. Există următoarele comenzi DML:

INSERT  - pentru adăugarea 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ă definiţi structura tabelelor care compun baza de date. Comenzile din această grupă sunt:

CREATE  - vă permite să creaţi structurile bazei de date. De exemplu, CREATE TABLE este utilizată pentru

crearea tabelelor, cu CREATE USER, puteţi crea utilizatorii bazei de date etc..

ALTER  - permite modificarea structurilor bazei de date. De exemplu, cu comanda ALTER TABLE puteţi

modifica structura unei tabele.

DROP  - puteţi şterge structuri ale bazei de date. De exemplu pentru a şterge o tabelă folosiţi comanda DROP

TABLE.

RENAME  - puteţi schimba numele unei tabele.

TRUNCATE  - vă permite să ştergeţi întregul conţinut al unei tabele.

Comenzi de control al tranzacţiilor (TC - Transaction Control):COMMIT  - vă permite să faceţi ca modificările asupra bazei de date să devină permanente.

ROLLBACK  - permite renunţarea la ultimele modificări asupra bazei de date.

SAVEPOINT – vă permite să definiţi un "punct de salvare" la care să puteţi reveni, renunţând la modificările

făcute 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ă acordaţi drepturi altor utilizatori asupra structurilor bazei voastre de date.

REVOKE  - puteţi să anulaţi 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 calculatoareRealizarea Bazei de date în Access 2008

Pagină 14

Implementarea în Microsoft Visual C# 2010

using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using 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

ConcluzieSper 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 INFO-MAT,2008;

Ana Întuneric, Cristina Sichim, Daniela Tarasă – Aplicaţii windows în visual C# 2008 Express Editiona - Aplicaţii cu baye de date SQL Server 2008, Editura Polirom, 2010;

Notiţe din caietul de clasa a X-a – prof. Nicula-Suditu Maria

Pagină 18