Sunteți pe pagina 1din 1

Seminar Expression Web 3 1.

Crearea unui nou site plecand de la un sablon existent Site->New Site -> Templates->Small Business x 2. Vizualizarea site-ului: a. Partea centrala utilizata pentru vizulizarea continutului paginilor site-ului b. In stanga: Folder List viziune arborescenta asupra elementelor componente ale site-ului (Alt+F1 pt a include/exclude) c. In partea dreapta: Toolbox contine elemente HTML si controale formular si ASP.Net d. Apply Styles permite aplicarea, editarea, redenumirea, stergerea unui stil sau atasarea/detasarea unui CSS. Paginile pot fi vizualizate in mod grafic (Design), Cod HTML (Code) sau modul Split care permite vizualizarea combinata, grafic si cod. 3. Editarea continutului continutul editabil poate fi modificat in fiecare pagina in parte. Pentru a modifica layoutul aplicat in mod unitar paginilor site-ului nostru este necesara editarea paginii master.dwt ( DWT=Dynamic Web Template). Se recomanda sa se lucreze in modul Split, editand informatiile in zona de cod. Exercitiu: editati pagina master: - Modificare background - Modificare logo pt firma proprie - Meniu in limba romana 4. Includerea unor noi pagini in site-ul nostru. Pentru a crea o noua pagina: New->HTML. Odata ce pagina a fost creata, ea trebuie inclusa in proiect prin includerea in meniul site-ului: master.dwt -> se creeaza un nou element al listei de meniu. Pentru a vizualiza modificarile realizate in browser: File->Preview in Browser (sau din bara de optiuni, sau F12). Exercitiu: creati o pagina noua, numita Blog, pe care apoi includeti-o in meniul site-ului. Dupa ce ati inclus-o, atasati-i sablonul dinamic folosit si pentru celelalte pagini. (Format->Dynamic Web Template -> Attach DWT). Se pot aplica efecte de tranzitie la parasirea unei pagini, respectiv la deschiderea ei (Format->Page Transition) 5. Butoane interactive elemente grafice folosite pentr a include hyperlegaturi catre alte pagini, documente, Outlook. Insert->Interactive Button Exercitiu: creati un buton interactiv pe pagina de contact care sa declanseze trimiterea unui mail catre firma. 6. Includerea unor date din alte surse (legatura cu o BD Access) Exercitiu: In pagina Employees, sa se vizualizeze toti Angajatii din tabela Angajati, a BD create anterior Toolbox->ASP.Net Control-> Data-> GridView-> Drag and Drop in pagina-> Choose Data Source-> New Data Source-> Access Database-> Browse si se selecteaza . Atentie! BD trebuie salvata in formatul Access2003 (.mdb). Apoi: se selecteaza campurile care doriti sa apara in pagina si se impun restrictiile dorite.-> Test Query>Finish -> Se bifeaza optiunile Enable Paging (afiseaza doar un subset de inregistrari in pagina, si permite utilizatorului sa navigheze intre pagini) ,Enable Sorting(permite sortarea datelor) si Enable Selection (permite selectarea inregistrarilor; Se poate specifica aspectul inregistrarilor sortate prin editarea grupului de proprietati SelectedRowStyle din Properties task pane)