Weebly

832 views
756 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
832
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Weebly

  1. 1. Dezvoltarea Aplica țiilor Web Tutorial- Framework Web Huțanu Irina Ivanciu Adriana Rață Gheorghiță Mugurel
  2. 2. Weebly Web Creation Made Easy
  3. 3. Prezentare Generală <ul><li>Weebly este un framework conceput pentru crearea ș i între ț inerea paginilor web. În anul 2007 a fost desemnat unul dintre cele mai bune site-uri de crea ț ie web, evoluînd în timp spre un concept mai u ș or de utilizat ș i mai performant. </li></ul><ul><li>Are anumite calită ț i care îl fac accesibil utilizatorilor de rînd, oferind o gama extinsă de design web ș i care nu presupune cunoa ș terea avansată a codurilor de implementare web.  </li></ul><ul><li>Editorul Weebly are o interfa ț ă ce permite Drag & Drop-ul, astfel, facilitînd inserarea de imagini, fi ș iere video sau hăr ț i. De asemenea, oferă servicii de „hosting” în mod gratuit, fără să impună limitarea benzii sau accesul la un anumit număr de pagini. În ceea ce prive ș te designul paginii, se poate alege dintr-o gamă vastă de peste 70 de template-uri profesionale, cu posibilitatea de a ț i crea singur propia arhitectură web. Editorul con ț ine o aplica ț ie care î ț i p ermite inserarea de coduri HTML sau CSS pentru crearea de la zero a paginii web.  </li></ul><ul><li>Utilizatorul î ș i poate adăuga o serie de elemente ș i aplica ț ii dintr-o listă predefinită (video playere, audio playere) sau elemente personalizate ( galerii foto, hăr ț i, playlists, etc). Poate crea un magazin on-line pentru a vinde sau cumpăra diverse produse, î ș i poate crea propriul forum sau blog avînd posibilitatea unui cî ș tig financiar prin acceptarea spoturilor publicitare.  </li></ul><ul><li>Weebly oferă servicii de hosting chiar si pentru domenii deja existente, fără a percepe vreo taxă ș i fără a- ț i impune utilizarea exclusivă a domeniului weebly . com </li></ul>
  4. 4. www.weebly.com
  5. 5. Pași în modelarea unei pagini web <ul><li>Primul pas constă în alegerea numelui pentru viitorul site. </li></ul><ul><li>Alegerea unui subdomeniu sau domeniu </li></ul><ul><li>Alegerea unui design din vasta galerie de template-uri sau crearea unei paginii personalizate cu ajutorul editorului HTML sau CSS. </li></ul><ul><li>Crearea paginilor. Pot apărea în meniu sau pe link-uri interne, putem crea pagini tip blog, care au optiunea de a fi protejate de parolă. </li></ul><ul><li>Adăugarea informa ț iilor in pagină se poate modela conform categoriilor: Basic, Multimedia, Revenue ș i More. </li></ul>
  6. 6. Adăugarea informațiilor în pagină <ul><li>Basic : - editarea textului din pagină </li></ul><ul><li>-        introducerea de paragrafe ș i fotografii cu multiple posibilită ț i de a ș ezare în pagină ( coloane, foto ș i paragraf, doar paragraf, etc) </li></ul><ul><li>-          posbilitatea de a adauga publicitate prin Google Adsense </li></ul><ul><li>-          inserarea unor controale Custom care includ Javascript, HTML, CSS </li></ul><ul><li>Multimedia : - inserarea de fi ș iere txt, foto, audio </li></ul><ul><li>-        inserarea de audio ș i video playere sau de embedded files ( doar pentru conturi Pro) </li></ul><ul><li>-          adaugarea de documente Flash </li></ul><ul><li>-          suportă upload-ul de Google Maps </li></ul><ul><li>-          filme YouTube sau galerii Flickr </li></ul>
  7. 7. Adăugarea informațiilor în pagină <ul><li>Revenue : - crearea paginilor de tip comercial ( inserarea produselor destinate vînzării), avînd predefinite două modalită ț i de plată online: Paypal ș i Google Checkout. </li></ul><ul><li>  </li></ul><ul><li>More : - integrarea unui formular de contact ( se pot alege cîmpurile care sa apară în pagină dintre nume, adresă, e-mail sau comentariu) </li></ul><ul><li>-          integrarea de forum-uri în site </li></ul><ul><li>-          integrarea de poll-uri </li></ul><ul><li>-          introducerea de jocuri </li></ul><ul><li>Toate aceste op ț iuni implică crearea unui cont. </li></ul>
  8. 8. www.musicnonstop.weebly.com
  9. 9. Limitele sistemului <ul><li>Framework-ul prezintă anumite probleme de func ț ionalitate ș i anumite limitări de design ș i layout. </li></ul><ul><li>Weebly nu oferă servicii de multilanguage, de ș i nu restric ț ionează lingvistic utilizatorul la o listă limitată de limbi na ț ionale, totu ș i nu oferă posibilitatea de a afi ș a site-ul ș i in alte limbi. </li></ul><ul><li>Nu se pot adauga referin ț e la fi ș iere Javascript ș i CSS esterne, codul acestora trebuie introdus în HTML pentru a fi procesate. Un minus mai constă ș i în faptul că nu se poate crea un ș ablon personalizat al e-mail-ului de contact. În schimb, framework-ul prezintă probleme mai grave în domeniul func ț ionalită ț ii decît în cel al afi ș ării de informa ț ii. </li></ul><ul><li>Se blochează la încarcarea paginii ș i de ș i afi ș ează mesajul „Loading” sistemul nu mai fun ș ionează. Crapă cu mesaj de eroare, care este aleatoriu. Se blochează la introducerea de cod nou din care sterge anumite caractere, uneori chiar codul cu totul. </li></ul>
  10. 10. Utilitatea sistemului <ul><li>Este u ș or de utilizat, creativ ș i pragmatic. Interfa ț a este organizată ș i suportă Drag & Drop, deci oferă lucru optim în timp scurt. Utilizatorul are posilitatea de a- ș i crea un subdomeniu, înregistrarea unui domeniu nou sau atribuirea unui domeniu deja existent fără a plăti în plus. </li></ul><ul><li>Pe lîngă gama largă de layout-uri, Weebly oferă ș i posibilitatea customizării paginilor sau crearea altora noi utilizînd propiul cod ( HTML, CSS). Blocurile create pot fi a ș ezate oriunde în pagină cu multă u ș urin ț ă. De asemenea, se pot adăuga pagini tip blog, forum ș i crearea de magazine online. Paginile sunt monitorizate ș i po ț i avea acces la statisticile de trafic. </li></ul><ul><li>Un alt element ce merită luat în considerare la evaluarea framework-ului este faptul că foloseşte URL rewrite, pentru definirea link-urilor din site. Acest lucru este benefic în special la optimizarea pentru motoarele de cautare (SEO). </li></ul><ul><li>În principiu, framework-ul este accesibil, practic ș i avantajos din punct de vedere comercial destinat mai ales creării unor pagini web mai pu ț in preten ț ioase sau performante. Pentru site-uri ceva mai elaborate ș i cu o procesare performantă trebuie realizată o optimizare a codului. </li></ul>
  11. 11. Îmbunătă ț irea sistemului <ul><li>În afară de limitările prezentate mai sus, ar fi util dacă ar exista un modul de plăţi pentru comerţul online valabil şi pentru ţări precum România, PAYPAL şi Google CheckOut nu au acoperire pentru România. </li></ul>
  12. 12. Demo <ul><li>Aplicaţia demo creată pentru acest tutorial poate fi vizualizată la următoarea adresă : </li></ul><ul><li>http://musicnonstop.weebly.com </li></ul>

×