ZeroCool

Cum in perioada vacantelor softul de mesagerie Yahoo Messenger este foarte folosit pentru a tine legatura cu ce dragi sau cei plecati in vacanta, niste “minti luminate” si-au propus sa mai scoata un virus profitand de popularitatea si renumele lui Facebook. Asadar daca folositi Yahoo Messenger si primiti un mesaj in genul celui de mai jos, NU DATI CLICK !!

Odata accesat link-ul vi se ofera spre download un fisier cu dubla extensie denumit FaceBook.jpg.exe ca in imaginea de mai jos care evident este un virus, extensia finala fiind .exe si nu .jpg

Nu dati click pe link-uri primite pe Yahoo Messenger mai ales daca nu ati vorbit in prealabil cu persoana de la care va vine link-ul. Daca link-ul va vine in timp ce vorbiti cu persoana respectiva, nu ezitati sa intrebati persoana cu care conversati, daca el va trimis link-ul. Daca raspunsul este “NU” atunci clar link-ul este virusat asa ca nu dati click!!

Daca deja ati dat click si ati luat virusul va puteti devirusa procedand astfel:
Descarcati SUPERAntiSpyware versiunea free accesand ACEST
Dublu click pe fisierul descarcat si instalati raspunzand cu “OK” la toate intrebarile care va apara de-a lungul instalarii
Dupa instalare executati iconita denumita SUPERAntiSpyware Free Edition aflata pe Desktopul dumneavoastra
Dati click pe butonul Scan yor Computer…
Acum selectati dand click pe Perform Complete Scan si dati click pe butonul Next si asteptati ca scanarea sa se finalizeze.
Dupa ce scanarea a luat sfarsit dati click pe butonul OK, lasati bifate casutele din rezultatele scanarii si dati click pe butonul Next, asteptati cateva secunde si la fereastra cu mesajul “You must reboot to complete the removal of the harmful software detected. Reboot now?” raspundeti dand click pe Yes.
Pc-ul vostru se va restarta si totul este in regula si ati scapat de virus
Daca aveti nevoie de ajutor postati aici si o sa va ajut

Functia str_replace() inlocuieste unele caractere cu alte caractere intr-un sir.

Introduceti urmatorul exemplu in notepad si salvati cu numele test1.php:

<?php

$numele = “ZeroCool”;

$numele_nou = str_replace(“zero”, “ZeroCool”,$numele); // inlocuim “Zero” cu “ZeroCool”

echo $numele_nou; // se afiseaza Ion Vasile

?>

Dupa cum ati observat str_replace() are 3 parametri:

str_replace(“zero”, “ZeroCool”,$numele);
“Zero” – sirul de caractere care dorim sa inlocuim
“ZeroCool” – sirul de caractere cu care inlocuim
$numele – variabila php care contine textul original!

Bafta!

V-ati gandit cum ar arata o pagina HTML fara imagini si fara linkuri?

Si in ziua de astazi exista pagini HTMl fara imagini, folosite ca document text, dar asta e moda veche. Acum daca intrati pe o pagina si nu vedeti imagini probabil ca in cel mai scurt timp veti parasi acel site.

Mai demult browserele nu aveau suport de imagini, pagina html era formata doar din texte si linkuri. Va recomand sa testati cu programul “lynx”, bineinteles daca aveti sistem linux pe calculator, sa vedeti cum arata o pagina web in mod text.

Pagini HTML fara linkuri?
se poate ca o pagina HTML sa nu aiba linkuri, referinte catre alte pagini, dar atunci nu mai are sens pentru ca putem folosi documente text pentru a edita un text.

Si sa trecem la un exemplu, cum se insereaza un link pe o pagina HTML:

<a href=”pagina.html”> Pagina 2 </a>

sau o referinta externa:

<a href=”http://www.configpc.info”> ZeroCool </a>

Dupa cum ati observat in atributul href se insereaza linkul, si titlul se inseareaza intre etichetele <a> Titlu </a>

Haideti sa inseram si o imagine in pagina HTML:

<img src=”poza1.jpg”></img>

sau o imagina de pe un alt site:

<img src=”http://www.configpc.info/poza1.jpg”></img>

Pentru a insera imagine in pagina HTML folosim eticheta <img> </img> , linkul catre poza se insereaza in atributul src=”"

Avem posibilitatea de a defini si un titlu pentru poza, in cazul in care nu se incarca poza va apare textul din titlu. Pentru asta folosim atributul alt si title

ex:

<img src=”poza1.jpg” alt=”Marea Neagra” title=”Marea Neagra”></img>

Sunt convins ca ati observat ca pe multe siteuri se poate da clic pe imagine si se intra pe o alta pagina sau site. Eticheta <a> si <img> se pot combina in felul urmator:

<a href=”http://www.configpc.info”>
<img src=”images/poza1.jpg”>ZeroCool</img>
</a>

Eticheta <img> </img> am inserat intre <a> si </a>

Acest tutoriale HTML este foarte simplu de invatat si de aplicat. Pentru redirectionare in HTML exista o singura eticheta unde se pot modifica 2 parametrii:

- interval de timp (in secunde) – dupa acest interval de timp se va redirectiona pagina catre alta pagina HTML.
- url – linkul catre care dorim o redirectionare.

Ex:
<META HTTP-EQUIV=”Refresh” CONTENT=”3;URL=http://www.configpc.info/”>

Aceasta eticheta ne va redirectiona dupa 3 secunde pe linkul http://www.configpc.info

Mentionam ca aceasta eticheta se foloseste intre etichetele <HEAD> si </HEAD>, iar intervalul minim de secunda este 0.

Bafta!

Listele in HTML poate fi ordonate, neordonate, de definitie.

I. Liste neordonate (Eticheta <UL> ):
====================
Listele neordonate se marcheaza intre <UL> </UL>. Fiecare element este marcat prin eticheta <LI> </LI>

Deschideti editorul de text (notepad, etc.. ) si salvati urmatoarul cod HTML sub denumirea liste1.html

<!– Inceput cod HTML –>

Lista de cumparaturi:
<ul>
<li> pasta de dinti </li>
<li> harta Romania </li>
<li> apa plata </li>
</ul>

<!– Sfarsit cod HTML –>

Dupa ce ati salvat fisierul liste1.html, deschideti cu browser si veti vedea rezultatul.

II. Liste ordonate (Eticheta <OL> ):
====================
Listele neordonate se marcheaza intre <OL> </OL>. Fiecare element este marcat prin eticheta <LI> </LI>

Deschideti editorul de text (notepad, etc.. ) si salvati urmatoarul cod HTML sub denumirea liste2.html

<!– Inceput cod HTML –>

Lista de cumparaturi:
<ol>
<li> pasta de dinti </li>
<li> harta Romania </li>
<li> apa plata </li>
</ol>

<!– Sfarsit cod HTML –>

Dupa ce ati salvat fisierul liste2.html, deschideti cu browser si veti vedea rezultatul.

Tabele sunt utilizate pentru a afisa o informatie intr-o forma foarte clara. In acest exemplu voi arata cum se creaza un tabel in HTML.

Etichetele HTML al unui tabel:
<table> – marcheaza inceputul tabelului
<tr> – marcheaza un rand nou (fiecare tabel trebuie sa contina cel putin un rand si o coloana!)
<td> – marcheaza o coloana noua
</td> – marcheaza sfarsitul coloanei
</tr> – marcheaza sfarsitul randului
</table>- marcheaza sfarsitul tabelului

Atributele etichetelor (cele mai des folosite):
<table
width=’600′ – tabelul are o lungime de 600 pixeli
height=’400′ – tabelul are o inaltime de 400 pixeli
>

<td
align=’left’ – aliniaza stanga textul din coloana, alte valori : right, justify,center
valign=’top’ – continutul incepe in partea superioara a coloanei, alte valori:middle, bottom
width=’200′ – lungimea coloanei
>

In final editez un orar in HTML, ideal pentru elevi! :

<table width=’980′>
<tr>
<td>ORAR</td>
<td>LUNI</td>
<td>MARTI</td>
<td>MIERCURI</td>
<td>JOI</td>
<td>VINERI</td>
</tr>

<tr>
<td>7-8</td>
<td>Romana</td>
<td>Engleza</td>
<td>Matematica</td>
<td>Sport</td>
<td>Franceza</td>
</tr>

<tr>
<td>8-9</td>
<td>Matematica</td>
<td>Sport</td>
<td>Franceza</td>
<td>Romana</td>
<td>Engleza</td>
</tr>

<tr>
<td>9-10</td>
<td>Engleza</td>
<td>Romana</td>
<td>Sport</td>
<td>Franceza</td>
<td>Matematica</td>
</tr>

<tr>
<td>10-11</td>
<td>Sport</td>
<td>Matematica</td>
<td>Franceza</td>
<td>Romana</td>
<td>Engleza</td>
</tr>

</table>

Bafta!!!

Introducere in HTML

Exemplu

<html>
<body>

<h1> Prima pagina mea HTML </ h1>

<p> Primul meu paragraf. </ p>

</body>
</html>

Ce este HTML?

HTML este un limbaj pentru a descrie paginile web.

- HTML : H yper T ext M arkup L anguage
- HTML nu este un limbaj de programare, este un limbaj de marcare.
- Un limbaj de marcare este alcatuit dintr-un set de etichete de marcare
- HTML utilizeaz&#259; etichete de marcare pentru a descrie paginile web

Etichete HTML

Etichetele HTML sunt, de obicei, denumite tag-uri HTML

- Tag-uri HTML sunt cuvintele-cheie, inconjurata de paranteze ca <html>
- Tag-uri HTML venit în mod normal, in perechi, precum si <b> </ b>
- Primul tag-ul intr-o pereche de tag-ul este la inceput, cel de-al doilea tagl este sfârsitul tag-ului

Documente HTML = Pagini Web

- Documente HTML descrie pagini web
- Documentele HTML contin tag-uri HTML si text simplu
- Documentele HTML sunt, de asemenea, numite pagini web

Scopul un browser Web (cum ar fi Internet Explorer sau Firefox) este de a citi documente HTML si a le afisa ca paginia de web. Browser-ul nu se afiseaza in tag-uri HTML, dar folose&#351;te tag-uri pentru a interpreta continutul paginii:

Voi continuea exemplele cu selectii. La o selectie varsta e foarte simpla treaba, avem de la o varsta pana la o alta varsta valori numerice. Problema este urmatoarea: ce facem cand vrem sa realizam o selectie de judete, cu un judet selectat implicit!?

In acest caz se procedeaza in felul urmator:
1. Creeam un vector in care elementele sunt numele judetelor
2. Parcurgem cu instructiunea FOR toate elementele
3. Verificam daca am ajuns la judetul selectat!

Acest pasi concretizam in exemplul urmator:
<?php

$judete = array (“Alba”,
“Arad”,
…
“Bihor”,
….
“Vaslui”,
“Bucuresti”);

$judetul_selectat = “Vaslui”;

//salvam intr-o variabila numarul judetelor ( numarul elementelor din vector ) cu ajutorul functiei count($vector);

$nr_judete = count($judete);

echo “<select name=’judete’>”;

for($i=0; $i<$nr_judete; $i++){
$selected = “”;
if ($judete[$i] == $judetul_selectat) $selected = “SELECTED”;
echo “<option value=’”.$judete[$i].”‘ $selected>”.$judete[$i].”</option>”;

}

echo “</select>”;

?>

Voi prezenta cateva exemple de selectii realizand cu ajutorul limbajului PHP.

Structura etichetei selectie in HTML:

<SELECT NAME=”NUME”>
<OPTION VALUE=’VALOARE’> OPTIUNE1 </OPTION>
<OPTION VALUE=’VALOARE’ SELECTED> OPTIUNEA SELECTATA IMPLICIT </OPTION>
<OPTION VALUE=’VALOARE’> OPTIUNE 3 </OPTION>
</SELECT>

Dorim sa realizam un camp de selectie unde utilizatorul poate sa-si alege varsta, numarul 18 sa fie valoare implicita! In mod normal in HTML ar trebui trecut urmatorul cod:
<SELECT NAME=”VARSTA”>
<OPTION VALUE=’15′> 15 </OPTION>
<OPTION VALUE=’16′> 16 </OPTION>
<OPTION VALUE=’17′> 17 </OPTION>
<OPTION VALUE=’18′ SELECTED> 18 </OPTION>
…
…
…
<OPTION VALUE=’59′> 59 </OPTION>
<OPTION VALUE=’60′> 60 </OPTION>
</SELECT>

In PHP putem realiza mult mai simplu, si anume:
<?php

echo “<select name=’varsta’>”;

$varsta_minima = 15;
$varsta_maxima = 60;
for ($i=$varsta_minima; $i<=$varsta_maxima; $i++){
echo “<option value=’$i’>$i</option>”;
}

echo “</select>”;

?>

Si ca sa avem si optiune implicita trebuie sa modificam acest cod in felul urmator:
<?php

echo “<select name=’varsta’>”;

$varsta_minima = 15;
$varsta_maxima = 60;
$varsta_implicita = 18;

for ($i=$varsta_minima; $i<=$varsta_maxima; $i++){
$selected = “”;
if($i == $varsta_implicita) $selected = “SELECTED”;
echo “<option value=’$i’ SELECTED>$i</option>”;
}

echo “</select>”;

?>

Aici vom prezenta cateva functii foarte utile pentru diferite convertiri din litere mari in litere mici, sau invers.

De ex:
<?php

$nume = “ZeroCool”;

//aici se va afisa: ZeroCool
echo $nume;

//ZeroCool
echo ucfirst($nume);

//ZeroCool
echo strtoupper($nume);

//ZeroCool
echo ucwords($nume);

?>

Si inca un exemple, aici convertim din litere mari in litere mici

<?php

$nume = “ZeroCool”;

//ZeroCool
echo $strtolower($nume);

//ZeroCool
echo $lcfirst($nume);

?>

Bafta