Crearea Unui Site Web
UNIVERSITATEA ”SPIRU HARET” BUCUREȘTI
FACULTATEA DE MATEMATICA INFORMATICA
LUCRARE DE LICENȚĂ
Coordonator Științific:
Prof. univ. dr. Grigore Albeanu
[anonimizat] Florin
-Anul susținerii 2016-
UNIVERSITATEA ”SPIRU HARET” BUCUREȘTI
FACULTATEA DE MATEMATICA INFORMATICA
CREAREA UNUI SITE WEB
Coordonator Științific:
Prof. univ. dr. Grigore Albeanu
[anonimizat] Florin
-Anul susținerii 2016-
CUPRINS
INTRODUCERE……………………………………………………………………………………………. pag 4
INFORMATII LEGATE DE CREAREA UNUI SITE……………………………………… pag 7
GENERALITATI WEBDESIGN…………………………………………………………………….. pag 8
CSS…………………………………………………………. pag 8
JAVASCRIPT…………………………………………. pag 8
Hypertext Markup Language……………………………………………………… pag 9
JavaScript………………………………………. pag 12
Personal Home Page…………………………pag 13
Extensible Markup Language…………. pag 13
Ajax………………………………………………… pag 14
Optimizarea site-ului – motorulu de căutare…pag 15
MYSQL…………………………………………………… pag 17
MySQL VS PostgreSQL…………………..pag 20
OpenCart……………………………………….. pag 23
Macromedia Flash………………………….. pag 24
WordPress……………………………………….pag 27
Magento…………………………………………… pag 31
PrestaShop………………………………… pag 34
PrestaShop VS Magento…………………………. pag 35
Joomla…………………………………………………. pag 37 ESCRIEREA, SCOPUL, ESENTA, SITEULUI……………………. pag 38
CREAREA SITEUL…………………………………. pag 39
INTRODUCERE
In acesta lucrare doresc sa prezint in detaliu crearea unui site web . Am ales acest lucrare deoarece consider ca cel mai important domeniu pe internet ,si legat de tehnologia actuala, este posibilitatea de a promova domeniul in care lucrezi (baze de date, programare, retele , imobiliare , constructii , textile…etc) indiferent cat de bine si performant fiecare dintre aceste domenii cu administratorii lor ar face treaba fara o promovare pe internet cu un site totul ramane doar la stadiul de “introducere” , evoluand foarte greu din recomandare in recomandare si perioada in care s-a propus evolutia firmei poate sa se dubleze-tripleze sau sa nu existe niciodata.
Site-ul reprezinta interfata intre vanzator si cumparator (mai fiind si alte posibilitati de promovare – anunturi pe site-urile bine cotate, retele socializare (plata unor servicii de promovare pe facebook – exemplu), din persoana in persoana mesaje pe retele socializare la prieteni acestia la randul lor dand like si postand mai departe) acest gen de promovare fiind ales in special de personae juridice (firme) si de persoane fizice (PFA) pentru a putea fi cunoscute pe internet si a putea maximiza profiturile.
Pentru a promova pe internet un site sunt mai multe posibilitati:
-este necesar sa fie adaugat in toate motoarele de cautare – exemple de adrese de motoare de cautare:
www.federal.ro;
www.w1.ro;
www.clicklink.ro;
www.google.com. …etc
Sunt peste 100 de motoare de cautare unde trebuiesc introdus site-ul cu link-ul si cuvintele care il definesc cel mai bine si sunt cotate ca fiind esentiale in domeniul pe care in abordeaza.
-SEO search engine optimization, adică – optimizare pentru motoarele de căutare – acest proces face parte din activitatea de promovare a unui site web cu scopul de a atrage cât mai multe vizite către el provenite de la motoarele de căutare, iar în cazul afacerilor online, în cele din urmă – clienți și vânzări. Avantajele optimizării unui site constau și în faptul că în cele din urmă, el va deveni foarte prietenos în raport cu vizitatorii săi, ceea ce contribuie la sporirea gradului de încredere, utilitate și popularitate – toate, criterii folosite la poziționarea site-urilor web în paginile cu rezultatele căutărilor.
-cele mai populare sunt rețelele PPC (pay pe click) Google Adwords sau Bing Ads în care se plateste pentru fiecare utilizator care da clik pe site – pe aceste site-uri (Google Adwords sau Bing Ads etc..) promovarea consta in faptul ca la momentul cautarii anumitor domeni-cuvinte (inchiriez garsoniera , vand catel, servici de curatenie…etc) aceste site-uri afisaza in partea dreapta a cautari sau chiar primele 3-4 poziti in partea stanga acele link-uri care platesc sa fie gasite dupa acele cuvinte.
– există și ofertele rețelelor de socializare precum Facebook sau LinkedIn în care avem posibilitatea să selectam publicul dorit după o mulțime de criterii (sex, vârstă, limbă vorbită, locație geografică, studii, etc.)
-Utilizarea etichetei <META> pentru ca motoarele de cautare sa iti remarce site-ul. Principalele motoare de cautare, cum ar fi Google scruteaza web-ul pentru a gasi site-uri noi si actualizate.
Nu exista o modalitate care sa garanteze o plasare foarte buna de la inceput, dar putem ajuta adaugand cateva etichete speciale pe care le inserezi intre <HEAD> si </HEAD>.
<META NAME="descriere" CONTENT="scrie aici descrierea">
Majoritatea motoarelor de cautare folosesc aceasta descriere atunci cand iti afiseaza pagina in rezultatele unei cautari web.
A doua eticheta <META> defineste unul sau mai multe cuvinte cheie care corespund subiectelor importante din pagina. Motoarele de cautare folosesc aceste cuvinte cheie pentru a
face corespondenta dintre pagina noastra si cuvintele cheie introduse de catre utilizatori atunci cand acestia realizeaza o cautare web.
Iata care este sintaxa:
<HTML>
<HEAD>
<TITLE> coada soricelului </TITLE>
<META NAME="description" CONTENT="Aceasta pagina descrie fenomenul emo si incearca sa inteleaga efectul acestui fenomen asupra tinerilor ">
<META NAME="keywords" CONTENT="emo, adolescent, machiaj, rock, sinucidere">
</HEAD>
<BODY>
….etc.
De asemenea in crearea unui site in primul rand este nevoie de un designer web – acea persoana care decide in functie de moda , domeniu , esenta siteu-lui , modul de abordare …etc (exeplu anumite reclame sunt mai serioase – emag , altele sunt mai bizare – ING ..etc) structura site-ului (care trebui sa fie simpla si la subiect…fara sa cauti prin site minute in sir un produs …sau chiar sa-ti dai seama dupa 5 minute ca nu este domeniul pe care in cauti), culoare site-ului , sigla , fontul , pozele , descrierea produselor , link-urile catre pagini din site sau externe catre alte site-uri (catre producatorul unui produs pe care in comercializezi) etc , toate aceste trebui sa duca la un trend actual al momentului si necesita intratinerea site-ului respectiv in viitor tinand cont de momentul la care se face actualizarea , totodata se vor aduce imbunatatiri la accesarea paginilor interne , descriere scurta si la subiect fara a evita importanta produsului – caracteristici principale , poze ..etc. in functie de domeniul site-ului.
Designerul web va lucra la siteul respectiv impreuna cu persoana care il doreste-solicita
si la cererea acestuia va incerca sa creeze un site intre dorinta solicitantului si trendul pietei la momentul respectiv moda , culoare…etc , tot ce vine din parte desingnului web este optional , forumul decizional fiind persoana care solicita site-ul.
Marile companii solicita la firmele in domeniu sau angajeaza persoane care sa creeze site-uri – modele de siteuri cu anumite tematici si domenii stabilite in 3-5 exemple de site-uri dupa care decid linia pe care o urmeaza cu modificarile respective pe tot parcursul creeri site-ului respectiv.
Acest domeniu (TEHNOLOGI WEB) este foarte complex si sunt necesare mai multe cunostinte in domenii diferite :
-In primul rand din punct de verere tehnic – programare in domeniul informatic.
-Desing web unde creatorul site-ului trebui sa aiba viziunea de a crea in tendintele pieti in functie de domeniu , moda , culori etc. un site prietenos , simplu , la subiect din punct de vedere al cautarii informatiei in site , un posibil client sa viziteze acel site si sa nu mai caute concurenta (acesta depinde foarte mult si de preturile practicate de catre firma in procent de 70% iar designul , siplitatea , abordarea etc…asigura 30%)
-Cunostinte de marketing (acolo unde clientul o cere) unde creatorul trebuie sa cunosca piata in domeniul pe care site-ul o va aborda pentru a putea sti unde sa promoveze acest site , sa faca cunostinta in web cu concurenta (model de abordare , vizitatori , preturi , buget marketing…etc) pentru a putea lua o decizie cu clientul (solicitantul site-ului) despre structura site-ului si posibilitatiile de impact pe care le va avea in urma creeri si promovarii site-ului in web.
-Psihologie – poate nu ne dam seama dar in spatele tuturor reclamelor avem mesaje de genul – si pe web pe anumite siteuri optimizate (din punct de vedere al pieti in care o abordeaza si clientilor carora se adreseaza produse de lux-masini,blanuri,…etc, constructii , servici , farmaceutice , clinici medicale private…etc) creatorul site-ului trebui in descrierea sit-ului sa foloseasca in functie de criteriile enumerate mai sus cuvinte in primul rand pe intelesul fiecaruia, mesaje simple sau mai ample in cazul produselor de lux acolo unde persoanele care si le permit trebuiesc ‘CONVINSE’ cu explicati detaliate , pompoase , mai multe cuvinte din dictionar legate de produsele pe care le doresc a fi achizitionate (util- eficient ; cumpara- a procura ; delicios- desfătător, fascinant, fermecător, încântător ; afacere- chestiune, interese , daraveră, negoț , tranzacție, avantaj , speculație, …etc toate aceste folosite in text , adecvate in frazele respective).
INFORMATII LEGATE DE CREAREA UNUI SITE
Pentru crearea unui site se poate realiza in doua feluri:
Programe de creare site in care trebui sa deti cunostinte solide in domeniu (baze date, PHP,HTML,CSS, MySQL,Acces,…etc).
2. Se pot creea siteuri foarte simple si usor de administrat pe anumite platforme WordPres , Magento , PrestoShop , OpenCart unde “programatorii” nu trebui sa detina multe cunostinte in domeniu si gasesc suport chiar la distribuitorii de asemenea platforme si foarte multe forumuri cu detalii despre anumite probleme intampinate de alti utilizatori ale acestor platforme.
3 Se pot creea siteuri foarte simple chiar intr-o pagina de notpad, wordpad, office word unde se tasteaza cateva lini de comanda dupa care se salveaza pagina respectiva in html – iar la deschidere, se va deschide automat cu un browser de internet.
Mai multe detalii veti gasi la “GENERALITATI WEBDESIGN”unde contine informatii ample despre anumite soft-uri cu ajutorul carora se poate crea un site competitiv din toate punctele de vedere.
GENERALITATI WEBDESIGN
CSS – Cascading Style Sheets
CSS – o altă abreviere de la Cascading Style Sheets, în traducere – Cascading Style Sheets. CSS – un limbaj care conține un set de proprietăți pentru a determina apariția documentului. CSS Caiet de sarcini definește proprietățile și limbaj descriptiv pentru a comunica cu elementele HTML.
CSS – abstracție, în care apariția Web-documentului este determinat separat de conținutul său.
Esența limbajului este foarte simplu și este setat pentru a afișa regulile de stil, amplasarea unui anumit punct de pe site. De exemplu, culoarea textului, dimensiunea, fontul utilizat. Cu CSS, puteți cere aproape orice elemente de afișare stil de pagini de internet, vedere, spațiu machete, text, imagini, structura și mărimea lor. Da, o serie de reguli de cartografiere include și limbajul HTML, dar CSS este conceput pentru a colecta toate stilurile într-un singur loc, pe lângă CSS îmbunătățește foarte mult elementele de afișare, odată cu introducerea în 2011, a treia versiune a limbajului stylesheet, standardul CSS3, a devenit posibil să pună în aplicare mai multe efecte imposibile, inclusiv elemente de animație. Acum, când creați site-uri web, acesta a devenit pune în aplicare într-adevăr mișcare elemente, fluiditate și de a schimba aspectul lor, a adăuga efecte lumini si diverse alte efecte.
În cascadă (multi-level) foi de stil – foaie de stil în cascadă (CSS) – un format standard, pe bază de text puternic care definește o reprezentare a datelor într-un browser.
În cazul în care formatul HTML furnizează informații cu privire la conținutul documentului, foaia de stil este raportat ca ar trebui sa arate. Astfel, Cascading Style Sheets fac posibilă menținerea conținutului separată de prezentarea acestuia.
Stilul include toate tipurile de elemente de design: font, fundal, text, culori, link-uri, câmpuri, și locația obiectelor pe pagină.
CSS au fost dezvoltate pentru a oferi un nivel mai mare de control asupra aspectului de text și grafică.
foi de stil în cascadă asigură nivelul adecvat al unității de proiectare, organizare si control in timpul dezvoltarii site-ului, care este imposibil de atins folosind doar un singur HTML.
3 Presupune CSS tip stylesheet – embedded embedded (intern) și aferent (extern).
Pentru prima dată ideea de formatare a documentelor folosind HTML-CSS a fost recomandat de către consorțiul W3C în 1996. Recomandarea, care a fost actualizat în 1998, folosind Web-dezvoltatori și în ziua de azi.
Termenul "cascadă" înseamnă că stiluri diferite pot fi utilizate într-o pagină HTML. Browser-ul care acceptă foi de stil, vor urma ordinea lor (ca cascada) interpretarea fișei de informații.
Acest lucru înseamnă că puteți folosi toate cele trei tipuri de stiluri, iar browser-ul va interpreta primele conectate, apoi puse în aplicare și în cele din urmă, stilurile inline. Chiar dacă stilurile eșantion sunt aplicate pe întreg site-ul, va fi posibil pentru gestionarea anumitor aspecte ale paginilor cu stiluri încorporate, și regiunile individuale din cadrul acestor pagini – cu ajutorul unor stiluri built-in.
Un alt aspect al cascadare – Moștenirea (Mostenirea) Moștenirea înseamnă că, dacă nu se indică altfel, stilul particular va fi moștenită de alte elemente ale paginii HTML. De exemplu, dacă aplicați o anumită culoare a textului în câmpul <p> tag-uri sunt toate în interiorul acestui paragraf vor moșteni culoare, cu excepția cazului în care se prevede altfel.
Hypertext Markup Language
HTML – este o abreviere de la HyperText Markup Language, înseamnă literal "Hypertext Markup Language". Mulți sunt confuzi și spun că HTML este un limbaj de programare, dar este o greșeală, deoarece este un limbaj de marcare, layout-ul paginilor web. Spre exemplu, și textul de marcare într-un document tipărit: selectarea unui text, dimensiunea, pozițiile, selecție de text, margini, paragrafe, etc. Acesta vă permite să setați browser-ul HTML, cum pagina va arata hipertext, în cazul în care acesta va fi pozițiile, paragrafe, liniuțe etc. HTML – fundamentul întregului document de web pagina.
Viața nu se opune încă, aici și în standardele HTML din momentul apariției sale, multe s-au schimbat. Dezvoltatorii încearcă să îmbunătățească limba, astfel încât el a devenit din ce în ce mai simplu, mai ușor de citit, a ocupat mai puțin spațiu și, în același timp, ar putea conține mai multe informații pentru transmiterea către browser. Până în prezent, versiunea actuală a HTML este versiunea HTML 4.01. Dar, începând cu anul 2010, au început lucrările la noua limbă a HTML5. Deja, sute de site-uri folosesc acest limbaj de marcare. Poate că tu atunci când creați site-ul va utiliza acest web limbaj pagina de marcare.
Structura documentul HTML
Toate paginile HTML incep si se termina cu etichetele <html> si </html>.
In interiorul acestor etichete gasim perechile <head>, </head> si <body>, </body> – head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi, fisiere de tip CSS sau favicon).
Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:
<META NAME="nume" CONTENT="continut">
Exemplu: link catre un fisier extern CSS:
<link rel="stylesheet" type="text/css" href="css.css"> – body gazduieste practic toate etichetele afisate de browser pe ecran.
Primul tag se numeste <html> și este cel care îi spune browser-ului că a început un cod în HTML. Cel de-al doilea tag, <body>, spune browser-ului că aici începe partea vizibilă sau conținutul paginii HTML.
Tag-urile </body> și </html> sunt tag-uri de închidere. </body>, dă de știre browser-ului, că s-a încheiat conținulul pagini, iar </html> că s-a încheiat documentul HTML.
Slesh "/" este pus înaintea numelui tag-ului și spune browserului că ar dori să încheie respectiva funcție. Deci <tag> este folosit pentru a începe o funcție, iar </tag> pentru a o încheia.
Ordinea deschiderii și a închiderii tag-urilor este foarte importantă. Dacă un tag este deschis într-un altul, de exemplu body este deschis în html atunci acel tag (body) este cel care trebuie închis înaintea celui de-al doilea tag (html).
Am închis mai întâi body pentru că a fost cel care s-a deschis cel mai recent. Această regulă și anume deschiderea și închiderea tag-urilor se aplică la toate celelalte taguri ale documentelor HTML.
<head> Acest tag urmează imediat după <html> și este folosit pentru a indica browser-ului, informații utile precum: titlul pagini, conținutul (folosit de motoarele de căutare vechi) și multe altele,.
<title> – se pune între <head> și </head>. Acest tag este cel care dă numele pagini. Numele va fi afișat în browser, de obicei în partea stângă sus.
<h2> – Acesta este titlul care apre în pagină, înainte de conținut și va fi mai mare decât litera de conținut. <h2> înseamnă că e cea de-a doua mărime a literei între cele șase care există. <h1> – este cea mai mare iar <h6> va fi cea mai mică.
<p> – Este tag-ul care marchează deschiderea și încheierea unui paragraf. Așa că atunci când vei începe un paragraf asigură-te că ai pus <p> la început și </p> la sfârșit.
M în acronimul HTML înseamnă "marca" – marca.
Acest text este marcat tag-uri, care sunt un cuvinte cheie de limbă, închise în paranteze unghiulare "<" și ">".
Cel mai adesea ele sunt folosite în perechi, pentru a marca începutul și sfârșitul unui fragment de text.
Eticheta de închidere este diferit de deschidere prin prezența slash "/".
Anumite etichete au atribute care specifică o regulă afișarea conținutului. Atributele pot fi specificate numai în tag-ul de deschidere.
În mod natural, nu se poate face fără comentarii. Ele sunt folosite pentru comoditatea de dezvoltator pentru clarificare. Comentariile nu sunt prelucrate de către browser și nu sunt afișate, dar acestea sunt încărcate împreună cu întregul document și afectează timpul de încărcare.
JavaScript
JavaScript – pentru scrierea script-uri pentru active, HTML-pagini. Limbajul JavaScript nu are nici o legătură cu limbajul Java. Java a fost dezvoltat de SUN. JavaScript – de Netscape Communication Corporation. Numele original – LiveScript. După cucerirea limbajul Java lume LiveScript faimoasele considerente comerciale redenumite în JavaScript.
JavaScript nu este conceput pentru a crea aplicații de sine stătătoare. Programul în JavaScript este încorporat direct în textul sursă și document HTML este interpretat ca brauzerom descarcă acest document. Cu ajutorul JavaScript, puteți modifica dinamic textul încărcat documentul HTML și va răspunde la evenimentele asociate cu acțiunile vizitatorului sau documentul sau fereastra modificări sostoyatiya.
O caracteristică importantă a JavaScript – OO. Programatorul dispune de numeroase facilități disponibile, cum ar fi documente, hyperlink-uri, formulare, rame, etc. Obiectele sunt caracterizate de informații descriptive (proprietăți) și posibilele acțiuni (metode).
Java Script, a fost special conceput în 1995, în special pentru nevoile vânzătorii de browser. În prezent, browserele cele mai utilizate pe scară largă este un limbaj de scripting pentru a face pagini web interactive. A fost odată cu introducerea acestui limbaj de programare a făcut posibilă realizarea funcțiilor și a paginii interacțiunea cu utilizatorul, și anume răspunsul paginii la acțiunea, alegerea utilizatorului, etc. Un bun exemplu – este procesarea, utilizatorul completează chestionarul: validarea datelor de intrare, emiterea de mesaje diferite ale ecranului, prelucrarea datelor, înregistrarea datelor sau trimiterea răspunsului la utilizator, etc. Pur și simplu script Java poate: crea noi HTML-tag-uri, șterge pe cele existente, schimba stiluri de elemente, pentru a ascunde, elemente de afișare și altele asemenea pentru a reacționa la acțiunile vizitatorului, să se ocupe de clicuri de mouse, mișcarea cursorului, făcând clic pe o tastatură și altele asemenea, cereri la server de date și de a descărca fără a reîncărca pagina (această tehnologie se numește "AJAX"), pentru a primi și setați cookie, datele de interogare, mesaje de afișare, există încă mai mult. În acest sens, crearea de site-uri, fără ca acest limbaj de programare este aproape niciodată completă.
Personal Home Page
PHP – limbaj de scripting, care a depășit mult timp numele său. Faptul că PHP – o abreviere a cuvintelor Personal Home Page. Prima versiune a PHP a fost creat de către Rasmus Lerdorf în 1994 și a fost un set de instrumente pentru urmărirea vizitatorilor pe pagina de Web. De-a lungul timpului, PHP set de instrumente de transformat într-un limbaj de programare cu drepturi depline, iar numele său a fost schimbat ca formarea unui recursive PHP Hypertext Preprocessor (PHP Hypertext Preprocessor).
PHP – este un limbaj de server de scripting. Structuri PHP, inserat în HTML-text, realizat de server de fiecare dată când vizitați pagina. Rezultatul tratamentului lor în HTML normal-text pentru browser.
Există două concurent PHP principale: Active Server Pages (ASP) Microsoft și compania ColdFusion Allaire. Prin comparație, PHP are o serie de avantaje, printre care:
Performanță înaltă. PHP program de lucru mai rapid decât ASP.
Funcționalitate. Dezvoltarea PHP-program pot fi separate de reale în curs de dezvoltare pagini bazate pe Web, care fac viața mai ușoară și programator și designer.
Preț. PHP este complet gratuit.
Ușor de utilizat. Cei cu experiență de programare pentru a găsi limbaje comune sintaxa PHP familiare.
Portabilitatea. Același PHP-cod poate fi utilizat în mediul NT, iar platformele UNIX.
Extensible Markup Language
XML (Extensible Markup Language) – Extensible Markup Language. Accentul se concentrează pe date XML. În structura structura de date XML și prezentarea datelor sunt strict separate.
Principalele motive pentru crearea XML:
o încercare de a oferi o formatare și structurare puternice date tuturor participanților;
necesitatea unei puneri în aplicare stabilă a documentelor lingvistice de structurare, pentru care ar fi ușor de a crea instrumente de sprijin care sunt disponibile pentru utilizatorii obisnuiti.
XML este un meta-limbaj – limbaj special, în care se poate face o descriere completă a clasei altor limbi în care, la rândul său, documentele compilate. Este un set de reguli care vă permit să creați o aplicație și un subset de date care sunt unice pentru nevoile lor.
Ajax
În februarie 2005, un nou termen de moda – Ajax. Ajax standuri pentru tehnologia Asynchronous JavaScript si XML (XML Asynchronous Javascript si), iar în sens strict, nu este. Este doar o abreviere care indică abordarea crearea de aplicatii bazate pe web folosind următoarele tehnologii:
Reprezentarea standardizată a forțelor XHTML și CSS;
-afișarea dinamică și interacțiunea cu utilizatorul prin intermediul DOM;
-schimbul și prelucrarea datelor sub formă de XML și XSLT;
-JavaScript;
-solicitări asincrone folosind obiectul XMLHttpRequest.
În cazul în care standardul Web-aplicație de procesare a tuturor informațiilor implicate în server, în timp ce browser-ul este responsabil numai pentru interacțiunea cu utilizatorul, și prin transfer de ieșire cere HTML de intrare, aveți în Ajax-aplicație între utilizator și server, există un alt mediator – motor Ajax. Ea determină care interogări pot fi prelucrate "pe loc", ci pentru ceea ce este necesar pentru a contacta pe server.
Comportamentul server de asemenea, sa schimbat. Întrucât anterior fiecare solicitare, serverul a dat o nouă pagină, el trimite acum doar acele date care sunt necesare pentru client, precum și HTML de la ei direct în browser-ul dvs.
Asincronă manifestată în faptul că nu fiecare utilizator face clic pe vine la server, iar reversul este de asemenea adevărat – nu orice răspuns de la server din cauza utilizatorului cerere. Cele mai multe dintre cererile ce sunt facute de motor Ajax, si poate fi scris, astfel încât acesta va încărca informațiile anticipând acțiunea utilizatorului.
Este evident că, cu un astfel de sistem ca modificări de sarcină de lucru pentru servere de calitate – în cazul în care solicitările anterioare au fost puține, dar fiecare dintre ele necesare resurse semnificative (server are nevoie pentru a trage informații din baza de date pentru a genera din sale web-pagini si da browser-ul), acum sarcina de server mai ușor (formular web-pagini nu este necesară, iar volumul datelor transmise este mai mic), dar solicitările trebuie să se ocupe mai mult.
Clasic și, probabil, cele mai bune exemple de utilizare Ajax – proiecte Hărți Google și Gmail.
În Gmail este de obicei HTML interfață pentru compatibilitate cu browsere mai vechi, și oricine poate să se asigure că acesta funcționează de mai multe ori mai lent decât interfața clasică Gmail.
Cu Ajax, problema este că, pentru a scrie o astfel de cerere este o sarcină laborioasă. Avem nevoie de a scrie la motorul JavaScript zece sau douăzeci de mii de linii de cod, plus să pună în aplicare o parte de server. Și soluții de succes copiere aproape nu sunt: în linii mari, într-adevăr pe scară largă multi-Ajax-proiecte se pot lăuda doar Google, dar acestea au proiecte destul de specifice – Google Suggest (serviciu, fapt care ia determinat cele mai populare cereri), Gmail și Google Maps.
Optimizarea site-ului – motorulu de căutare
Utilizatorii de Internet experimentați știu că, pentru a crea un site bun – este jumătate din bătălie. Fă-l, astfel încât el sa fie cunoscut in comunitate online – aceasta este următoarea provocare, si asigurați-vă că vizitatorii site-ul dvs. sunt reali, pentru a obține în motoarele de căutare de top – este mult mai dificilă sarcină.
Această secțiune a site-ului vă va ajuta să se ocupe de poziția site-ului dvs. în motoarele de căutare. Acesta conține informații care vă ajută să promovati site-ul.
Ați creat un site nou original plasat pe un hosting bun, verificați fiecare pagină a site-ului de erori, setați contoarele, dar ele arată doar vizitele prietenilor, colegilor și oameni care au fost directionati de dumneavoastră. Ce se poate face într-o astfel de situație? Dacă sunteți sigur că site-ul poate inspira oamenii care au venit la el, atunci puteți începe:
Optimizarea site-ului.
Configurați serverul, astfel încât acesta a dat http-header «Ultima modificare». Închideți toate link-urile externe de la a fi indexate. În cazul în care nu se poate elimina, face "curbe" lor.
Închideți paginile care nu sunt necesare de la indexare (profiluri de utilizator, de recuperare a parolei) în robots.txt. Dacă nu doriți să închideți nimic din motoarele de căutare face în continuare robots.txt indicând domeniul principal și harta site-ului.
Asigurați-un URL-uri "prietenoase" umane prietenoase (CNC), ele sunt aceleași SEF URL – motoarele de căutare URL-ul prietenos.
Nu uitați să faceți o hartă a site pentru persoanele din fomata pe harta site-ul HTML pentru motoarele de căutare în format sitemap.xml. Atunci când se formează cartela, puteți verifica simultan disponibilitatea tuturor imaginilor și link-uri către site-ul tau. După formarea cardului, plasează prioritatea cea mai mare (1.0), paginile pe care doriți să le promovați.
Creați miniatură a site-ului dvs. va aloca site-ul dvs., printre altele, în SERP.
Pentru ca site-ul sa fie popular , utilizatorii ar trebui să nu fie directionati numai prin intermediul motoarelor de căutare. Citiți despre cele mai frecvente greseli despre SEO si web-marketing sau bunele maniere în dezvoltarea și susținerea site-ului.
pagini de text redactat luând în considerare eventualele solicitări cheie. Acestea sunt cuvinte și expresii pe care oamenii pun adesea motoarele de căutare.
Selecție de cuvinte cheie:
Pentru site-urile in limba engleza este www.wordtracker.com
-semn de exclamare este plasat direct în fața a cuvântului cheie cu nici un spațiu pentru a seta forma exactă a cuvântului: compare "minciună" și "mincinoase" (de înaltă tensiune de comutație)
-un semn plus este plasat în fața părților oficiale ale vorbirii (prepozitii, particule și așa mai departe.), pentru a le integra cu forța într-o interogare de căutare compara "masina cu sofer +" si "+ masina fara sofer."
Dacă ați ales să promoveze interogări de joasă frecvență (NCHZ), care cer de până la 100 de ori pe lună, este de multe ori suficient pentru a scrie o pagină bună cu conținut unic, care va fi oameni cu adevărat interesant și vă aflați în partea de sus a tuturor motoarelor de căutare.
Alegerea de clasă medie și înaltă frecvență interogări (SCHZ și VChZ), trebuie să se gândească de două ori, iar dacă sunteți dispus să-și petreacă o mulțime de efort, timp și bani pentru optimizarea motorului de căutare pentru această solicitare, sau mai degrabă câteva elemente duzină de joasă frecvență, care pot fi cu ușurință în top.
MySQL
MySQL – este un sistem de management al bazelor de date.
O bază de date este o colecție structurată de date. Aceste date pot fi orice – dintr-o listă de cumpărături simplă la o listă de viitoare galerie de artă sau exponate vaste cantități de informații într-o rețea corporativă. Pentru înregistrarea, prelevarea de probe, precum și datele stocate într-o bază de date de calculator, aveți nevoie de un sistem de management al bazelor de date, care este programul MySQL. Din moment ce computerele sunt foarte bune la manipularea unor cantități mari de date, managementul bazelor de date joacă un rol central în calcul, un astfel de control poate fi pus în aplicare diferite – fie ca utilitati individuale, și sub formă de cod, o componentă a altor aplicații.
Cele mai vechi versiuni ale codului au fost create la începutul anilor '80. A fost un format de cod constant tabele ISAM, asigurând compatibilitatea cu versiunile anterioare. In vremuri de TCX, MySQL AB predecesorul, de la mijlocul anului 1986 cod MySQL a lucrat în proiecte fără nici o problemă. Dar când serverul MySQL a fost lansat pentru uz general, sa constatat că există câteva fragmente de „ cod netestat ''. Aceste fragmente au fost descoperite rapid de către utilizatori noi, care au fost interogări într-o formă ușor diferită decât noi.
Cu fiecare nouă versiune, numărul de probleme asociate cu toleranță, a scăzut (în ciuda faptului că există o mulțime de caracteristici noi în fiecare ediție).
MySQL – o bază de date relaționale sistem de management.
Într-o bază de date relațională, datele nu sunt stocate toate împreună, dar în tabele separate, și, astfel, un câștig în viteză și flexibilitate. Tabele sunt legate între ele prin intermediul unor relații, oferind astfel posibilitatea de a se uni cu datele de interogare din mai multe tabele. parte SQL a sistemului MySQL poate fi descris ca limbaj de interogare structurată, plus limbajul standardizat folosit cel mai frecvent pentru a avea acces la bazele de date.
Software-ul MySQL – acesta este un software open source.
Deschideți Source înseamnă că, oricine poate modifica si utiliza. Astfel de software pot fi obținute de pe Internet și folosite gratuit. In plus, fiecare utilizator poate studia codul sursă și il poate modifica pentru a se potrivi nevoilor dumneavoastră. Utilizarea software-ului MySQL este reglementată de licență GPL (GNU General Public License), http://www.gnu.org/licenses/, ceea ce indică faptul ce poate si ce nu poate face software-ul în diferite situații. În cazul în care GPL pe care nu le place sau au nevoie pentru a încorpora MySQL-cod într-o aplicație comercială, puteți cumpăra o versiune licențiată comercial al companiei MySQL AB
MySQL este foarte rapid, sigur și ușor de utilizat. În cazul în care aveți nevoie de aceste calități, încercați să lucreze cu acest server. MySQL are, de asemenea, o serie de caracteristici convenabile dezvoltate în strânsă cooperare cu utilizatorii.
Caracteristicile comparative ale MySQL și alte managementul bazelor de date sunt date privind testele noastre de performanță ale .
Initial MySQL server este proiectat pentru a gestiona baze de date mari, în scopul de a asigura o viteză mai mare de funcționare decât omologii existente la momentul respectiv. Și acum câțiva ani, acest server a fost folosit cu succes in medii industriale cu cerințe ridicate. În ciuda faptului că MySQL este în permanență îmbunătățit, ea oferă astăzi o gamă largă de funcții utile. Din cauza disponibilității sale, viteza și securitatea MySQL este foarte bine adaptat pentru accesarea bazelor de date de pe Internet.
ON MySQL este un sistem client-server care conține server-ul multi-threaded SQL care suportă diferite backend, precum și mai multe programe diferite de client și biblioteci, instrumente administrative, precum și o gamă largă de interfețe de programare a aplicațiilor (API). De asemenea, oferim MySQL Server ca o bibliotecă de mai multe fire care vă puteți conecta la cererea utilizatorului și pentru a obține un compact, mai rapid și mai ușor de a gestiona produsul.
Un sistem bazat pe privilegii și parole, oferind astfel flexibilitate și securitate, precum și cu posibilitatea de verificare de la un computer la distanță. Parolele sunt protejate, deoarece ei de transmisie prin conexiunea de rețea la serverul este criptat.
Scalabilitate și Restricții
Ea gestionează baze de date foarte mari. companie MySQL AB. foloseste MySQL pentru a lucra cu mai multe baze de date care conțin cel puțin 50 de milioane de înregistrări, în plus, noi știm de utilizatori care folosesc MySQL pentru a lucra cu 60.000 de tabele, se numără aproximativ 5000000000 rânduri.
Pentru fiecare tabel este permis să aibă până la 32 de indici. Fiecare index poate conține între 1 și 16 coloane sau părți ale coloanelor. Lățimea maximă a unui indice de 500 de biți (această valoare poate fi modificată atunci când compilarea MySQL). prefix al unui CHAR sau câmp VARCHAR pot folosi index.
efectuarea de conexiuni
Clienții pot conecta la MySQL, folosind socluri TCP / IP, prize de domeniu Unix sau conducte numite (tevi numite, sub NT).
Suportă ODBC (Open-database-Suport conectare) pentru Win32 (cu codul sursă). Toate ODBC 2.5 funcții și multe altele. De exemplu, pentru a se conecta la MySQL, puteți utiliza MS Access.
Serverul poate furniza mesaje de eroare clienților în diferite limbi
Suport complet pentru mai multe seturi de caractere diferite, inclusiv ISO-8859-1 (Latin1), germană, Big5, ujis si multe altele. De exemplu, caracterele scandinave sunt permise în numele tabelelor și coloanelor.
Pentru a stoca toate datele utilizate de setul de caractere selectat. Toate comparațiile pentru coloanele normale de coarde sunt efectuate sensibile la caz.
Sortarea se face în conformitate cu alfabetul ales (implicit este suedeză). Această setare poate fi modificată cu MySQL Server. Pentru un exemplu de sortare foarte competent, puteți face referire la codul pentru sortarea în limba cehă. MySQL acceptă mai multe seturi de caractere diferite, care pot fi specificate la compilare și în timpul rulării.
Clienți și instrumente
Include `myisamchk ', un utilitar foarte rapid pentru a verifica, optimiza, și tabele de reparații. Toată funcționalitatea myisamchk este de asemenea disponibil prin intermediul SQL-interfață.
MySQL VS PostgreSQL
MySQL este de obicei mult mai mare ca performanță decat PostgreSQL. Mai mult decât atât, MySQL 4.0 interogare cache-ul pus în aplicare. Acesta vă permite să crească foarte mult viteza de procesare de interogare pentru site-uri care domină de multe ori solicitări repetate de citire.
După numărul de utilizatori MySQL este, de asemenea, mult superioară față de PostgreSQL. Prin urmare, codul este testat cu mult mai meticulos și s-au dovedit empiric o fiabilitate mare decât în PostgreSQL. MySQL este net superior PostgreSQL, utilizate în producție, în principal, deoarece compania MySQL AB (anterior – TCX DataKonsult AB) oferăservicii de înaltă calitate, suport comercial MySQL de la introducerea acestui sistem pe piață, și PostgreSQL nu au detinut nici un suport.
MySQL se execută într-un mediu Windows mai bun decât PostgreSQL. MySQL Server ruleaza acum ca (nativ) Windows aplicație (NT / 2000 / XP – serviciu), în timp ce PostgreSQL este rulat în medii de emulare, Cygwin. Am auzit despre lipsa de stabilitate a PostgreSQL funcționează pe Windows, dar această informație singură până acum nu am putut verifica.
MySQL are un număr mare de API în alte limbi și este susținută de un număr mare de programe existente decât PostgreSQL.
MySQL ruleaza pe o serie de aplicații industriale extrem de fiabile 24/7 (a inclus 24 de ore pe zi, 7 zile pe săptămână). In cele mai multe cazuri, nu este necesara “curatarea” pentru a face în MySQL. PostgreSQL, de asemenea, nu poate sa lucreze în astfel de sisteme, așa cum uneori este necesar pentru a rula VACUUM .pentru a elibera ocupate UPDATE, și ȘTERGE spațiu comenzi de a efectua analize statistice necesare pentru PostgreSQL performanță maximă. A alerga VID este necesar și după fiecare adăugare la masa de mai multe coloane. La locul de muncă sisteme VID greu pentru a rula mai frecvent, în cele mai rele cazuri – de mai multe ori pe zi. Cu toate acestea, în PostgreSQL versiunea 7.2, funcțiile de bază ale acestui program nu mai determină în baza de date este blocat, iar utilizatorii pot continua să lucreze în mod normal, cu ea. O nouă comandă VACUUM FULL ia în serios acest caz, mai mult: ea, la fel ca în versiunile mai vechi, comprimă tabelul de blocuri și o copie a tabelului de pe disc.
MySQL replicare testate și utilizate în site-uri, cum ar fi perfect:
Yahoo Finance (http://finance.yahoo.com/)
Mobile.de (http://www.mobile.de/)
Slashdot (http://www.slashdot.org/)
MySQL pachet include două pachete de testare, mysql-test-run și (http://www.mysql.com/information/crash-me.php). Sistemul de testare este actualizată în mod constant, acesta adaugă cod pentru a testa toate noile caracteristici și bug-uri aproape toate reproductibile, care au venit în atenția noastră. Înainte de lansarea fiecărei noi versiuni, vom folosi aceste pachete pentru testul MySQL pe platforme multiple. testele noastre sunt cu mult superioare tuturor oportunităților care există în omologii PostgreSQL, și să furnizeze codul MySQL de înaltă calitate.
Cărți despre MySQL au iesit mult mai multe decat despre PostgreSQL. Cărți despre MySQL au fost lansate de editura O'Reilly, SAMS, Que și noi Riders. Toate caracteristicile MySQL sunt descrise în detaliu în documentație, deoarece aceasta este o condiție prealabilă pentru includerea de noi caracteristici în cod.
-MySQL suportă mai multe funcții ODBC standard, decât PostgreSQL.
-MySQL are o implementare mult mai puternică a ALTER TABLE.
-MySQL puteți crea tabele fără tranzacții, aveți nevoie de aplicații care necesită cea mai înaltă performanță posibilă. Aceste tabele pot fi stocate în memoria unui MyISAM tabele HEAP de tip disc sau pe bază.
-MySQL poate lucra cu două tabele de sprijin procesoare de tranzacții, și anume – InnoDB și BerkeleyDB. Din moment ce toate sistemele de suport de tranzacții în diferite medii de lucru în moduri diferite, acest lucru dă dezvoltatorului capacitatea de a găsi cea mai bună soluție pentru mediul în care va funcționa sistemul.
MERGE tabele îmbinare comanda vă oferă o oportunitate unică de a crea o reprezentare a unui set de tabele identice și să lucreze ca unul.
Capacitatea de a comprima numai tabele de lectură disponibile fără a anula acces direct la înregistrările lor crește performanța sistemului prin reducerea numărului de operații de citire de pe disc. Acest lucru este util mai ales când se face backup-ul.
Este posibil să se lucreze cu mai multe baze de date printr-o singură conexiune (desigur, în funcție de privilegiile utilizatorului).
Sistemul MySQL a fost dezvoltat încă de la început, bazat pe multi-threading, și PostgreSQL utilizează procese de comutare de context și accesul la date este mult mai rapid decât procesele individuale. Astfel, MySQL Server în aplicație multi-utilizator devine un avantaj bun în performanță, și, în plus, astfel încât MySQL Server administrează mult mai eficient avantajele oferite de a utiliza sistemul multiprocesor simetric (SMP).
MySQL Serverul are un mult mai puternic privilegii de sistem decât PostgreSQL. În timp ce PostgreSQL oferă doar INSERT privilegii SELECT și UPDATE / DELETE de pe bază sau tabel, MySQL oferă posibilitatea de a determina setul complet de diferite privilegii pe bază de date, tabel, și coloana. In plus, MySQL vă permite să setați privilegiile pentru combinațiile gazdă / utilizator.
MySQL foloseste un protocol de comunicare între client și server cu compresie a datelor, care crește performanța sistemului de comunicare.
Din câte știm noi, doar într-un sistem relațional de baze de date MySQL Server utilizează conceptul de „ handler table ''. Acest lucru creează oportunitatea de a lucra cu diferite tipuri de tabele de nivel scăzut de la MySQL de bază, fiecare tabel poate fi optimizat pentru caracteristicile de performanță diferite.
Toate tipurile de tabele în MySQL (cu excepția InnoDB) sunt puse în aplicare sub formă de fișiere (un tabel în fișierul), care facilitează foarte mult crearea de backup-uri, muta, șterge, și chiar crearea de legături simbolice între bazele de date și tabele, chiar dacă serverul este inoperant.
Disponibilitatea de utilități pentru a repara și optimiza tabelele MyISAM (tabelele de tip cele mai comune în MySQL). utilizarea sa este necesară numai în caz de deteriorare fizică a fișierului de date (de exemplu, din cauza unor defecțiuni hardware). Acesta vă permite să restaurați majoritatea datelor.
Din moment ce MySQL se bazează pe utilizarea de fluxuri ,dar încă nu funcționează corect în unele sisteme de operare, pentru a asigura o funcționare stabilă trebuie să utilizeze una dintre pachetele precompilate disponibile la http://www.mysql.com/downloads/
Blocare tabelele utilizate în tabele MyISAM care nu implică tranzacții, în multe cazuri, mai repede decât pagini de nivel bloc, rânduri sau de control al versiunii – Dezavantajul acestei abordări este că, dacă nu iau în considerare mecanismul de blocare a tabelelor, o interogare lung se poate bloca permanent. De obicei, acest efect poate fi evitată prin luarea de măsuri adecvate în momentul elaborării unei cereri.
Cu UDF (funcții definite de utilizator) pentru a extinde caracteristicile MySQL și pot fi completate cu SQL-funcții convenționale sau asociații ale acestora. Dar pentru a face acest lucru nu este atât de simplu, iar sistemul nu este la fel de flexibil în această privință.
Cu toate acestea, acest lucru a fost stabilit în MySQL 4.0.2 implementare UPDATE multitable și în MySQL 4.1 – folosind subinterogări. MySQL 4.0, puteți șterge simultan datele din mai multe tabele.
OpenCart
Opencart este un program web , o platforma gratuita si opensource pe care puteti creea un magazin online.
Ce trebuie sa am pentru a-mi putea creea un magazin online utilizand opencart?
Un domeniu (ex: http://www.oprit.ro ) si un cont de gazduire web pe un server Apache sau Windows IIS care sa indeplineasca urmatoarele conditii:
Sa aiba instalate: PHP 5+ , MySQL
Setari PHP: Register Globals: Off | Magic Quotes GPC: Off | File Uploads: On | Session Auto Start: Off
Extensii: MySQL: On | GD: On | cURL: On | ZIP: On
Cel mai bine este ca inaintea alegerii unui cont si a unei companii de gazduire , sa ii intrebati daca serviciile mentionate mai sus sunt disbonibile.
Instalarea OpenCart hosting – proceduri
Această procedură este destul de simplă și se desfășoară în mai multe etape:
Găsiti și descărcati versiunea corespunzătoare a distribuției, cele mai multe dintre toate – OpenCart 2. Instalarea diferitelor versiuni de practic identice în natură, astfel încât să puteți alege orice opțiune potrivită.
Decomprimă fișierul descărcat aveți nevoie de versiunea CMS, de exemplu, OpenCart 2. FTP Setarea Acest lucru ar trebui să fie deja făcut, deoarece după despachetarea trebuie să descărcați conținutul arhivei folosind FTP-Manager la folderul rădăcină gazdă. Dacă nu reușiți să configurați FTP, ar trebui să utilizați un remediu rapid, care poate fi găsit pe opencart.com.
La instalarea CMS pe un server Windows pentru a schimba permisiunile pe care le puteți utiliza în FTP Manager. Dacă instalați OpenCart pe Ubuntu, Linux și alte sisteme similare, ar trebui să utilizați-R comanda chmod 777 pentru fiecare dosar.
Crearea unei baze de date
Pentru a face acest lucru, conectați în panoul de control web hosting la "baze de date" și de a crea o nouă bază de date acolo. În acest caz, trebuie să specificați numele bazei de date, numele de utilizator și parola, și nu uitați să selectați codificarea UTF-8.
Instalare directă OpenCart ce gazduieste
Acum ar trebui să introduceți adresa site-ului în orice browser, iar dacă pașii anteriori au fost completate corect, acceptați acordul de licență și de a iniția instalarea.
Verificați dacă cerințele pentru găzduirea
La acest moment, programul de instalare se va verifica respectarea cerințelor gazdei CMS. În același caz, atunci când sunt depistate discrepanțe, trebuie fie schimbați gazdă, sau pentru a rezolva această problemă cu suportul său tehnic.
Notă – bază de date Access
După instalare, trebuie să specificați datele de acces CMS – numele bazei de date, numele de utilizator și parola. De asemenea, nu uitați să specificați numele de utilizator, parola, iar cutia poștală pentru a avea acces la panoul de control al site-ului.
Eliminarea dosarului "instala"
Se termină instalarea și configurarea ștergerea folderului cu distribuirea directorului de găzduire rădăcină OpenCart. Fără ea nu se poate merge la panoul de administrare al site-ului.
Cam acestia sunt pasi de urmat pentru a putea folosi o platforma OpenCart.
Macromedia Flash
Tehnologia Macromedia Flash de la compania a început să apara pe scară largă la sfârșitul anilor nouăzeci. De atunci și până în prezent este instrumentul cel mai flexibil pentru a crea animatii de pe Internet.
Întotdeauna au existat susținători înflăcărați și opozanți ai acestei tehnologii. Tehnologia Flash Pro-uri
Unul dintre principalele avantaje ale tehnologiei blițului a fost întotdeauna o animatie buna. Așa cum este aplicat la Internet în Flash sunt multe tehnologii concurente. În cazul în care imaginea de "viu" este furnizat pe site-ul web, în care fluture trebuie să zboare, nori plutesc, oamenii muta, sau ar trebui să fie un alt trafic, în cele mai multe cazuri, cel mai bine ar fi utilizarea blițului.
Atunci când un designer creează o animație obiect, acesta nu este obligat să atragă fiecare cadru, se spune pur și simplu computerul – Vreau un fluture a zburat de aici înflorituri, omul sa mutat picioarele ca și așa și așa mai departe. Desigur, pentru efectul deplin, trebuie să vă atragă mai întâi aceste mișcări, dar în viitor, puteți utiliza aceste obiecte în orice etapă, în mod independent. Iar pe animația pe computer vizitatorului vine doar ca un set de obiecte și reguli de circulație a acestora.
Una dintre cele mai puternice caracteristici ale programului Flash – Built-ActionScript limbaj de programare. A fost el un flash – elementele necesare pentru interactivitate ridicată. Acesta permite utilizatorului să interacționeze cu site-ul. De exemplu, creatorul de animație poate face caracterele în mișcare ecran în funcție de mișcările de utilizator mouse-ului. Desigur, posibilitățile de programare de animație nu sunt limitate la joc timp. Un exemplu al câmpului opus – Flash poate face în mod dinamic grafică complexă, pe baza datelor periodice, cum ar fi cotații bursiere sau statutul de orice sisteme industriale. Într-un cuvânt, să fie "live" de interfață pentru serviciile site-ului. Există un număr mare de site-uri frumoase interactive realizate in intregime in Flash.
Este imposibil să nu observați utilizarea de inserții audio și video în filme Flash. În cazul în care cinematice încă folosit puțin, pistele audio pentru filmul Flash este literalmente forțat să se trezească on-line. Cu toate sunetele de fundal care au fost disponibile pentru site-uri, fără culoare, care le-au primit cel mai răspândit este site-uri flash.
Oportunități nu sunt limitate. Cu acesta, puteți crea, de asemenea, programe individuale și înregistrări video regulate care vor rula pe orice calculator personal.
Astăzi, cele mai multe calculatoare au acces la internet si pot vizualiza site-uri web cu elemente Flash.
Tehnologia Contra Flash
Fiecare a moneda are două părți. In cazul acesta – problema limitării posibilităților de utilizare a acestuia.
Cea mai mare problemă este tehnologia – Flash Player – pentru ca utilizatorul sa poate vedea animația, sau să profite de interactivitate, un software special trebuie să fie instalat pe calculatorul său. Acest program este integrat în browser și permite elementelor flash site-ul de lucru sa ruleze.
Fără acest program, vizitatorul va vedea un spatiu gol în locul elementului flash.
În cazul obișnuit, în cazul în care site-ul vizitatorului Flash player nu este instalat, computerul va solicita să-l instaleze în momentul primei vizionare. Cu toate acestea, în ciuda simplitatatii procedurii, nu toată lumea poate face acest lucru . În companiile mari, administratorii de sistem, în general, interzic angajaților să instaleze pe computere desktop software suplimentar. Și, conform statisticilor, mai mult de jumătate din utilizatorii de Internet folosesc platforma la locul de muncă.
Oportunități mari sunt cu un mare apetit – și elementele de design ale creatorilor de site-uri flash, iar clienții nu doresc să fie limitate la abilități "normale". Aceasta conduce la faptul că elementele Flash ocupă adesea un volum în sute de kilobytes, iar în unele cazuri – câteva MB. Un dezavantaj, pe care il pot simți vizitatorii – insertii de culoare – de încărcare puternică a resurselor informatice. Această caracteristică este legată de punerea în aplicare a tehnologiei. Desigur, creatorii tehnologiei în mod constant luptă cu probleme similare, dar în momentul în care problemele descrise mai sus reprezinta posibilități foarte limitate ale utilizării Flash pe web.
De la apariția tehnologiei și, până de curând, una dintre cele mai frecvente utilizări ale Flash a fost navigarea site-ului.
Este logic ca, cu astfel de flexibilități oferit de flash, meniu interactiv frumos se face adesea pe această tehnologie. Pop-up butoane, efecte orbitoare, concepte originale – acest lucru a pus un site cu meniu flash cu un pas mai sus de restul.
În mod similar, rămâne opțiunea de utilizare a acestei tehnologii în bannere. Aici abordarea obiect și imagini vectoriale la flash-ul a permis să ia o poziție puternică. Dacă în viitorul apropiat va exista o tehnologie alternativă, acesta va fi construit pe aceleași principii.
De exemplu, pe harta orașului a marcat prezența sa. Atunci când treceți peste oraș, cu mouse-ul apare o listă de sucursale, oferă informații despre companie în acest oraș sau în cazul în care cardul are funcția de raportare, indicatorii de ramură companiei în regiune. Mulțumită animație lină și dezvoltarea limbajului de programare în Flash card se poate schimba scala, în funcție de acțiunile vizitatorului, care detaliază o anumită regiune, sau vice-versa, acoperind toate spațiile mari. Informații pot fi încărcate dinamic – acest lucru va permite vizitatorului să nu aștepte mai mult decât este necesar, și întotdeauna a se vedea date noi.
Încheiem cu o parte teoretică și dau câteva recomandări cu privire la utilizare.
1. Activați Flash în proiect doar dacă știi exact ce este indispensabil – multe lucruri pot fi făcute fără el.
2. Script-ul trebuie să se conformeze – Banner – acest “afis publicitar” nu este un film, iar site-ul – este comercial.
3. Nu cere imposibilul. Nu puteți cere de la un soft cea ce ati cere de la o productie cinematografica de Steven Spielberg sau efectele lui George Lucas.
4. Lăsați calea retragerii. Amintindu-i pe cei care au internet lent sau nu poate instala flash. Ei pot fi, de asemeni clienți.
WordPress
WordPress este o cunoscuta platforma de e-comerce pentru site-uri web, blog-uri și creativitatea.
Prima versiune a WordPress a revenit in 2003 si, treptat, a început să cucerească piața CMS, datorită ușurinței de blogging. Astăzi, WordPress este una dintre cele mai populare platforme de pe Internet. WordPress este scris în PHP / MySQL pachet popular și are o gamă largă de capabilități de administrare. Versiunile mai noi de WordPress merge destul de bine. Mulți furnizori de hosting oferă clienților lor un WordPress prestabilit.
Multe plug-in-uri oferă utilizatorilor săi cu opțiuni și setări, pe care le puteți personaliza plugin-ul. La fel ca și autorul plugin, aveți mai multe opțiuni pentru a pune în aplicare această funcție. Unul dintre ei – pentru a oferi utilizatorului posibilitatea de a modifica codul PHP, dar este incomod pentru majoritatea utilizatorilor. Mai mult decât opțiunea de obicei – pentru a crea o pagină specială în backend pentru a controla opțiuni specifice plug-in.
Primul pas în crearea propriul meniu administrativ – stabiliti care sistem aparține meniul WordPress. Cele mai multe plug-in-urile adaugă meniul lor la nivelul superior al meniului WordPress existent.
Cu plugin, utilizatori de meniu personalizat, au posibilitatea de a decide pentru ei înșiși dacă să luați plug-in meniul de nivel superior sau nu.
Funcții Admin Menu
Sub-meniuri
Odată ce aveți un meniu de nivel superior definit, sau au ales să utilizeze un meniu existent de nivel superior WordPress, sunteți gata să definiți unul sau mai multe pagini de sub-meniu folosind funcția add_submenu_page. Asigurați-vă că pentru a adăuga paginile submeniul în ordinea în care le doriți afișate.
add_submenu_page (părinte, PAGE_TITLE, menu_title, ACCESS_LEVEL / capacitate, fișier, [funcția]);
Valorile parametrilor:
Numele fișierului de bază WordPress fișierul admin care furnizează meniul de nivel superior în care doriți să inserați submeniul, sau fișierul plugin dacă acest submeniu se întâmplă într-un meniu de nivel superior personalizat. (Exemple: index.php, post.php, edit.php, themes.php, plugins.php, etc.)
page_title
Textul care va intra în titlul paginii HTML pentru pagina atunci când submeniul este activ.
menu_title
Pe ecran nume text pentru submeniul.
ACCESS_LEVEL / capacitate
Nivelul minim de utilizator sau capacitatea necesară pentru a afișa și de a folosi aceasta pagina submeniu.
Pentru meniuri WordPress existente, fișierul PHP care se ocupă de afișarea conținutului paginii meniului. Pentru submeniurile unui meniu de nivel superior personalizat, un identificator unic pentru această pagină sub-meniu.
În situațiile în care un plugin este crearea de meniu de nivel superior propriu-l, primul submeniu va avea în mod normal același titlu ca și link-ul din meniul de nivel superior și, prin urmare, link-ul va fi duplicat. Duplicatul Titlul link-ul poate fi evitată prin apelarea funcției add_submenu_page cu parametrii părinte și de fișiere fiind dat aceeași valoare.
Funcția care afișează conținutul paginii pentru pagina de meniu.Din punct de vedere tehnic, la fel ca în funcția add_menu_page, parametrul funcție este opțională, dar în cazul în care nu este furnizat, atunci WordPress va presupune în esență că, inclusiv fișierul PHP va genera ecranul de administrare, fără a apela o funcție. Cei mai mulți autori de plugin alege pentru a pune codul paginii generatoare într-o funcție în cadrul principal fișier lor plug-in.
Iată un exemplu rapid, care ilustrează modul în care pentru a insera o pagină de meniu de nivel superior și o pagină de sub-meniu, în cazul în care titlul de pe pagina de sub-meniu este diferită de pagina de nivel superior. În acest exemplu, "my_magic_function" este numele funcției care afișează prima pagină sub-meniu:
add_menu_page ( "Titlul paginii", "din titlu meniul de nivel superior", 8, __FILE__, 'my_magic_function');
add_submenu_page (__ FILE__, "Titlul paginii", "din titlu Sub-meniu", 8, __FILE__, 'my_magic_function');
Pentru meniul de opțiuni de nivel superior (consultați Crearea Opțiuni pagini pentru mai multe pe această temă)
add_options_page (PAGE_TITLE, menu_title, ACCESS_LEVEL / capacitate, fișier, [funcția]);
pentru Managementul
add_management_page (PAGE_TITLE, menu_title, ACCESS_LEVEL / capacitate, fișier, [funcția]);
pentru Prezentare
add_theme_page (PAGE_TITLE, menu_title, ACCESS_LEVEL / capacitate, fișier, [funcția]);
Deci, să presupunem că plugin-ul nostru are o opțiune numită mt_favorite_food, și că dorim să permită proprietarului site-ului pentru a introduce în mâncarea preferată lui / ei pe pagina option plugin . Functia de mt_options_page va trebui să introduceți un formular de introducere a datelor de pe ecran, pentru a permite acest lucru, și să proceseze, de asemenea, datele introduse. Aici este o funcție care face acest lucru:
// Mt_options_page () afișează conținutul paginii pentru submeniul Opțiuni de testare
Funcția mt_options_page () {
// Variabilele pentru numele câmpurilor și opțiunea
$ Opt_name = 'mt_favorite_food';
$ Hidden_field_name = 'mt_submit_hidden';
$ Data_field_name = 'mt_favorite_food';
// Citește în valoare a opțiunii existente din baza de date
$ Opt_val = get_option ($ opt_name);
// A se vedea dacă utilizatorul ne-a postat câteva informații
// Dacă au făcut, acest câmp ascuns va fi setat la 'Y'
în cazul în care ($ _POST [$ hidden_field_name] == 'Y') {
// Citește valoarea lor a postat
$ Opt_val = $ _POST [$ data_field_name];
// Salvați valoarea afisata in baza de date
update_option ($ opt_name, $ opt_val);
// Pune un mesaj de opțiuni actualizat pe ecran
?>
<Div class = "actualizat"> <p> <strong> <php _e ( "Opțiuni salvate. ',' Mt_trans_domain ') ?; ?> </ Strong> </ p> </ div>
<? PHP
}
// Acum afișa opțiunile ecranul de editare
echo '<div class = "wrap">';
// header
echo "<h2>". __ ( "Meniul Test Plugin Options ',' mt_trans_domain '). "</ H2>";
// Opțiuni forma
?>
<Form name = "Form1" metoda = "post" action = "<? Php echo str_replace ( '% 7E', '~', $ _SERVER [ 'REQUEST_URI']); ??>">
<Input type = "ascuns" name = "<? Php echo $ hidden_field_name; ??>" value = "Y">
<P> <php _e ( "Culoarea preferata:", 'mt_trans_domain') ;? ?>
<Input type = "text" name = "<? Php echo $ data_field_name; ??>" value = "<? Php echo $ opt_val; ??>" size = "20">
</ P> <hr />
<P class = "submit">
<Input type = "submit" name = "submit" value = "<? Php _e ( 'Actualizare Opțiuni', 'mt_trans_domain')?>" />
</ P>
</ Form>
</ Div>
<? PHP
}
WordPress funcțiile de administrare să aibă grijă de validare a utilizatorului, astfel încât nu trebuie să vă faceți griji cu privire la aceasta în funcția ta.
Exemplul Funcția de mai sus a fost internaționalizat – a se vedea secțiunea Internaționalizarea Scrierea unui Plugin pentru mai multe informații
Funcția procesează toate datele introduse înainte de a pune formularul de introducere a datelor de pe ecran, astfel încât noile valori vor fi afișate.
Magento
Ca si programele descrie mai sus si acesta Magento este o platforma care se poate utiliza in crearea unui magazin online.
Magento este un nou motor profesional, open source cu acces gratuit sistem de distribuție, de e-commerce. Magento oferă fără precedent flexibilitate și control. Magento este un produs gratuit disponibil pentru descărcare.
Magento include mai multe elemente diferite care definesc funcționalitatea, design-ul și site-ul de logica de afaceri.
Una dintre cele mai puternice caracteristici ale Magento este abilitatea de a gestiona web multiple site-uri și magazine pe un singur motor. Acest lucru permite proprietarilor de magazine pentru a gestiona magazinele situate pe diferite URL-adrese care afișează aceleași produse la diferite.
Site-ul este format din unul sau mai multe magazine, care au un comun informații pentru clienți – informații despre comenzi și coșuri. Acesta este un concept foarte larg, care pot fi luat pentru a să identifice nevoile specifice ale comercianților individuali.
Magazine
Magazinele pot fi instalate în diferite forme, dar amintiți-vă că în cazul în care acestea fac parte din în același loc, ele vor împărtăși anumite informații.
Moduri de vizualizare magazin
Modul de vizualizare este utilizat în principal pentru a afișa o varietate de limbi, astfel încât dacă doriți să aveți un magazin în care informațiile vor fi afișate în limba engleză și
Spaniolă, de exemplu, puteți crea un singur depozit și două puncte de vedere diferite cu privire la acest lucru.
Exemple de mai multe scenarii pentru a determina diferitele moduri de utilizare a site-ului și
magazinului;
1. Un site cu mai multe magazine
2. Două magazine cu două puncte de vedere în raport cu celălalt
3. Un site este un magazin și un mod de vizualizare in magazin.
Magento este construit pe Zend Framework, care garantează prin faptul că baza de cod va fi în siguranță și scalabile.
Cu ajutorul acestui cadru, Magento urmărește trei obiective esențiale:
1. Flexibilitate: Noi credem că fiecare decizie ar trebui să fie la fel de unica ca afacerea pe care o ruleaza fiecare utilizator.
2. Extinderea și retusarea: Separând codul principal setările Magento vă permite să personalizați cu ușurință sistemul, fără a pierde capacitatea de a face upgrade.
3. Viteza și de securitate: vizează maximizarea eficienței software-ului, care, de asemenea,
asigură funcționarea în condiții de siguranță a magazinului online.
Kernel-ul Magento conține toate funcțiile incluse în versiunea de descărcare.
Codul de bază este elaborat sau aprobat de o echipa de dezvoltare magento. Editarea fișierului de cod principal nu este recomandat, și va dezactiva posibilitatea de a actualiza Magento în viitor.
LOCAL – Setările locale Magento sunt disponibile numai pe copie locală a utilizatorului.
Extensia va fi plasata într-un folder local, astfel încât acestea să nu interfereze. Există diferite tipuri de extensii, care va lucra în paralel, dar ele vor fi în același director toate.
COMINITATEA – Informații comunitare (comentarii, etc.), La fel ca extensii locale, menținându-le separate de cele de cod Magento de bază, proprietarii de magazine se pot bucura de o mai buna funcționalitate, fără a aduce atingere posibilității de actualizare a versiunilor viitoare ale Magento.
EXPANSIUNEA – Unul sau mai multe fișiere arhivate împreună pentru a extinde funcționalitatea Magento.
Condiții stricte, interzic extensii pentru a face modificări codului de bază. Extensiile pot fi setate de la panoul de administrare, sau descărcați cu Magento.
Există 3 tipuri de bază de extensii:
Module – Modul de expansiune, care extinde caracteristicile și funcționalitatea Magento.
Interfața – este un set de teme care determină apariția și funcționalitatea magazinului. Interfața poate fi atribuită la un anumit nivel Magazin de la site-ul magazinului și prin panoul de administrare.
Sub rezerva – este orice combinație de model de aspect și / sau skin-uri fișier (e), care creează
percepția vizuală a magazinului. Magento este construit cu capacitatea de a încărca mai multe
proiecte o dată, și așa este caracterizată prin:
Teme implicite – Fiecare interfață vine cu o temă implicită, care este tema principală a interfeței. Când atribuiți o interfață pentru magazinul dvs., aplicația caută automat pentru acest subiect și il încarcă pe front-end. Pentru a personaliza designul magazinului tau, poti fie schimba subiectul sau crea un ordin personalizat pentru a completa șiîncărcați-l împreună cu tema implicită. Tema implicită trebuie să conțină toate layout-uri necesare si template-uri pentru a rula un magazin fără erori.
Interfață – colecția
Dispuneri – definește structura blocului
Template-uri – definește locația modulelor
Skin-uri – determină efecte, stiluri, și aspectul (imagini)
Teme non-implicite – tema de bază non-standard, pot conține un număr diferit de fișiere,
în funcție de nevoile dumneavoastră. Această temă este conceput pentru a crea un proiect temporar.
Prin crearea câtorva imagini și actualizarea unora din CSS, puteți transforma cu ușurință
magazinul dvs. de la un magazin simplu la oferte de sezon în ziua de Crăciun.
Să ne uităm la componentele temei:
layout-uri – machete sunt fișiere de bază XML care definesc structura blocurilor pentru
pagini diferite, precum și controlul asupra meta tag-uri și codificare de pagină
Șabloane – fișiere Șabloane phtml care conțin (X) HTML marcare și orice
etichete PHP necesare pentru a crea logica pentru prezentarea vizuală a informațiilor și
caracteristici.
PrestaShop
PrestaShop – Free platforma de e-commerce, prin care non-specialiști pot crea un magazin online complet functional fara cunostinte de programare serioase. Aplicația este distribuit de licențe pentru software open source putand fii îmbunătăți în mod constant de catre furnizorii de servicii și dezvoltatori privați în anumite limitele.
PrestaShop – sistem de comert electronic a fost creat de entuziaști care doresc să creeze un sistem mai bun management electronic magazine. Pentru a sprijini și echipa de dezvoltare a produsului din Paris PrestaShop a fost fondată în anul 2011. al doilea birou al grupului a fost deschis în același an, în Miami.
Sistemul sursă scris în PHP folosind sistemul Smarty șablon. Astăzi, PrestaShop este instalat pe 165000 servere la nivel mondial. Plățile PrestaShop LatCard – LatCard oferă integrare completă cu PrestaShop
PrestaShop de bază a sistemului în august 2007, este licențiat sub Software Open License. (Open source), ceea ce face posibilă utilizarea sistemului gratuit.
PrestaShop – produs simplu și intuitiv, cu o gamă largă de caracteristici tehnice. Sistemul permite companiilor să se dezvolte în fața unei concurențe puternice, indiferent de activitatea sau mărimea companiei.
Dezvoltatorii de sistem cred că misiunea lor a revoluționat lumea de e-commerce, prin crearea unui deschis și simplu, dar în același timp, sistemul de puternic, care va permite oricui, oriunde în lume, pentru a crea și menține un magazin online de succes este aproape gratuit.
Virtual PrestaShop Comunitatea are mai mult de 800.000 de membri,. PrestaShop sprijină zeci de limbi, inclusiv engleză și alte limbi.
Grup PrestaShop are o echipa mare de experți gata să ajute în orice moment. Disponibile în diferite pachete de sprijin comerciale, oferind clienților posibilitatea de a selecta pentru el.
Cel mai simplu și cel mai accesibil mod de a începe să luați plăți – un sistem de plăți LatCard. După integrarea și LatCard PrestaShop magazin online, clienții pot plăti pentru comenzi de carduri de plată Visa / Mastercard. magazin bazat pe integrarea PrestaShop cu sistemele bancare on-line (Swedbank, SEB, Cetatea de, Norvikbanka) este paralelă cu integrarea c via Visa / MasterCard.
App store bazat pe codul software PHP, precum și sistemul de baze de date utilizează MySQL. În plus față de platforma de bază și de template-uri standardizate de design magazin furnizori de software franceze încă de la începuturile în 2008, se bazează pe un sistem modular complet. Extensiile pentru prezentarea conținutului, a proiecta un magazin sau crearea de interfețe suplimentare prin utilizarea add-on-uri care pot fi ușor descărcate gratuit în furnizorul de magazin. Structura modulară permite angajaților individuali la compania dvs. gestiona toate elementele din magazinul online, fără a interfera cu viziunea lor asupra site-ului. Datorită designului intuitiv al software-ului, de la data de încărcare și factura prima poziție în magazin durează câteva minute, și introducerea unui magazin on-line în propunerea de hosting de multe ori se produce mai rapid decât în cazul sistemelor tradiționale de management al conținutului.
PrestaShop VS Magento
În prezent, industria de e-commerce oferă o mulțime de opțiuni și oportunități pentru dezvoltarea industriei de tranzacționare. Cu toate acestea, există două lider absolut, care a preluat pozitia de lider pe piață și au reușit să câștige încrederea și recunoașterea clienților din întreaga lume. Fie că vă place sau nu, dacă lucrează în industria de e-commerce, trebuie să recunoaștem – PrestaShop și Magento sunt cu mult înaintea concurenților lor în ceea ce privește funcționalitatea, numărul creat pe baza magazinelor lor online, o comunitate foarte mare de utilizatori și dezvoltatori. Și nu este un monopol, este o competiție.
Avantajele Magento
Sistemul de control al magazinelor on-line construit pe Magento cadru php, Zend Framework. Această structură modulară robustă, ceea ce face platforma mai flexibilă și scalabilă;
Sistemul oferă utilizatorilor libertate deplină în setările – abilitatea de a controla și de a gestiona magazin fără permisiune (trebuie să fie unele aptitudini de programare);
Magento – platforma puternica cu caracteristici built-in pentru SEO-promovare în motoarele de căutare populare;
Această funcționalitate face on-line coșul de cumpărături speciale si incomparabil cu alte platforme pentru e-commerce;
Magazin pe Magento este capabil să proceseze cantități mari de informații.
Avantajele PrestaShop
PrestaShop este ușor pentru a descărca și ușor de instalat software-ul pentru realizarea vânzărilor pe internet;
Platforma este ideală pentru întreprinderile mici și mijlocii. Aceasta este cea mai bună soluție pentru companiile tinere și întreprinderi. Folosind template-uri PrestaShop pentru gestionarea unui magazin online nu are nevoie de abilități de programare profunde, așa cum este cazul în Magento;
Platforma PrestaShop nu este pretențios la resurse de găzduire. Nu este nevoie de a utiliza un server dedicat (în Magento), pentru a arăta un magazin de mare viteză;
Sistemul dispune de suport tehnic, care rezolvă instantaneu orice probleme operationale cu magazinul online.
Unele aspecte ale popularității celor două sisteme, să trecem la capacitățile lor de proiectare, care va afecta cu siguranță potențialii clienți și contribuie la nivelul achizițiilor și a veniturilor de afaceri, respectiv.
Pentru începători în platforma de dezvoltare și management – integrarea facila a (biblioteca JavaScript pentru comoditatea de a lucra cu HTML și Java) jQuery;
Noi produse ca structura de magazin on-line mai clare și organizate;
Subsol simplu (subsol / subsol al site-ului) și dispunerea pe două coloane;
Abilitatea de a mări (zoom) a fiecărui produs pe site pentru controlul detaliilor și a pieselor;
Vânzarea încrucișată (cross-selling) și produse conexe de afișare pe pagina cu produsul selectat;
template-uri personalizabile și prietenos SEO Magento face magazinul on-line este extrem de eficiente și moderne.
Teme frumoase PrestaShop
După o astfel de reprezentare largă de caracteristici Magento, să vedem ce se poate argumenta PrestaShop:
Platforma este echipată cu posibilitatea de a căuta produse de pe site-ul de brand si de brand;
PrestaShop face posibila vizualizarea intregului catalog de produse pe o singură pagină;
Caracteristici cum ar fi vizualizare rapidă a coșului, finalizat tranzacții, informații despre producători.
Platforma inteligentă și Smarty-Șabloane
Este demn de remarcat faptul că Magento, PrestaShop și de a folosi Smarty-design. Smarty-template-uri sunt scrise în PHP și generarea unui conținut sub formă de etichete speciale, care sunt apoi prelucrate și înlocuite cu un alt cod.
O concluzie bună dintr-o scurtă trecere în revistă a două platforme mari pentru punerea în aplicare a vânzărilor vor fi cuvintele utilizatorilor de pe Internet si forumuri de specialitate, care au o experiență de management de sistem si și-au exprimat deja impresiile lor cu privire la aceasta. Sunt comentarii absolut imparțiale, pentru a ajuta la identificarea atât punctelor slabe și forte ale Magento si PrestaShop.
Joomla
Joomla – Content Management System (CMS), este scris în PHP și JavaScript, stocarea bazelor de date ca date MySQL si MSSQL. Acesta este un software gratuit distribuit sub licența GNU / GPL.
Numele Joomla a fost ales ca urmare a concurenței, rezultatele care este estimat de către experți în domeniul branding și marketing. Baza pentru numele a fost cuvântul "Jumla", care în swahili înseamnă "toți împreună" sau "ca un întreg", cât mai multe echipe participante la proiect Mambo CMS, au fost unanime în dorința lor de a proteja interesele creatorilor și comunității, care era adevărata mambo CMS cauza de succes.
Joomla încearcă să păstreze lucrurile cât mai simple posibil, în timp ce, în același timp, oferind mari oportunități. În cele din urmă, familiarizat cu oamenii de programare se poate obține un sistem complet pentru a gestiona site-urile lor, fără a cheltui fonduri excesive pentru software-ul sursă închisă.
Joomla CMS este o ramură a bine-cunoscut CMS Mambo. În luna august 2005, cea mai mare parte a echipei de dezvoltare CMS Mambo rupt departe de proiectul Mambo din cauza unui dezacord cu politica economică și planurile de dezvoltare a sistemului. Deja 16 septembrie 2005 a publicat prima versiune de Joomla!, Care a fost un Mambo redenumit 4.5.2.3 și conținea corecții detectate la momentul erorilor și a vulnerabilităților.
Dezvoltarea Joomla 1.0 a fost întrerupt în februarie 2008, iar suportul final de această versiune a fost finalizată la data de 1 iulie 2009. În locul versiunii 1.0 a fost lansat Joomla 1.5. Această versiune a fost produs în perioada decembrie 2007 până în martie 2012 și în aprilie 2012 sprijinul său a fost finalizat.
La sfârșitul anului 2011 începutul anului 2012 s-au lansat Joomla 1.6 și Joomla 1.7, care, în esență, este intermediară între versiunile Joomla 1.5 si Joomla 2.5.
În anul 2012 a fost lansat versiunea finală a Joomla 2.5, care a fost menținut în starea versiunii de suport pe termen lung, înainte de sfârșitul anului 2014.
Pana in prezent, sprijinit doar o versiune de CMS – Joomla 3 sistem cu un cicluri de actualizare continuă, care este o nouă revoluție în dezvoltarea Joomla! CMS.
DESCRIEREA, SCOPUL, ESENTA, SITEULUI
Acest site este un magazin online si este realizat pentru a promova prin intermediul internetului produsele comercializate. Am ales ca domeniu “Sisteme de supravegeher video” dar structura siteului ofera posibilitatea de a adauga si a comercializa produse in orice domeniu.
Acest site contin date si descrieri in domeniul sistemelor de securitate – mai exact documentatie despre produse, caracteristici, poze, preturi si detalii despre fiecare produs in parte.
CREAREA SITEUL
La inceput am decis sa creez un site in 3 limbi Romana, Engleza, Italiana nu foarte complicat in HTML rudimentar fara multe optiuni (cosul meu, login, baza de date pentru cautare…etc) in domeniul naval , si anume o carte de vizita in care erau descrise serviciile si oferta pentru a fi promovata si cunoscuta o X firma pe net.
Siteul avea 12 pagini in 3 limbi Romana, Engleza, Italiana si arata ceva de genul
avand cateva link-uri externe catre “Paza de coasta” si “Meteo” aceste link-uri accesandu-se diferit de pe pagina pe care te aflai din punct de vedere al limbi , de exemplu: daca erai pe pagina in limba romana si accesai link-ul “meteo” afisa starea vremii din Romanaia-Constanta , daca te aflai pe pagina in limba Italiana si accesai link-ul “Meteo” arata starea vremii din Italia-Roma.
Continand mai multe lini de cod prima pagina index (Home) , Servicii , Imagini si Contact pe care le prezit in continuare( si inca 8 pagini in 2 limbi diferite pe care am decis sa nu le afisez din lipsa de spatiu)
INDEX
“<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker V2">
<style type="text/css">
/*–––-Text Styles–––-*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*–––-Para Styles–––-*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!–
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//–>
</script>
<script language="javascript" type="text/javascript">
<!–
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>
<body>
<div id="roundrect1" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:0"><img border=0 src="images/roundrect77632399.gif"></div>
<div id="nav1" style="position:absolute; left:399px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav776324150a.gif',1)" href="Index.html"><img name="nav10" onLoad="MM_preloadImages('images/nav776324150a.gif')" alt="" border=0 src="images/nav776324150i.gif"></a></div>
<div id="nav1" style="position:absolute; left:547px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav776324151a.gif',1)" href="Servizi.html"><img name="nav11" onLoad="MM_preloadImages('images/nav776324151a.gif')" alt="" border=0 src="images/nav776324151i.gif"></a></div>
<div id="nav1" style="position:absolute; left:695px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav776324152a.gif',1)" href="Imagini.html"><img name="nav12" onLoad="MM_preloadImages('images/nav776324152a.gif')" alt="" border=0 src="images/nav776324152i.gif"></a></div>
<div id="nav1" style="position:absolute; left:843px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav776324153a.gif',1)" href="Contatti.html"><img name="nav13" onLoad="MM_preloadImages('images/nav776324153a.gif')" alt="" border=0 src="images/nav776324153i.gif"></a></div>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1286px; height:1065px; z-index:2"><img src="images/c4.jpg" border=0 width=1286 height=1065></div>
<div id="image2" style="position:absolute; overflow:hidden; left:159px; top:4px; width:167px; height:79px; z-index:3"><img src="images/Sigla1.jpg" border=0 width=167 height=79></div>
<div id="slideshow1" style="position:absolute; overflow:hidden; left:304px; top:354px; width:782px; height:427px; z-index:4">
<script type="text/javascript">
var swf_width=782
var swf_height=427
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="images/bcastr31.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="bcastr_xml_url=images/slideshow77632446.xml&AutoPlayTime=2&TitleBgColor=0xFFFF00">');
document.write('<embed src="images/bcastr31.swf" wmode="opaque" FlashVars="bcastr_xml_url=images/slideshow77632446.xml&AutoPlayTime=2&TitleBgColor=0xFFFF00"'+' menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
</div>
<div id="marquee1" style="position:absolute; overflow:hidden; left:153px; top:105px; width:1016px; height:25px; z-index:5">
<marquee width="1016" height="25">
<div class="wpmd">
<div><font class="ws14" color="#000000" face="Verdana">Super oferta la achizitionarea unei barci se asigura revizie 3 ani gratuit</font></div>
</div></marquee>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:483px; top:7px; width:395px; height:29px; z-index:6"><div class="wpmd">
<div><font class="ws14" face="Verdana">Contactati-ne Catalin +39 380 149 1669</font></div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:27px; top:159px; width:105px; height:24px; z-index:7"><div class="wpmd">
<div><font class="ws14" color="#000080" face="Verdana"><B>Link-uri Utile</B></font></div>
</div></div>
<div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:130px; height:134px; z-index:8">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>
<div id="text3" style="position:absolute; overflow:hidden; left:5px; top:192px; width:162px; height:24px; z-index:9"><a href="http://www.politiadefrontiera.ro/organizare/garda_coasta.php"><div class="wpmd">
<div><font class="ws14" face="Verdana">Paza de coasta</font></div>
</div></a></div>
<div id="text4" style="position:absolute; overflow:hidden; left:7px; top:228px; width:136px; height:23px; z-index:10"><a href="http://www.timeanddate.com/weather/romania/constanta/ext"><div class="wpmd">
<div align=center><font class="ws14" face="Verdana">Meteo</font></div>
</div></a></div>
<div id="roundrect2" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:11"><img border=0 src="images/roundrect77645379.gif"></div>
<div id="nav2" style="position:absolute; left:399px; top:51px; z-index:12"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav776527580a.gif',1)" href="Acasa.html"><img name="nav20" onLoad="MM_preloadImages('images/nav776527580a.gif')" alt="" border=0 src="images/nav776527580i.gif"></a></div>
<div id="nav2" style="position:absolute; left:547px; top:51px; z-index:12"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav776527581a.gif',1)" href="Servicii.html"><img name="nav21" onLoad="MM_preloadImages('images/nav776527581a.gif')" alt="" border=0 src="images/nav776527581i.gif"></a></div>
<div id="nav2" style="position:absolute; left:695px; top:51px; z-index:12"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav776527582a.gif',1)" href="Imaginy.html"><img name="nav22" onLoad="MM_preloadImages('images/nav776527582a.gif')" alt="" border=0 src="images/nav776527582i.gif"></a></div>
<div id="nav2" style="position:absolute; left:843px; top:51px; z-index:12"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav776527583a.gif',1)" href="Contact.html"><img name="nav23" onLoad="MM_preloadImages('images/nav776527583a.gif')" alt="" border=0 src="images/nav776527583i.gif"></a></div>
<div id="image3" style="position:absolute; overflow:hidden; left:1099px; top:34px; width:28px; height:21px; z-index:13"><a href="Acasa.html"><img src="images/Rm.jpg" border=0 width=28 height=21></a></div>
<div id="image4" style="position:absolute; overflow:hidden; left:1061px; top:34px; width:31px; height:22px; z-index:14"><a href="Home.html"><img src="images/Gb.jpg" border=0 width=31 height=22></a></div>
<div id="image5" style="position:absolute; overflow:hidden; left:1019px; top:34px; width:31px; height:22px; z-index:15"><a href="Index.html"><img src="images/It.jpg" border=0 width=31 height=22></a></div>
</body>
</html>
SERVICII
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker V2">
<style type="text/css">
/*–––-Text Styles–––-*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*–––-Para Styles–––-*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!–
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//–>
</script>
<script language="javascript" type="text/javascript">
<!–
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>
<body>
<div id="roundrect1" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:0"><img border=0 src="images/roundrect78979702.gif"></div>
<div id="nav1" style="position:absolute; left:399px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav789797020a.gif',1)" href="Index.html"><img name="nav10" onLoad="MM_preloadImages('images/nav789797020a.gif')" alt="" border=0 src="images/nav789797020i.gif"></a></div>
<div id="nav1" style="position:absolute; left:547px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav789797021a.gif',1)" href="Servizi.html"><img name="nav11" onLoad="MM_preloadImages('images/nav789797021a.gif')" alt="" border=0 src="images/nav789797021i.gif"></a></div>
<div id="nav1" style="position:absolute; left:695px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav789797022a.gif',1)" href="Imagini.html"><img name="nav12" onLoad="MM_preloadImages('images/nav789797022a.gif')" alt="" border=0 src="images/nav789797022i.gif"></a></div>
<div id="nav1" style="position:absolute; left:843px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav789797023a.gif',1)" href="Contatti.html"><img name="nav13" onLoad="MM_preloadImages('images/nav789797023a.gif')" alt="" border=0 src="images/nav789797023i.gif"></a></div>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1286px; height:1065px; z-index:2"><img src="images/c4.jpg" border=0 width=1286 height=1065></div>
<div id="image2" style="position:absolute; overflow:hidden; left:159px; top:4px; width:167px; height:79px; z-index:3"><img src="images/Sigla1.jpg" border=0 width=167 height=79></div>
<div id="marquee1" style="position:absolute; overflow:hidden; left:153px; top:105px; width:1016px; height:25px; z-index:4">
<marquee width="1016" height="25">
<div class="wpmd">
<div><font class="ws14" color="#000000" face="Verdana">Super oferta la achizitionarea unei barci se asigura revizie 3 ani gratuit</font></div>
</div></marquee>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:483px; top:7px; width:395px; height:29px; z-index:5"><div class="wpmd">
<div><font class="ws14" face="Verdana">Contactati-ne Catalin +39 380 149 1669</font></div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:27px; top:159px; width:105px; height:24px; z-index:6"><div class="wpmd">
<div><font class="ws14" color="#000080" face="Verdana"><B>Link-uri Utile</B></font></div>
</div></div>
<div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:130px; height:134px; z-index:7">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>
<div id="text3" style="position:absolute; overflow:hidden; left:5px; top:192px; width:162px; height:24px; z-index:8"><a href="http://www.politiadefrontiera.ro/organizare/garda_coasta.php"><div class="wpmd">
<div><font class="ws14" face="Verdana">Paza de coasta</font></div>
</div></a></div>
<div id="text4" style="position:absolute; overflow:hidden; left:7px; top:228px; width:136px; height:23px; z-index:9"><a href="http://www.timeanddate.com/weather/romania/constanta/ext"><div class="wpmd">
<div align=center><font class="ws14" face="Verdana">Meteo</font></div>
</div></a></div>
<div id="roundrect2" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:10"><img border=0 src="images/roundrect78979827.gif"></div>
<div id="nav2" style="position:absolute; left:399px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav789798270a.gif',1)" href="Acasa.html"><img name="nav20" onLoad="MM_preloadImages('images/nav789798270a.gif')" alt="" border=0 src="images/nav789798270i.gif"></a></div>
<div id="nav2" style="position:absolute; left:547px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav789798271a.gif',1)" href="Servicii.html"><img name="nav21" onLoad="MM_preloadImages('images/nav789798271a.gif')" alt="" border=0 src="images/nav789798271i.gif"></a></div>
<div id="nav2" style="position:absolute; left:695px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav789798272a.gif',1)" href="Imaginy.html"><img name="nav22" onLoad="MM_preloadImages('images/nav789798272a.gif')" alt="" border=0 src="images/nav789798272i.gif"></a></div>
<div id="nav2" style="position:absolute; left:843px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav789798273a.gif',1)" href="Contact.html"><img name="nav23" onLoad="MM_preloadImages('images/nav789798273a.gif')" alt="" border=0 src="images/nav789798273i.gif"></a></div>
<div id="image3" style="position:absolute; overflow:hidden; left:1099px; top:34px; width:28px; height:21px; z-index:12"><a href="Acasa.html"><img src="images/Rm.jpg" border=0 width=28 height=21></a></div>
<div id="image4" style="position:absolute; overflow:hidden; left:1061px; top:34px; width:31px; height:22px; z-index:13"><a href="Home.html"><img src="images/Gb.jpg" border=0 width=31 height=22></a></div>
<div id="image5" style="position:absolute; overflow:hidden; left:1019px; top:34px; width:31px; height:22px; z-index:14"><a href="Index.html"><img src="images/It.jpg" border=0 width=31 height=22></a></div>
</body>
</html>
IMAGINI
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker V2">
<style type="text/css">
/*–––-Text Styles–––-*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*–––-Para Styles–––-*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!–
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//–>
</script>
<script language="javascript" type="text/javascript">
<!–
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>
<body>
<div id="roundrect1" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:0"><img border=0 src="images/roundrect78984008.gif"></div>
<div id="nav1" style="position:absolute; left:399px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav789840230a.gif',1)" href="Index.html"><img name="nav10" onLoad="MM_preloadImages('images/nav789840230a.gif')" alt="" border=0 src="images/nav789840230i.gif"></a></div>
<div id="nav1" style="position:absolute; left:547px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav789840231a.gif',1)" href="Servizi.html"><img name="nav11" onLoad="MM_preloadImages('images/nav789840231a.gif')" alt="" border=0 src="images/nav789840231i.gif"></a></div>
<div id="nav1" style="position:absolute; left:695px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav789840232a.gif',1)" href="Imagini.html"><img name="nav12" onLoad="MM_preloadImages('images/nav789840232a.gif')" alt="" border=0 src="images/nav789840232i.gif"></a></div>
<div id="nav1" style="position:absolute; left:843px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav789840233a.gif',1)" href="Contatti.html"><img name="nav13" onLoad="MM_preloadImages('images/nav789840233a.gif')" alt="" border=0 src="images/nav789840233i.gif"></a></div>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1286px; height:1065px; z-index:2"><img src="images/c4.jpg" border=0 width=1286 height=1065></div>
<div id="image2" style="position:absolute; overflow:hidden; left:159px; top:4px; width:167px; height:79px; z-index:3"><img src="images/Sigla1.jpg" border=0 width=167 height=79></div>
<div id="marquee1" style="position:absolute; overflow:hidden; left:153px; top:105px; width:1016px; height:25px; z-index:4">
<marquee width="1016" height="25">
<div class="wpmd">
<div><font class="ws14" color="#000000" face="Verdana">Super oferta la achizitionarea unei barci se asigura revizie 3 ani gratuit</font></div>
</div></marquee>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:483px; top:7px; width:395px; height:29px; z-index:5"><div class="wpmd">
<div><font class="ws14" face="Verdana">Contactati-ne Catalin +39 380 149 1669</font></div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:27px; top:159px; width:105px; height:24px; z-index:6"><div class="wpmd">
<div><font class="ws14" color="#000080" face="Verdana"><B>Link-uri Utile</B></font></div>
</div></div>
<div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:130px; height:134px; z-index:7">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>
<div id="text3" style="position:absolute; overflow:hidden; left:5px; top:192px; width:162px; height:24px; z-index:8"><a href="http://www.politiadefrontiera.ro/organizare/garda_coasta.php"><div class="wpmd">
<div><font class="ws14" face="Verdana">Paza de coasta</font></div>
</div></a></div>
<div id="text4" style="position:absolute; overflow:hidden; left:7px; top:228px; width:136px; height:23px; z-index:9"><a href="http://www.timeanddate.com/weather/romania/constanta/ext"><div class="wpmd">
<div align=center><font class="ws14" face="Verdana">Meteo</font></div>
</div></a></div>
<div id="roundrect2" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:10"><img border=0 src="images/roundrect78984055.gif"></div>
<div id="nav2" style="position:absolute; left:399px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav789840700a.gif',1)" href="Acasa.html"><img name="nav20" onLoad="MM_preloadImages('images/nav789840700a.gif')" alt="" border=0 src="images/nav789840700i.gif"></a></div>
<div id="nav2" style="position:absolute; left:547px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav789840701a.gif',1)" href="Servicii.html"><img name="nav21" onLoad="MM_preloadImages('images/nav789840701a.gif')" alt="" border=0 src="images/nav789840701i.gif"></a></div>
<div id="nav2" style="position:absolute; left:695px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav789840702a.gif',1)" href="Imaginy.html"><img name="nav22" onLoad="MM_preloadImages('images/nav789840702a.gif')" alt="" border=0 src="images/nav789840702i.gif"></a></div>
<div id="nav2" style="position:absolute; left:843px; top:51px; z-index:11"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav789840703a.gif',1)" href="Contact.html"><img name="nav23" onLoad="MM_preloadImages('images/nav789840703a.gif')" alt="" border=0 src="images/nav789840703i.gif"></a></div>
<div id="image6" style="position:absolute; overflow:hidden; left:95px; top:252px; width:355px; height:253px; z-index:12"><img src="images/1011.jpg" border=0 width=355 height=253></div>
<div id="image7" style="position:absolute; overflow:hidden; left:450px; top:251px; width:364px; height:256px; z-index:13"><img src="images/7011.jpg" border=0 width=364 height=256></div>
<div id="image8" style="position:absolute; overflow:hidden; left:813px; top:250px; width:393px; height:258px; z-index:14"><img src="images/8011.jpg" border=0 width=393 height=258></div>
<div id="image9" style="position:absolute; overflow:hidden; left:94px; top:505px; width:357px; height:252px; z-index:15"><img src="images/6011.jpg" border=0 width=357 height=252></div>
<div id="image10" style="position:absolute; overflow:hidden; left:450px; top:505px; width:365px; height:253px; z-index:16"><img src="images/3011.jpg" border=0 width=365 height=253></div>
<div id="image11" style="position:absolute; overflow:hidden; left:814px; top:506px; width:394px; height:253px; z-index:17"><img src="images/2011.jpg" border=0 width=394 height=253></div>
<div id="image12" style="position:absolute; overflow:hidden; left:235px; top:757px; width:417px; height:306px; z-index:18"><img src="images/4011.jpg" border=0 width=417 height=306></div>
<div id="image13" style="position:absolute; overflow:hidden; left:652px; top:757px; width:443px; height:306px; z-index:19"><img src="images/5011.jpg" border=0 width=443 height=306></div>
<div id="image3" style="position:absolute; overflow:hidden; left:1099px; top:34px; width:28px; height:21px; z-index:20"><a href="Acasa.html"><img src="images/Rm.jpg" border=0 width=28 height=21></a></div>
<div id="image4" style="position:absolute; overflow:hidden; left:1061px; top:34px; width:31px; height:22px; z-index:21"><a href="Home.html"><img src="images/Gb.jpg" border=0 width=31 height=22></a></div>
<div id="image5" style="position:absolute; overflow:hidden; left:1019px; top:34px; width:31px; height:22px; z-index:22"><a href="Index.html"><img src="images/It.jpg" border=0 width=31 height=22></a></div>
</body>
</html>
CONTACT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker V2">
<style type="text/css">
/*–––-Text Styles–––-*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*–––-Para Styles–––-*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!–
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//–>
</script>
<script language="javascript" type="text/javascript">
<!–
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>
<body>
<div id="roundrect1" style="position:absolute; overflow:hidden; left:130px; top:85px; width:1055px; height:10px; z-index:0"><img border=0 src="images/roundrect77144491.gif"></div>
<div id="nav1" style="position:absolute; left:400px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav771445060a.gif',1)" href="Index.html"><img name="nav10" onLoad="MM_preloadImages('images/nav771445060a.gif')" alt="" border=0 src="images/nav771445060i.gif"></a></div>
<div id="nav1" style="position:absolute; left:548px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav771445061a.gif',1)" href="Servizi.html"><img name="nav11" onLoad="MM_preloadImages('images/nav771445061a.gif')" alt="" border=0 src="images/nav771445061i.gif"></a></div>
<div id="nav1" style="position:absolute; left:696px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav771445062a.gif',1)" href="Imagini.html"><img name="nav12" onLoad="MM_preloadImages('images/nav771445062a.gif')" alt="" border=0 src="images/nav771445062i.gif"></a></div>
<div id="nav1" style="position:absolute; left:844px; top:51px; z-index:1"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav771445063a.gif',1)" href="Contatti.html"><img name="nav13" onLoad="MM_preloadImages('images/nav771445063a.gif')" alt="" border=0 src="images/nav771445063i.gif"></a></div>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:1286px; height:1065px; z-index:2"><img src="images/c4.jpg" border=0 width=1286 height=1065></div>
<div id="image2" style="position:absolute; overflow:hidden; left:160px; top:4px; width:167px; height:79px; z-index:3"><img src="images/Sigla1.jpg" border=0 width=167 height=79></div>
<div id="marquee1" style="position:absolute; overflow:hidden; left:154px; top:105px; width:1016px; height:25px; z-index:4">
<marquee width="1016" height="25">
<div class="wpmd">
<div><font class="ws14" color="#000000" face="Verdana">Offre per l'acquisto di una barca di tre anni per garantire senza manutenzione</font></div>
</div></marquee>
</div>
<div id="text2" style="position:absolute; overflow:hidden; left:28px; top:159px; width:105px; height:24px; z-index:5"><div class="wpmd">
<div><font class="ws14" color="#000080" face="Verdana"><B>Link Utili</B></font></div>
</div></div>
<div id="html1" style="position:absolute; overflow:hidden; left:1px; top:0px; width:130px; height:134px; z-index:6">
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-183.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></div>
<div id="text3" style="position:absolute; overflow:hidden; left:6px; top:192px; width:162px; height:24px; z-index:7"><a href="http://www.guardiacostiera.it"><div class="wpmd">
<div><font class="ws14" face="Verdana">Guardia costiera</font></div>
</div></a></div>
<div id="text4" style="position:absolute; overflow:hidden; left:8px; top:228px; width:161px; height:23px; z-index:8"><a href="http://www.meteoindiretta.it/webcam-ostia-0.php"><div class="wpmd">
<div><font class="ws14" face="Verdana">Meteo in diretta</font></div>
</div></a></div>
<div id="roundrect2" style="position:absolute; overflow:hidden; left:129px; top:85px; width:1055px; height:10px; z-index:9"><img border=0 src="images/roundrect77237109.gif"></div>
<div id="nav2" style="position:absolute; left:399px; top:51px; z-index:10"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav772371240a.gif',1)" href="Index.html"><img name="nav20" onLoad="MM_preloadImages('images/nav772371240a.gif')" alt="" border=0 src="images/nav772371240i.gif"></a></div>
<div id="nav2" style="position:absolute; left:547px; top:51px; z-index:10"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav772371241a.gif',1)" href="Servizi.html"><img name="nav21" onLoad="MM_preloadImages('images/nav772371241a.gif')" alt="" border=0 src="images/nav772371241i.gif"></a></div>
<div id="nav2" style="position:absolute; left:695px; top:51px; z-index:10"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav772371242a.gif',1)" href="Imagini.html"><img name="nav22" onLoad="MM_preloadImages('images/nav772371242a.gif')" alt="" border=0 src="images/nav772371242i.gif"></a></div>
<div id="nav2" style="position:absolute; left:843px; top:51px; z-index:10"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav772371243a.gif',1)" href="Contatti.html"><img name="nav23" onLoad="MM_preloadImages('images/nav772371243a.gif')" alt="" border=0 src="images/nav772371243i.gif"></a></div>
<div id="text1" style="position:absolute; overflow:hidden; left:522px; top:7px; width:344px; height:29px; z-index:11"><div class="wpmd">
<div><font class="ws14" face="Verdana">Contatti Catalin +39 380 149 1669</font></div>
</div></div>
<div id="image3" style="position:absolute; overflow:hidden; left:1099px; top:34px; width:28px; height:21px; z-index:12"><a href="Acasa.html"><img src="images/Rm.jpg" border=0 width=28 height=21></a></div>
<div id="image4" style="position:absolute; overflow:hidden; left:1061px; top:34px; width:31px; height:22px; z-index:13"><a href="Home.html"><img src="images/Gb.jpg" border=0 width=31 height=22></a></div>
<div id="image5" style="position:absolute; overflow:hidden; left:1019px; top:34px; width:31px; height:22px; z-index:14"><a href="Index.html"><img src="images/It.jpg" border=0 width=31 height=22></a></div>
</body>
</html>
acest site a avut o viata foarte scurta – la o prezentare sumara domnului indrumator Profesor universitar dr. Grigore Albeanu – Decan – acesta mi-a propus o provocare , si anume ceva mai complex si mai complicat si anume un magazin online creat in Msql si PHP cu interogare a bazei de date la cautare si alte posibilitati oferite de aceste platforme.
Am decis ca noul site sa fie in domeniul sistemelor de securitate ;
-Sisteme supraveghere video;
-Camere IP;
-Control acces;
-DVR;
-Sisteme de alarma;
Am decis sa lucrez la acest site la inceput informandu-ma pe net si la prieteni despre anumite comenzi , dupa care am inceput sa progresez din punct de vedere al cunostintelor in domeniul WEBDESIGN si intr-un final am reusit sa creez acest proiect, respectiv site-ul online pe care il voi prezenta in paginile ce urmeaza.
In continuare voi atasa cateva pagini din acesc site si codul sursa al respectivelor pagini.
Acasa
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<p>Asta e textul ala cu bine ati venit pe site-ul asta bla bla bla</p>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Camere de supraveghere
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=1>Camera de supraveghere de exterior AHD NEO-HD36B-720P</a></b><br>
<img src="./poze/11.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">- Protectie camera: exterior
– Tip carcasa: carcasa metalica
– Senzor imagine: 1/4" OV9712 + NEXTCHIP 2431H 1.0 Megapixel
– DSP: CMOS
– Rezolutie: 1200 linii TV (720p digital)
– Lentila: 3.6mm
– Iluminare minima necesara: 0.001 Lux
– Iesire video: BNC (1.0 Vp-p, 75Ω)
– Iluminare noapte cu Infrarosu: 36 l…<a href=index.php?prod=1>(continuare)</a></p>
Pret: <b>157 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=2>Camera video rotativa de interior si exterior cu functie PAN (rotire pe orizontala).</a></b><br>
<img src="./poze/12.JPG" height=100 width=100 id=twrap>
<p style="font-size:12px;">Rotire automata sau manuala Stanga / Dreapta.
Rezistenta la intemperii.
Camera functioneaza numai cu sistemul de comanda inclus, nu poate fi comandata prin intermediul altor sisteme (DVR, computer, etc.).
Specificatii:
Senzor imagine: 1/4" SHARP CCD
Lentila: 3,6mm
Rezolutie: 420 linii TV
Iluminare minima: 0.8L…<a href=index.php?prod=2>(continuare)</a></p>
Pret: <b>357 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=3>Camera ASRock SK928-1200B</a></b><br>
<img src="./poze/13.JPG" height=100 width=100 id=twrap>
<p style="font-size:12px;">Camera supraveghere varifocala de exterior rezistenta la apa, cu zoom manual 2.8-12mm, 1200TVL, senzor 1/3" SONY 1.4MP CMOS, carcasa metalica, cu suport.
Caracteristici:
– 1/3" CMOS Sony , sistem PAL
– carcasa metalica
– leduri IR 72
– bataie tun IR aprox 60 m
– lentila varifocala: 2.8-12 mm
– zoom manual
– r…<a href=index.php?prod=3>(continuare)</a></p>
Pret: <b>257 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Camere ascunse
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=10>Ceas de mana sport</a></b><br>
<img src="./poze/31.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Ceas de mana sport, waterproof, cu camera video. Inregistrare audio si video. Memorie interna: 8Gb. Design modern, calitate premium a finisarii, poate fi purtat la orice ocazie. Curea din cauciuc cu cusatura rosie.
Ceasul functioneaza normal si poate fi purtat tot timpul astfel veti putea in orice moment sa porniti in…<a href=index.php?prod=10>(continuare)</a></p>
Pret: <b>379 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=11>Ceas de birou cu camera video.</a></b><br>
<img src="./poze/32.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">. Autonomie mare a acumulatorului: pana la 12 ore! Functie de fotografiere. Telecomanda inclusa.
Caracteristici:
Inregistrare audio si video
Poate inregistra doar audio.
Telecomanda inclusa.
Autonomie acumulator: pana la 12 ore (inregistrare video), pana la 25 ore (inregistrare audio)
Raza de actiune telecomand…<a href=index.php?prod=11>(continuare)</a></p>
Pret: <b>290 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=12>Ceas de Birou Oglinda cu Camera Ascunsa SPYMIRCLKCAM</a></b><br>
<img src="./poze/33.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Intodeauna camerele si microfoanele ascunse isi vor gasi utilitatea atunci cand doriti sa monitorizati sau sa va asigurati ca aveti dovezile necesare pentru a va sustine cauza.
Ceas de birou oglinda cu camera ascunsa si senzor de miscare incorporat va poate veni in ajutor cand va asteptati mai putin.
Caracteristici:
…<a href=index.php?prod=12>(continuare)</a></p>
Pret: <b>389 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Camere IP
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=13>Camera actiune Ochelari de Soare 100 Rollei</a></b><br>
<img src="./poze/41.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Full HD cu unghiul de vizulaizare de 63 de grade
– Aceste lentile de actiune rezistente la stropi erau special concepute pentru iubitorii de activita?i de aer liber ?i sport, pentru ainregistra actiunea lor rapid si usor
– Cu rezolutie video Full HD (1920×1080/30fps)
– Senzor CMOS de 5 megapixeli
-inregistrarea a…<a href=index.php?prod=13>(continuare)</a></p>
Pret: <b>589 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=14>IP cu inregistrare pe card AKU 03 WIFI, IR pana in 10 m</a></b><br>
<img src="./poze/42.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Camera foloseste un filtru IR – Cut. Lumina de la infrarosu este filtrata in asa fel incat sa nu denatureze culorile si imaginile, deoarece ochiul le vede. Cand camera este in modul noapte (alb si negru), filtrul IR este indepartat, permitand camerei sa aiba o vizualizare buna in noapte
Caracteristici:
– filtru IR-c…<a href=index.php?prod=14>(continuare)</a></p>
Pret: <b>200 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=15>Camera de supraveghere IP Asrock IPB-13MF35W – 1.3MP</a></b><br>
<img src="./poze/43.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Camera de exterior IP 1.3Mp ONVIF, 1/3", lentila 3.6mm, 35 led IR, distanta IR – 30m, iluminare 0 lux IR On, AWB, BLC, AGC, IR-cut, autoiris, alimentare 12v, consum 450mA, greutate 400g, IP66, temperatura functionare -10 ~ +60.
Specificatii tehnice:
Brand Asrock
Senzor optic 1/3
Rezolutie maxima 960P (1280×960)
…<a href=index.php?prod=15>(continuare)</a></p>
Pret: <b>270 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=16>Camera de supraveghere IP varifocala IP-ZEN42W – 1.3MP, IR 40 m</a></b><br>
<img src="./poze/44.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Se conecteaza la internet si poate fi accesata la distanta prin diverse dispozitive cum ar fi laptop, smartphone sau tableta. Imaginile vor fi transmise in timp real.
Caracteristici:
Distanta infrarosu: 40 m
Lentila: 2,8-12 mm
Senzor: CMOS
Rezolutie: 1.3 Megapixel
Alimentare : 12V
Dimensiuni: 29.5 / 9.5 / 10.5 c…<a href=index.php?prod=16>(continuare)</a></p>
Pret: <b>340 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Camere video speciale
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=22>Mini camera cu microfon HD spy 700 TVL</a></b><br>
<img src="./poze/61.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Mini camera video color tip pinhole cu microfon. Destinata utilizarii in interiorul cladirilor. Camera poate fi mascata astfel incat sa ramana vizibil doar obiectivul.
Specificatii tehnice:
Dimensiuni super-compacte : 15 x 15 x 22 mm
Rezolutie orizontala 700 linii TV
Sistem TV PAL/NTSC
Senzor 1/4"
Rezolutie 12…<a href=index.php?prod=22>(continuare)</a></p>
Pret: <b>145 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=23>Suport montaj pentru placa kitesurfing </a></b><br>
<img src="./poze/62.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Suport camera snowboarding folosit la camere XTC Midland cod C1038
Garantie: 6 luni
</p>
Pret: <b>95 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=24>Camera actiune S 30 WiFi, 2mp, FullHD Rollei</a></b><br>
<img src="./poze/63.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Live Streaming Video prin intermediul App (pentru iOS si Android): iubitorii de aventura pot folosi Rollei Actioncam S-30 WiFi, prin intermediul smartphone-ului/ tabletei printr-o aplicatie. Ei pot vizualiza clipuri video si fotografiiin timp real.
– WiFi-ul are o autonomie de pana la 10 metri
– Cu self-timer (Off, 2…<a href=index.php?prod=24>(continuare)</a></p>
Pret: <b>667 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=25>Carcasa waterproof pentru camera video Midland XTC 400 cod C1121</a></b><br>
<img src="./poze/64.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Caractetristici:
Adancime maxima posibila 85 m
Pachetul contine:
Carcasa rezistenta la apa Da
Garantie: 6 luni</p>
Pret: <b>236 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Control acces
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=26>Cititor carduri magnetice cu tastatura PNI ID102 </a></b><br>
<img src="./poze/71.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Cititor de carduri pentru sisteme de control acces. Include tastatura pentru securizare cu cod PIN. Produsul transmite catre unitatea centrala de control acces fiecare pontaj realizat prin card sau PIN introdus.
Caracteristici:
Tastatura Da
Format iesire 26bit Wiegand
Card/tag compatibil 125 Khz card proxi…<a href=index.php?prod=26>(continuare)</a></p>
Pret: <b>58 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=27>Panou Control Acces cu cartele de proximitate</a></b><br>
<img src="./poze/72.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Specificatii:
– Carcasa din otel inoxidabil, antivandal si rezistenta la apa
– Taste iluminate
– Suporta sonerie externa si buton extern
– Conectare simpla a yalei, doar 2 fire
– Suporta sonerie externa si buton extern
– Citirea cartelei de proximitate 125KHz
– Viteza de citire < 20ms
– Metode de acces: Parola,…<a href=index.php?prod=27>(continuare)</a></p>
Pret: <b>219 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=28>Cititor amprenta PNI FR4500</a></b><br>
<img src="./poze/73.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Cititor de amprenta pentru calculator utilizat pentru autentificarea utilizatorilor.
Caracteristici:
Cititor amprenta: Da
USB-Host: 1 x USB2.0
Dimensiuni: 5.3 / 8 / 6 cm
Material: ABS
Pachetul contine:
Unitate identificare
CD Soft gestiune pontaj
Cablu de date </p>
Pret: <b>294 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=29>carduri magnetice model PNI FLH50 </a></b><br>
<img src="./poze/74.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Encoder carduri magnetice
Garantie: 24 luni</p>
Pret: <b>348 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
DVR
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=33>DVR cu 8 canale model PNI House L708 cu HDMI 960H P2P H.264</a></b><br>
<img src="./poze/91.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Are un unghi de vizualizare mai mare, si nu veti pierde detaliile din stanga si dreapta zonei supravegheate, imposibil de observat pana atunci cu aparatele mai vechi.
Caracteristici generale:
Vizualizare pe mobil și PC iOS, Android, Windows Mobile, IE, Firefox, Chrome, Safari, BlackBerry
Numar canale video …<a href=index.php?prod=33>(continuare)</a></p>
Pret: <b>548 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=34>DVR Guard View hibrid AHD 316</a></b><br>
<img src="./poze/92.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Aveti posibilitatea de a inregistra si reda imagini de pe toate cele 16 camere.Imaginile preluate de camerele de supraveghere pot fi vizualizate in timp real de pe orice dispozitiv (laptop, PC, telefon) prin Internet.
Aveti posibilitatea de a alege tipul de inregistrare: Inregistrare manuala, Inregistrare programata, …<a href=index.php?prod=34>(continuare)</a></p>
Pret: <b>719 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=35>DVR Stand-alone 8 canale TVT-full D1 DVR 8 canale TVT-full D1 </a></b><br>
<img src="./poze/93.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Stand-Alone DVR Full D1 cu 8 canale video, 2 canale audio, telecomanda si interfata LAN (conexiune la internet).
Caracteristici tehnice:
Compresie H.264
Monitorizare, inregistrare, redare si retea simultane (Triplex).
Conexiune LAN (Internet) – ofera posibilitatea de a vizualiza camerele conectate la DVR din al…<a href=index.php?prod=35>(continuare)</a></p>
Pret: <b>975 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=36>DVR 24 canale 9324V</a></b><br>
<img src="./poze/94.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Sistem Stand-Alone DVR H.264 9324V cu 24 canale video si interfata LAN (conexiune la internet). Iesire VGA pentru conectarea la un monitor. Port USB, mouse inclus pentru navigarea prin meniuri. 600 fps la inregistrare. Inregistrare sunet.
Standardul H.264 este cel mai nou si mai performant standard de compresie video,…<a href=index.php?prod=36>(continuare)</a></p>
Pret: <b>1299 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Sisteme de supraveghere
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=45>Sistem supraveghere INT 4 DOME DVR NET, IR 15 m</a></b><br>
<img src="./poze/121.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Sistem supraveghere cu 4 camere dome pentru interior. Vizualizare nocturna in infrarosu pana la 15 m.
Sistemele sunt concepute astfel incat sa ofere un randament maxim si un raport pret/calitate optim. Sistemele includ toate elemntele necesare instalarii, in afara de cabluri (se achizitioneaza in functie de lungimea n…<a href=index.php?prod=45>(continuare)</a></p>
Pret: <b>525 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=46>Sistem supraveghere MIX 4 DVR NET, IR max 20 m</a></b><br>
<img src="./poze/122.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Sistem supraveghere alcatuit din 2 camere CCD pentru exterior (+suporti) si 2 camere CCD pentru interior. Vizualizare nocturna in infrarosu pana la 20 m.
Sistem Stand-Alone DVR H.264 cu 4 canale video si telecomanda si interfata LAN (conexiune la internet). Port USB. 100 fps la inregistrare. Inregistrare sunet.
Sis…<a href=index.php?prod=46>(continuare)</a></p>
Pret: <b>565 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=47>Sistem De Supraveghere Mix 8 AK-1019 800 TVL, IR max 20 m</a></b><br>
<img src="./poze/123.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Sistem supraveghere cu 8 camere, 4 pentru interior si 4 pentru exterior, la rezolutie 600 LTV. Vizualizare nocturna in infrarosu pana la 15 m.
Sistemele sunt concepute astfel incat sa ofere un randament maxim si un raport pret/calitate optim. Sistemele includ toate elemntele necesare instalarii, in afara de cabluri (s…<a href=index.php?prod=47>(continuare)</a></p>
Pret: <b>899 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=48>Kit PNI House IPMAX POE 720P – NVR IP ONVIF si 4 camere HD cu IP 1.3 Mpx POE</a></b><br>
<img src="./poze/124.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Caracteristici
Numar canale 4 digitale
Iesiri video 2 iesiri (VGA x 1, HDMIx 1)
Rezolutie redare PAL: 720 x 576 (D1); Full HD 1080p(HDMI)
Rezolutie inregistrare 4 x HD sau 8 x D1
Mod afisare 1 canal, 4 canale
Intrari audio 1 intrare audio
Iesiri audio 1 iesire audio, impendanta 600 Ohm, RCA
Tip inregistrare Inr…<a href=index.php?prod=48>(continuare)</a></p>
Pret: <b>1498 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Oferte
La acesta pagina am atasat in continuare si codul sursa
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Magazin online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table border=0 width="1024px" class="centerTable">
<tr>
<td align="right">
<a href=login.php>Conecteaza-te!</a> <a href="index.php">Acasa</a>
<a href="contact.html">Contact</a>
<a href="altele.html">Altele</a>
</td>
</tr>
</table>
<table border=0 width="1024px" class="centerTable">
<tbody>
<tr>
<td colspan="2" id="header">
<div>
</div>
</td>
</tr>
<tr>
<td id="left">
<div>
<a href=index.php id="mleft">Acasa</a><br><a href=index.php?cat=1 id="mleft">Camere de supraveghere</a><br><a href=index.php?cat=2 id="mleft">Accesorii CCTV</a><br><a href=index.php?cat=3 id="mleft">Camere ascunse</a><br><a href=index.php?cat=4 id="mleft">Camere IP</a><br><a href=index.php?cat=5 id="mleft">Camere supraveghere false</a><br><a href=index.php?cat=6 id="mleft">Camere video speciale</a><br><a href=index.php?cat=7 id="mleft">Control acces</a><br><a href=index.php?cat=8 id="mleft">Detector camere si microfoane</a><br><a href=index.php?cat=9 id="mleft">DVR</a><br><a href=index.php?cat=10 id="mleft">Placi captura</a><br><a href=index.php?cat=11 id="mleft">Sisteme de alarma</a><br><a href=index.php?cat=12 id="mleft">Sisteme supraveghere video</a><br><a href=index.php?cat=13 id="mleft">Lichidari</a><br><a href=index.php?cat=14 id="mleft">Resigilate</a><br><a href=index.php?cat=15 id="mleft">Oferte</a><br>
</div>
</td>
<td id="continut">
<div>
<div id=cont>
<b><a href=index.php?prod=57>Detector optic-radio LDRF-DT1 fara avertizare sonora</a></b><br>
<img src="./poze/82.JPG" height=100 width=100 id=twrap>
<p style="font-size:12px;">Detector profesional pentru camere video ascunse si echipamente wireless (microfoane wireless, microfoane GSM, camere wireless).
Caracteristici detector optic camere:
* o arie de LED-uri ultra luminoase pentru a detecta lentilele camerelor;
* cinci tipuri de frecvente ale LED-urilor disponibile;
* 6 LED-uri rosii u…<a href=index.php?prod=57>(continuare)</a></p>
Pret: <b>129 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=58>DVR cu 8 canale model PNI House L708 cu HDMI 960H P2P H.264</a></b><br>
<img src="./poze/91.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Avantajul principal al DVR-ului PNI House L708 este rezolutia de inregistrare si redare 960H ( 960px x 480 px PAL / 960px x 576px NTSC). Astfel veti avea un unghi de vizualizare mai mare, si nu veti pierde detaliile din stanga si dreapta zonei supravegheate, imposibil de observat pana atunci cu aparatele mai vechi.
Ca…<a href=index.php?prod=58>(continuare)</a></p>
Pret: <b>548 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=59>Camera video rotativa de interior si exterior cu functie PAN (rotire pe orizontala).</a></b><br>
<img src="./poze/12.JPG" height=100 width=100 id=twrap>
<p style="font-size:12px;">Rotire automata sau manuala Stanga / Dreapta.
Rezistenta la intemperii.
Camera functioneaza numai cu sistemul de comanda inclus, nu poate fi comandata prin intermediul altor sisteme (DVR, computer, etc.).
Specificatii:
Senzor imagine: 1/4" SHARP CCD
Lentila: 3,6mm
Rezolutie: 420 linii TV
Iluminare minima: 0.8L…<a href=index.php?prod=59>(continuare)</a></p>
Pret: <b>167 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=60>Sursa pentru camere de supraveghere 12V, 3A</a></b><br>
<img src="./poze/23.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Este recomandata atunci cand este necesara alimentarea mai multor camere si nu doriti ocuparea unui numar mare de prize cu alimentatoare individuale. Recomandata pentru alimentarea a 1-3 camere.
Specificatii:
Tensiune intrare: 220V (priza)
Tensiune iesire: 12V, 3A
Garantie: 12 luni</p>
Pret: <b>37 Lei</b>
</div><div id=cont>
<b><a href=index.php?prod=61>Ceas de Birou Oglinda cu Camera Ascunsa SPYMIRCLKCAM</a></b><br>
<img src="./poze/33.jpg" height=100 width=100 id=twrap>
<p style="font-size:12px;">Intodeauna camerele si microfoanele ascunse isi vor gasi utilitatea atunci cand doriti sa monitorizati sau sa va asigurati ca aveti dovezile necesare pentru a va sustine cauza.
Ceas de birou oglinda cu camera ascunsa si senzor de miscare incorporat va poate veni in ajutor cand va asteptati mai putin.
Caracteristici:
…<a href=index.php?prod=61>(continuare)</a></p>
Pret: <b>258 Lei</b>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" id="bottom">
<div id="bottom">
</div>
</td>
</tr>
</tbody>
</table>
Aceste pagini prezentate mai sus impreuna cu codul sursa reprezinta siteul pe care am dorit sa-l creez si sa-l prezint. De pe fiecare pagina a siteului sunt link-uri catre paginile interne ale siteului :
Acasa
Camere de supraveghere
Accesorii CCTV
Camere ascunse
Camere IP
Camere de supraveghere false
Camere video speciale
Control acces
Detector camere si microfoane
DVR
Placi captura
Sisteme de alarma
Sisteme supraveghere video
Lichidari
Resigilate
Oferte
Contact
Acest site a fost creat cu ajutorul PHP si detine o baza de date in MYSQL care afiseaza produsele in functie solicitare.
Reprezinta un site mai optimizat si smart in comparatie cu primul site proiectat in html.
Cu multiple functii de cautare a anumitor produse , afisarea produselor cu detalii ample a caracteristicilor , usor de gestionat si de modificat lista produselor care sunt la oferta , resigilate si lichidari acestea din urma fiind mai des modificate in eventualitatea in care acest site ar fi in spatiul virtual prezent si functional.
Referinte bibliografice
http://tutorialehtml.com
http://werbach.com/barebones/ro_barebone.html
http://forum.opencart.com/viewtopic.php?t=55609
https://community.magento.com
http://forum.softpedia.com/topic/672218-ce-cms-uri-folositi-recomandati/
https://devforum.ro/t/dezvoltator-magento/520/8
https://ro.wikipedia.org/wiki/Joomla!
https://ro.forums.wordpress.org
http://forum.softpedia.com/topic/838886-totul-despre-wordpress/
https://ro.forums.wordpress.org
https://forums.adobe.com/community/animate
http://www.codingforums.com/forum-feedback-and-announcements/22509-macromedia-flash-forum.html
http://www.talkgraphics.com/forumdisplay.php?30-Macromedia-Flash
http://board.flashkit.com/board/
https://www.adobe.com/search.html#q=Flash%208%20Tutorial
http://forums.mysql.com
http://www.phpromania.net/forum/
http://www.tek-tips.com/threadminder.cfm?pid=436
https://wiki.postgresql.org/wiki/FAQ
http://forum.softpedia.com/topic/952818-ce-baza-de-date-ati-alege-mysql-sau-postgresql/
http://www.seolium.com/ro/ce-este-seo/
https://ro.wikipedia.org/wiki/Optimizare_pentru_motoare_de_căutarehttps://ro.wikipedia.org/wiki/JavaScript
http://etutoriale.ro/articles/1771/1/Tutorial-complet-JavaScript-(prima-parte)/
http://ciobanu.cich.md/lectii_view.php?id=16
https://ro.wikipedia.org/wiki/Cascading_Style_Sheets
http://www.itcsolutions.eu/2009/07/22/definire-foi-de-stil-css/
http://www.valmindesign.com/blog/fara-categorie/primii-pasi-in-css/
http://www.e-learn.ro/tutorial/css/ce-este-css-a/67/1/37.htm
https://ro.wikipedia.org/wiki/MySQL
http://www.comentum.com/php-vs-asp.net-comparison.html
Copyright Notice
© Licențiada.org respectă drepturile de proprietate intelectuală și așteaptă ca toți utilizatorii să facă același lucru. Dacă consideri că un conținut de pe site încalcă drepturile tale de autor, te rugăm să trimiți o notificare DMCA.
Acest articol: Crearea Unui Site Web (ID: 113078)
Dacă considerați că acest conținut vă încalcă drepturile de autor, vă rugăm să depuneți o cerere pe pagina noastră Copyright Takedown.
