Cautare in site

Blog

Creare de site-uri web user friendly

In acest tutorial vom vedea ce inseamna conceptul de user-friendly si ce presupune realizarea unui site web user-friendly. In primul rand acest termen tradus inseamna “prieten al utilizatorului” si se refera la acel set de practici care  fac in asa fel incat utilizatorul sa se simta in largul sau navigand pe site-ul nostru si sa […]

Realizarea unui meniu de navigare responsive

In acest tutorial vom vedea cum sa configuram de la zero, in foarte putine randuri de markup, un meniu de navigare ce se adapteaza la orice rezolutie a ecranului. DEMO MENIU DE NAVIGARE RESPONSIVE DESCARCA DEMO MENIU DE NAVIGARE RESPONSIVE Codul HTML Markup-ul este foarte simplu. Aici am inserat un simplu tag “nav” care contine […]

Structura de navigare completa cu functia PHP Include

Am vazut intr-un alt tutorial cum putem insera in pagina noastra php alte pagini fixe cu aceeasi extensie utilizand functia include php. In acest tutorial vom vedea cum putem crea un intreg site prin utilizarea unui meniu de navigare php pentru a mentine pagina principala fixa si a incarca in interiorul acesteia variile pagini ale […]

Functia Php Include

In acest tutorial video vom vedea o functie php foarte utila in realizarea de site-uri web si anume functia php include. Aceasta ne da posibilitatea de a incarca in interiorul unei pagini php alte pagini cu aceeasi extensie. Functionarea este similara feresterelor iframe. Diferenta este ca utilizand functia php include avem avantajul unei flexibilitati cu […]

Configurare site si server local PhpMyAdmin

In acest tutorial vom vedea cum putem configura server-ul local pentru site-ul nostru cu pagini ce contin date dinamice php. Alte tutoriale din aceasta serie: – Pagini web cu extensia php – Instalare server local PhpMyAdmin – Functia PHP Include – Structura de navigare completa cu functia PHP Include

Instalare server local

In tutorialul trecut din aceasta serie in care am vorbit despre paginile web cu extensia php. Pentru a putea previzualiza paginile noastre php pe computerul local avem nevoie sa instalam pe computer un program care sa ne dea posibilitatea de a simula activitatea unui remote server. Descarcare XAMPP / MAMP Asta se intampla deorece limbajul […]

Paginile web cu extensia PHP

In acest tutorial vom incepe sa vorbim despre paginile html cu extensia php cu scopul de a ilustra anumite functii pe care limbajul php ni le pune la dispozitie pentru un webdesign de baza, deci fara sa intram in detalii de programare php. Limbajul php-ul este un limbaj de programare web open-source si server-side. Acesta […]

Modificare model de pagina web cu Adobe Dreamweaver

In tutorialul trecut am vazut cum se poate realiza un model de pagina in Dreamweaver. In acest tutorial vom vedea cum se poate crea o zona modificabila in interiorul modelului, cum se poate aplica un model asupra unei noi pagini si modul in care putem desprinde o pagina din model. Crearea unui zone modificabile in […]

Model de pagina web cu Adobe Dreamweaver

Modelele sunt instrumente care ne permit sa creiem o multitudine de pagini bazate pe o structura unica. Se creaza in interiorul paginii zone care pot fi modificate (pentru personalizarea continutului pentru fiecare pagina in parte). Celelalte zone din modelul de pagina sunt blocate si pot fi actualizate intr-o solutie unica (cum sunt de exemplu zonele […]

Galerie de imagini Easy Rotator pentru Adobe Dreamweaver

In acest tutorial video vom vedea cum putem utiliza un plugin gratuit pentru Adobe Dreamweaver cu ajutorul caruia se creaza si se personalizeaza galerii de imagini fara a trebui sa scriem cod. Easy Rotator Pentru a downloda plugin-ul vom merge pe site-ul producatorului Easy Rotator. Odata descarcat plugin-ul pe calculatorul nostru il vom instala cu […]

Motor de cautare Google in site

In acest tutorial vom vedea cum putem folosi serviciul gratuit Custom Search Engine de la Google pentru a crea in interiorul site-ului nostru o sectiune de cautare. Google Custom Search Engine Ne vom inscrie cu account-ul nostru Gmail pe site-ul Google Custom Search Engine si vom indica site-ul pentru care vrem sa generam motorul de […]

Meniu de navigare Spry cu Dreamweaver

In acest tutorial video vom vedea cum putem insera imagini intr-un meniu Spry in Adobe Dreamweaver. Versiune Dreamweaver Pentru realizarea tutorialului a fost folosita versinea CS6 a programului Dreamweaver. In vesiunea succesiva a programului elemntele Spry au fost inlocute cu elementele jQuery User Interface pentru meniu de tip dropdown, iar acest tip de meniu Spry […]

Galerie de imagini cu tranzitii CSS 3 in Dreamweaver

Tutorial video creare galerie de imagini cu tranzitiile CSS In acest tutorial video vom vedea cum putem crea o galerie de imagini personalizata 100% pentru site-ul nostru web. O vom crea in mod foarte simplu utilizand tranzitiile CSS3 pe care ni le pune la dispozitie programul Adobe Dreamweaver. Ce sunt tranzitiile CSS Tranzitiile CSS cuprind […]

Galerie de imagini JavaScript Lightbox

Plugin pentru galerie de imagini In acest tutorial video vom vedea cum sa realizam o galerie de imagini utilizand plugin-ul javascript Lightbox. Acesta este unul dintre plugin-urile gratuite (open source) cele mai utilizate pentru realizarea galeriilor de imagini pentru web si poate fi descarcat direct de pe site-ul web al producatorului: Lokesh Dhakar. In dosarul […]

Imagine de fundal pe tot ecranul

Imagine de fundal fullsize cu CSS In acest tutorial vom vedea cel mai simplu mod in care putem seta o imagine de fundal site-ului nostru care sa ocupe tot ecranul. Imagine care se va adapta intotdeauna rezolutiei browser-ului pe care este vizualizat site-ul. Pentru a pune in practica acest lucru vom gasi pe internet nenumarate […]

Folosirea Font Awesome in paginile web

In acest videoclip vom vedea cum putem folosi fonturile in forma de iconita, numite Icon Fonts. Sunt acele fonturi care genereaza pictograme, reprezentari grafice in forma de font a iconitelor folosite in site-urile web. Acestea merg de la: – iconite generale pentru aplicatiile web, – pentru controlul formularelor web, – pentru monedele cele mai utilizate, – […]

Inserare harta Google in site

In acest tutorial video vedem cum putem insera o harta Google intr-o pagina web. Dupa gasirea adresei in Google Maps vom merge pe optiunea Link, iar aici avem mai multe variante: – putem insera fie un link absolut in pagina noastra care odata clickat va deschide harta Google cu adresa selectata – sau putem incorpora […]

Folosirea Google Webfonts

Fonturile web gratuite puse la dispozitie de catre Google pot fi incorporate in paginile nostre web in doua moduri. Google Webfonts sunt disponibile sub licenta open source si deci pot fi utilizate pentru orice tipologie de site fie ca este site-ul nostru personal sau site-ul unei mari companii. Modalitati de utilizare Fonturile Google le putem […]

Iconita Favicon pentru site web

Iconita favicon este vizibila in fereastra browserului langa adresa url si reprezinta de obicei logotipul in dimensiuni reduse ale firmei. Inserarea faviconul este importanta pentru orice site web deoarece da un plus de profesionalism. Extensia clasica a favicon-ului este .ico care ne garanteaza ca iconita va fi vizibila in toate browserele. Imaginea favicon este partata […]

Inserare butoane share si follow in site

In aceast tutorial video vom vedea cum putem include butoane gata de folosit pentru distribuirea pe retelele sociale in site-ul nostru. Sunt mai multe site-uri care ofera acest tip de butoane. Noi vom vedea site-ul Add This si in special sectiunile Get the Code – Share Buttons si Follow Buttons Butoane Share Butoanele de tip […]