Cautare in site

Blog

Articole din categoria HTML

Noutati in Bootstrap 5

Noutati in Bootstrap 5

Ce este Bootstrap Framework front-end elegant, intuitiv și puternic pentru o dezvoltare web mai rapidă și mai ușoară Frameworkul-ul dezvoltat initial de Twitter, ce in 2021 a implinit 10 ani de la primul release, permite realizarea de site-uri web responsive, care se adapteaza la orice rezolutie de dispozitiv: desktop, tablete si telefoane mobile. Este in [...]
Efectul de Smooth Scroll in CSS

Efectul de Smooth Scroll in CSS

Ce este efectul de Smooth Scroll? Cum ii sugereaza si numele creaza un efect de scroll lent al paginii web. Comportamentul de scroll ca si setare de default este abrupt, fiind setat pe “auto”. In exemplul de mai jos o exemplificare a efectului. Your browser does not support the video tag. Cand este util? Pentru [...]
Site-uri web Responsive vs. site-uri web Mobile

Site-uri web Responsive vs. site-uri web Mobile

In ultimii ani am asistat la un boom in ceea ce priveste utilizarea dispozitivelor (smartphone, tablet) pentru navigarea pe internet. Recunoscand acest trend, dezvoltatorii s-au axat initial pe realizarea site-urilor dedicate pentru telefoanele mobile. Succesiv s-a trecut la realizarea site-urilor web care se adapteaza la orice rezolutie de ecran si anume site-urile web responsive. In […]

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

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

Ancora cu nume in HTML

Ancora cu nume in HTML

Ce este o ancora cu nume? O ancora cu nume in HTML ne da posibilitatea de a realiza link-uri catre o sectiune specifica a unei pagini. Aceasta posibilitate este utilizata pentru facilitarea navigarii in cazul paginilor lungi, care prezinta multa informatie. Putem utiliza ancorele atat pentru navigarea in interiorul aceleiasi pagini dar si pentru a […]

Pseudo-elementele si pseudo-clasele in CSS

Pseudo-elementele si pseudo-clasele in CSS

Cu ajutorul regulilor de stil CSS putem defini si acele elemente care nu se regasesc efectiv in codul paginii. Pentru acest scop putem folosi pseudo-elementele. In schimb pentru formatarea fazelor unui element existent vom folosi pseudo-clasele. Vom incepe analiza noastra cu pseudo-elementele pentru ca apoi sa vedem diferentele dintre acestea si pseudo-clasele prevazute in standardul […]

Personalizarea culorii de selectie cu CSS

Personalizarea culorii de selectie cu CSS

De default culoarea de selectie in browser a continutului unei pagini web este acest albastru deschis din imaginea de mai jos. Daca vrem sa personalizam aceasta culoare pentru site-ul nostru web putem folosi declaratia CSS ::selection in care specificam noua culoare, ca mai jos: ::selection {background:#57d2fb;} ::-moz-selection {background:#57d2fb;} Culoarea pe care o dam selectiei este […]

Comentariile in HTML

Comentariile in HTML

Inserarea comentariilor in codul HTML este o strategie utilizata de dezvoltatori pentru a se putea orienta mai bine in proiectele web pe care le construiesc. Comentariile sunt invizibile pentru browsere si ajuta orientarea in fisiere complexe si lungi. Sintaxa pentru comentariu este acesta:  <!– acesta este un comentariu –> Comentariile sunt utilizate de exemplu pentru […]

Imprimarea comportamentului de link

Imprimarea comportamentului de link

Se poate intampla sa avem nevoie de imprimarea comportamentului de link asupra unui text sau a unei imagini din site-ul nostru fara ca acestea sa gazduiasca efectiv un link. Acest lucru se poate face atat in cadrul codului HTML cat si prin configurarea unei reguli CSS. Imprimarea comportamentului de link prin HTML se face prin […]