Cautare in site

Articole

Categorii Articole

Efectul Soft Light cu Adobe Photoshop

Efectul Soft Light cu Adobe Photoshop

Continuam seria articolelor despre efectele vintage, foarte la moda in ultimii ani, cu efectul Soft Light. Pentru realizare vom utiliza programul Adobe Photoshop. Rezultatul aplicarii acestui efect este aducerea imaginii inspre tonalitati mai calde. Vom folosi nivele de ajutare non-distructive pe care se poate interveni succesiv in fisierul .psd, fara a modifica direct fotografia originala. […]

7 Tendinte in Web Design pentru 2016

7 Tendinte in Web Design pentru 2016

Ca la fiecare inceput de an este momentul potrivit pentru a vorbi despre ce ne putem astepta de la 2016 in materie de tendinte in design-ul web. 1. Navigarea mobile aplicata la desktop Suntem deja obisnuiti ca in vizualizarea site-urilor web pe dispozitive mobile sa vedem iconita specifica numita si “hamburger”. Insa simplificarea navigarii pentru […]

WordPress – Salvarea datelor din Contact Form in Data Base

WordPress – Salvarea datelor din Contact Form in Data Base

WordPress a simplificat foarte mult realizarea de site-uri web dinamice. Pentru extinderea functionalitatilor, comunitatea dezvoltatorilor pentru platforma CMS ne pune la dispozitie peste 40.000 de plugin-uri care acopera toate extensiile de care un site web are nevoie. Pentru crearea formularelor de contact exista multe plugin-uri ce se pot utiliza printre care cele mai folosite sunt […]

Infografica in comunicarea vizuala

Infografica in comunicarea vizuala

In fiecare zi, fiecare dintre noi, venim in contact cu o cantitate considerabila de informatie. In acest context, comunicarea vizuala este cel mai bun instrument de marketing. Informatia vizuala ajunge la creier de 60,000 de ori mai repede decat textul, iar 90% din informatia transmisa creierului este vizuala. O caracteristica importanta a infograficii este faptul de a […]

Utilizare fonturi Adobe Typekit

Utilizare fonturi Adobe Typekit

Ce este Adobe Typekit? Libraria de fonturi Typekit a fost achizitionata de catre Adobe in anul 2011 si este disponibila atat pentru abonatii Adobe Creative Cloud cat si pentru oricine detine un Adobe ID. Fonturile cuprinse in librarie pot fi utilizate atat pentru folosirea locala pe calculator cat si pentru incorporarea in site-urile web (ceea […]

Top 10 fonturi web gratuite pentru titluri in 2015

Top 10 fonturi web gratuite pentru titluri in 2015

Mai jos va propun colectia mea preferata de fonturi folosite pentru titluri. Acestea sunt diponibile in mod gratuit pe siteul Google WebFonts. Pentru acest font sunt disponibile doua variante: „Lobster” si „Lobster two”. Click pe imagini pentru a vedea specimenul pe site-ul Google.   Pentru acest font sunt disponibile doua variante: „Merienda” si „Merienda One”. Click […]

Plugin pentru crearea regulilor CSS personalizate in WordPress

Plugin pentru crearea regulilor CSS personalizate in WordPress

Personalizarea aspectului temelor in WordPress se poate realiza pe mai multe cai printre care cele mai utilizate sunt: 1. Crearea unei teme child (citeste articolul complet despre crearea temelor child in WordPress); 2. Editarea directa a fisierului style.css prezent in tema activa (metoda nerecomandata – implica eliminarea regulilor personalizate la actualizarea temei. Editarea se poate […]

Cod HTML pentru Mail To

Cod HTML pentru Mail To

In site-ul nostru putem avea nevoie, pe langa formularul de contact si de un link de tip mail to. Aceasta tipologie de link da posibilitatea vizitatorilor site-ului nostru de a ne trimite un e-mail. Clickand pe link se va deschide pe calculatorul vizitatorului contul predefinit de e-mail iar campul to (catre) vor fi deja completate […]

Automatizarile in Adobe Photoshop

In acest tutorial vom vedea cum putem folosi sarcinile automate in Adobe Photoshop. Panoul Actiuni Automatizarile ne ajuta la aplicarea unei serii de actiuni in mod automat asupra unui numar mare de imagini. In mod special in acest videoclip vom crea imaginile miniatura thumb pentru galeriile de imagini utilizand automatizarea sarcinilor si panoul actiuni.

Crearea de animatii gif in photoshop

In acest tutorial vom vedea cum putem crea un banner animat in format .gif utilizand programul Adobe Photoshop. Paleta Timeline Acest tip de fisiere se configureaza intervenind asupra vizibilitatii nivelelor. Fazele imaginii se configureaza cu ajutorul paletei Timeline. Fisierul se exporta intr-unul dintre formatele de imagine specifice pentru publicarea pe web, si anume .gif. Succesiv […]

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 […]