• Acasă
  • Despre noi
  • Autori
  • Mărturii
  • Arhivă
  • Trimite Articol
  • Contact

WORLDIT

Lumea în 1 și 0.

  • Știri
    • Tehnologie
    • Tehnologie mobilă
    • Securitate
    • Developers
    • Știință
    • Benzi desenate
    • Jocuri
    • Intern
  • Tehnic
    • Browser
    • C#
    • C/C++
    • Challenge
    • HTML/CSS
    • Javascript, Ajax, jQuery
    • Open Source
    • PHP
    • Python
    • Securitate IT
    • Socializare
    • WordPress
    • Altele
  • Recenzii
  • Interviuri
  • Evenimente

Website in 6 pasi si fara coding

0
  • Publicat de Hurmuz Gheorghita
  • în Altele · Tehnic
  • — 8 apr., 2010 at 8:00 am

Silverlight este versiunea alternativa, de la Microsoft, pentru platforma Flash. Microsoft Expression Blend 3 este un tools ce usureaza lucrul cu Silverlight, un soft WYSIWYG (What you see is what you get).

Astazi m-am hotarat sa va impartasesc si voua usurinta cu care puteti sa creati un web-site cu un design profesional, fara sa scrieti vre-un cod, in Blend (daca a-ti mai lucrat cu platforma Flash atunci o sa obervati ca modul de a lucra in Blend este aproximativ acelasi, la prima vedere, numai ca se schimba putin limbajul si Blend are avantajul de a oferi mai multe programatorilor, designerilor dar are si lipsuri).

In primul rand presupunem ca aveti Microsoft Expression 3 instalat (daca nu puteti sa il downloadati, versiunea trial de pe Microsoft).
Sa vedem acum despre ceea ce am vrut sa spun in titlu si in explicatia de mai sus.

• Pentru inceput deschidem Microsoft Expression Blend 3 si creem un nou proiect.

• Selectem ca mod de organizare a datelor , de la iconita din stanga-sus, modelul Grid si impartim artboard-ul in 4 parti (top, navigator, content, bottom) ca in imaginea de mai jos:

• A sosit momentul sa ne creem sablonul pe baza caruia lucram. Eu am creat un design simplu care arata cam asa (3 butoane si cateva text-blokuri, alternativele labelurilor din Visual Studio):

• Adaugam in fereastra State (Windows->State sa fie bifat) o stare care cuprindre alte 4 (una default) apasand pe iconita care are in dreapta-jos un + ( semnul plus )(1) . Dupa ce am adaugat starea adaugam alte 3 apasand pe o iconita asemanatoare celei de mai sus dar de la starea principala (2).

• Pentru fiecare stare in parte selectam modul de aparitie a continutului corespunzator butonului selectat. Pentru aceasta selectam o stare dupa care in fereastra Objects and Timeline (Windows->Objects and Timeline) selectam obiectul pe care vrem sa-l aducem in artboard.


• Acum vine partea cea mai interesanta: cum “legam” butonul de continut? Daca lucrati in flash/flex atuci trebuie sa tratati un eveniment scriind cateva linii de cod (sau in Visul Studio) dar Blend ofera un mod mai simplu. Sa vedem cum: in fereastra States selectam Base, din fereastra Assert (Windows->Assert) selectam tab-ul Behaviors de unde alegem GoToStateActions si il tragem deasupra butonului (drag and drop). Expandam obiectul [Button] din Objects and Timeline si selectam GoToStateAction dupa care din fereastra Proprieties (Windows->Porprieties) la EventName selectam Click (adica tratam evenimentul Click) dupa care la StateName selectam starea corespunzatoare butonului (deci , Blend ofera un mod mai usor de a trata unele evenimente) .Repetam acesti pasi pentru fiecare buton in parte si la urma apasam F5 pentru a vedea rezultatul.

Asemenea celor facute de mine puteti sa faceti un slideshow etc. (cu ajutorul “comportamentelor” din galeria oferita de Microsoft si cu animatiei). Pentru a vedea cat ar fi trebuit sa codati puteti sa va uitati la codul generat de Blend selectand meniul View->Active Document View-> XAML View sau selectand a 2-a iconita de deasupra scroll-barului artboardu-lui .

Daca acest articol contine o greseala, selecteaza cuvintele sau fraza gresita si tasteaza combinatia de taste Shift + Enter sau apasa click aici pentru a o raporta. Multumim!

Etichete: creaza un website in cateva minutecum sa faci un websiteflashMicrosoftmicrosoft expression blend 3onlinesilverlightwebsiteWYSIWYG

— Hurmuz Gheorghita a scris 3 articole

Nu există o descriere a autorului.

  • Articolul anterior Uneltele Google Webmaster si imbunatatirea performantelor
  • Articolul următor Parcurgerea in latime – Lee

  • Facebook

    WorldIT.info
  • Ultimele Atacuri Cibernetice din Romania – RO Hacked

    • imacoolat-curat.ro
      | Published: februarie 3, 2020 - 2:00 am
    • hotel-palace.ro
      | Published: februarie 2, 2020 - 2:00 am
    • www.tahometru.ro
      | Published: februarie 1, 2020 - 2:00 am
    • alexisart.ro
      | Published: ianuarie 30, 2020 - 2:00 am
    • justshop.ro
      | Published: ianuarie 29, 2020 - 2:00 am
    RO Hacked este registrul atacurilor cibernetice din România.
  • Caută

  • Articole Recomandate

    • Recent Posts
    • Tags
    • Număr record de participanți la DefCamp 2015, cel mai important eveniment dedicat securității cibernetice din Europe Centrala si de Estdecembrie 2, 2015
    • La DefCamp 2015 vei afla prin ce tehnici pot fi evitate măsurile de securitate ale sistemelor informatice criticeoctombrie 16, 2015
    • Ultima sansa sa rezervi bilete de tip Early Bird la DefCamp 2015septembrie 1, 2015
    • 15 sfaturi despre cum poti deveni un programator bun venite de la specialisti romaniaugust 4, 2015
    • algoritmica Android antivirus Apple Avadanei Andrei benzi desenate BitDefender blog browser C++ Chrome concurs eveniment Facebook Firefox Google google chrome hacking html5 infografic informatica internet Internet Explorer IT javascript linux Microsoft Mozilla Firefox online PHP programare retea sociala review Romania securitate Tehnologie Twitter web Windows Windows 7 Wordpress WorldIT worldit.info Yahoo! YouTube
  • ianuarie 2021
    L Ma Mi J V S D
    « dec.    
     123
    45678910
    11121314151617
    18192021222324
    25262728293031
  • Link-uri Sponsorizate

    • laptop second hand

    • Calculatoare Second Hand

    • cod voucher pc garage

  • Home
  • Tehnic
  • Altele
  • Website in 6 pasi si fara coding
  • Important

    • Bit Sentinel
    • Centrul de Cercetare în Securitate Informatică din România
    • DefCamp
  • Prieteni

    • BetiT.ro
    • bijuterii handmade
    • Computerica | Resurse gratuite PC
    • Descopera.org
    • Gadgeturi si IT – Giz.ro
  • Prieteni

    • PC – Config
    • RO Hacked
    • Stiri IT

Copyright © 2009-2014 WORLDIT. Toate drepturile Rezervate.
Termeni și condiții | Contact | Licența Creative Commons

Multumim foarte mult ca ne-ai raportat greseala! O vom remedia in cel mai scurt timp posibil.