Dreamweaver_CS4_4

8/3/2019 Dreamweaver_CS4_4

http://slidepdf.com/reader/full/dreamweavercs44 1/3

<<Dreamweaver CS4

Lecţia 4-a: Crearea unei pagini web cu motto-

uri în JavaScript

Vom crea în Adobe Dreamweaver CS4 o pagină web a site-uluiintitulată JavaScript.html , cu motto-uri utilizând JavaScript.

Apăsaţi Start - Programs - Adobe – Dreamweaver CS4; În meniulSite şi Manage Sites... apăsaţi Ionescu1 şi apoi Done. Apare îndreapta structura site-ului creat la sfârşitul Lecţiei a 2-a: Crearea

unui CV.

Pe structura care apare în dreapta, se apasă dublu click peindex.html.

Crearea unui link la pagina intitulată JavaScript.html

1. Se execută click-dreapta pe folderul html , apoi click pe New File şise tastează numele JavaScript.html . Se crează astfel o nouă paginăweb intitulată JavaScript.html .

2. Pentru a introduce această nouă pagină în meniu se acceseazăcodul html din index.html se copiază una din referinţele existente -să presupunem că aceasta ar fi <a href="Link-uri.html"

class="navigation">Link-uri</a> - care se lipeşte între JavaScript</a> şi </td> după care se înlocuieşte Link-uri cu

JavaScript .

3. Se apasă pe Refresh sau F5. Se observă adăugarea în menu a paginii web nou create JavaScript.html . Se salvează şi se testeazăîn Preview in browser funcţionarea link-ului la noua pagină.

1

Crearea motto-urilor în pagina JavaScript.html

4. Se accesează pagina JavaScript.html prin dublu click în structuradin index.html

Crearea primului motto prin cod direct în corpul <body>

5. Se plasează cursorul mouse-ului undeva între <body> şi</body>

6. În bara Insert se execută click pe HTML / Script Objects / Script

7. Apare fereastra Script care conţine Type: text/javascript

8. În Content: se înscrie

document.write("Homines dum docent discunt");document.write("Seneca");

după care se apasă pe butonul OK.

9. Salvaţi şi testaţi în Preview in browser .

În pagină va apare primul rând care conţine motto-ul Homines

dum docent discunt scris cu italice deoarece este încadrat demarcatorii şi care indică litere aplecate în limbajul

JavaScript. Marcatorul arată că urmează un text de la capătulrândului. Întregul mesaj este scris între ghilimele şi încadrat de paranteze pentru a marca conţinutul operatorului write alJavaScript. Menţionăm că operatorul aparţine obiectului document

(cuvânt-cheie în JavaScript).

După primul rând apare cel de-al doilea rând care conţine numeleautorului motto-ului Seneca scris de această dată cu litere îngroşatedatorită marcatorului terminat cu (vezi limbajul

JavaScript).

Crearea celui de-al doilea motto cu ajutorul unei funcţii inserateîn corpul <head>

10. Se plasează cursorul mouse-ului undeva între <head> şi</head>, eventual imediat după <title>.

11. În bara Insert se execută click pe HTML / Script objects /Script.

2

12. Apare fereastra Script care conţine Type: text/javascript.


function afisare () {

document.write(" Knowledge is power");document.write("Francis Bacon");

}

după care se apasă pe butonul OK.

În acest fel s-a creat funcţia afisare care poate fi apelată de oriundeîn corpul <body>. Urmează un exemplu.

14. Se plasează cursorul după primul script, în <body>.15. În bara Insert se execută click pe HTML / Script objects /Script.

16. Apare fereastra Script care conţine Type: text/javascript.


afisare (); după care se apasă pe butonul OK.

18. După salvare şi testare în Preview in browser , în pagină vaapare, la fel ca în primul exemplu, primul rând care conţine motto-ul Knowledge is power scris cu italice, urmat de al doilea rând careconţine numele autorului Francis Bacon scris cu litere îngroşate.

3

Dreamweaver_CS4_4

Documents

Transcript of Dreamweaver_CS4_4