Postări

Cel mai simplu document HTML

Imagine
Unul dintre cele mai simple documente html: <!--Acesta este un comentariu HTML, pagina este index.html--> <!DOCTYPE html> <html> <head> <title>Numele siteului</title> </head> <body> <h1>Acesta este un titlu</h1> <p>Acesta este un paragraf</p> </body> </html> Carte HTML5 aici... . Astăzi Web-ul este omniprezent în viața oamenilor. Prin intermediul său, aceștia schimbă idei și informații, dar și imagini, muzica, filme, programe de calculator. Ca o expresie a noilor realități, utilizatorii au posibilitatea de a-și construi ei înșiși siteuri și aplicatii Web. În acest scop, pot utiliza instrumente gata create sau, dimpotrivă le dezvoltă ei înșiși, plecând de la zero. În ambele situații sunt utile cunoștiințele de programare Web.   Software necesar Pentru a verifica partea care se execută pe client este necesara instalarea unui browser (IE,

LARAVEL Static Site

Imagine
  LARAVEL este un framework PHP, cu o ascensiune fulmimantă datorată simplității pe care o aduce in lumea framework-urilor PHP. Facând codul foarte usor de citit și întreținut. Laravel instalare in Fedora 33  https://www.osradar.com/install-laravel-fedora/ .   Primul proiect este LaravelStaticSite cu cod pe github: https://github.com/mhcrnl/LaravelStaticSite. Structura de directoare: Resurse web: http://scotch.io/tutorials/simple-laravel-layouts-using-blade http://laravel.com/

Tutorial realizare site Magazinul Cantecelor

Imagine
Instrumente:                Editor HTML ex. Bluefish Cunostinte necesare:   HTML/JAVASCRIPT Durata proiectului:      30 - 40 minute. Pentru realizarea acestui proiect este necesara instalarea unui editor de pagini web, de exemplu Bluefish ( http://bluefish.openoffice.nl/index.html ) dupa descarcare si instalare vom deschide o sesiune de lucru in care editam doua pagini cu denumirile urmatoare: index.html( https://docs.google.com/file/d/0B-NkZKzAN2Slc0tPUlRsdWRUZHM/edit?usp=sharing ). playlist.js( https://docs.google.com/file/d/0B-NkZKzAN2SlX2trZFZoblFVWlU/edit?usp=sharing ). Link-urile de langa numele paginilor este locul de unde puteti obtine si vizualiza codul. Cunostinte necesare pentru a realiza acest proiect sunt din HTML si JAVASCRIPT. Puteti obtine mai multe informatii din urmatoarele site-uri: http://www.codecademy.com/learn http://www.w3schools.com/ Aceasta este imaginea pe care trebuie sa o obtineti dupa incarcarea paginii index.html in bro

Ce mai citim?

Imagine
COMPENDIU DE PROGRAMARE A MINI/MICRO CALCULATOARELOR Autori: Gheorghe Dodescu, Ion Odacescu, Pavel Nastase, Cristina Copos Editura: Enciclopedica  Descriere: Limbajele de programare reprezinta unul din mijloacele principale ale comunicatiei om-masina, evolutia lor fiind legata de aceea a calculatoarelor electronice. Compendiu de programare a mini/micro calculatoarelor

Sisteme de dezvoltare de aplicatii in internet

Imagine
Dezvoltarea web (web development) se refera la toate activitatile legate de dezvoltarea unui site web. Aceasta inseamna design, managenent-ul continutului, scripturi client/server side si configurarea serverului, desi partea de design nu face intotdeauna parte integranta din conceptul de web development, accentul punandu-se pe codare. O pagina de internet are patru componente majore: sistemul de operare (Linux - Ubuntu 11.10), server-ul web ( LAMP - Linux, Apache, MySQL, PHP), limbajele de baze de date si, limbajele de scripting. Din punctul de vedere al dezvoltarii unei aplicatii web, exista doua categorii principale: Dezvoltarea client-side - consta in executarea scripturilor trimise de catre server pe calculatorul utilizatorului, astfel sarcina server-ului este mult diminuata, acesta trecand pe calculatoarele utilizatorilor. Principalele limbaje client-side sunt: CSS (Cascade Style Sheets), XHTML (Extensible HTML), JavaScript, AJAX (Asynchronous JavaScript an

canvas.html

Pentru a rula acest script aveti nevoie de: editor de text; browser.     <html>        <head>          <title>Canvas tutorial</title>          <script type="text/javascript">         function onclick() {         var button = document.getElementById('button1a');         button.onclick = draw();         }           function draw(){              var canvas = document.getElementById('tutorial');              if (canvas.getContext){                var ctx = canvas.getContext('2d');               ctx.fillRect(10, 10, 100, 100);              }            }          </script>          <style type="text/css">            canvas { border: 1px solid black; }          </style>        </head>        <body>          <canvas id="tutorial" width="150" height="150"></canvas>         <p>         <input id="button1a