E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Adobe Dreamweaver

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  Adobe Dreamweaver  /  Diverse (7)

Lucrul in fereastra document - Code, Design sau Split

10.05.2008
Lucrul in fereastra document - Code, Design sau Split

In acest tutorial vei putea citi despre diferitele modalitati in care poti edita un document in Adobe Dreamweaver, despre ferestre cascadate sau intercalate si despre redimensionarea ferestrei document.

Total vizualizari: 7712 7712 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 20 min 20 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

In acest tutorial vei putea citi despre diferitele modalitati in care poti edita un document in Adobe Dreamweaver, despre ferestre cascadate sau intercalate si despre redimensionarea ferestrei document.

Schimbarea modurilor de vizualizare in fereastra document

Adobe Dreamweaver permite vizualizarea documentelor in mai multe moduri de afisare: Code (sursa documentului), Design (ceea ce afiseaza browserul) sau Split (cod si design).

Pentru a activa modul Code, mergi la View > Code sau da click pe butonul Show Code View din toolbar-ul documentului:

Lucrul in fereastra document

Pentru a activa modul Design, mergi la View > Design sau da click pe butonul Show Design View din toolbar-ul documentului:

Lucrul in fereastra document

Pentru a activa modul Split, selecteaza View > Code and Design sau da click pe butonul Split (Show Code and Design View) din toolbar-ul documentului:

Lucrul in fereastra document

Trecerea succesiva intre modul Code si Design se face apasand tastele Ctrl+ "`". Daca ne aflam in modul Split si sunt afisate pe ecran ambele vizualizari, atunci aceasta combinatie de taste muta cursorul intre cele doua ferestre.


Ferestre cascadate sau intercalate

Daca ai multe documente deschise in acelasi timp, poti sa le aranjezi in cascada sau sa le intercalezi. Alege una dintre cele doua optiuni: Window > Tile Horizontally sau Window > Tile Vertically pentru a afisa toate ferestrele in acelasi timp sau Window > Cascade pentru a le afisa in cascada (una deasupra celeilalte).

Redimensionarea ferestrei document

Bara de stare afiseaza dimensiunile curente ale ferestrei (in pixeli). Pentru a crea o pagina care sa arate cat mai bine la o anumita rezolutie, poti aduce fereastra la orice dimensiune predefinita sau poti defini marimi noi.

Pentru a utiliza o marime predefinita a ferestrei, selecteaza una dintre dimensiunile din meniul pop-up Window Size aflat in partea de jos a ferestrei.

Nota (Numai pentru Windows): Poti maximiza (mari) fereastra document astfel incat sa ocupe intreaga suprafata a documentului din fereastra integrata. Nu poti redimensiona fereastra cand este maximizata.

Lucrul in fereastra document

Dimensiunea reflecta marimea ferestrei de browser, fara margini; dimensiunea monitorului este trecuta in paranteze. De exemplu, vei utiliza marimea 536 x 196 (640 x 480, Default) daca vizitatorii site-ului tau vor folosi cel mai probabil Microsoft Internet Explorer sau Netscape Navigator pe un monitor de 640 x 480.

Pentru o dimensionare mai putin precisa, foloseste metodele standard ale sistemului tau de operare pentru redimensionarea ferestrelor (de exemplu tragand coltul dreapta-jos al ferestrei).

Schimbarea valorilor listate in meniul pop-up Window Size

  • Selecteaza din meniu Edit Sizes
  • Click pe oricare din valorile de latime (width) sau inaltime (height) din lista Window Sizes si tasteaza noua valoare.
  • Pentru ca fereastra sa ajusteze numai latimea (width) specifica, lasand inaltimea nemodificata, selecteaza si sterge valoarea campului inaltime (height).
  • Click pe Description si adauga un text descriptiv pentru marimea pe care ai modificat-o.

Adaugarea unei noi dimensiuni in meniul pop-up Window Size

  • Selecteaza din meniu Edit Sizes
  • Click pe spatiul gol de sub ultima valoare din coloana Width
  • Adauga valori pentru latime si inaltime (Width si Height). Pentru a seta numai una din valori, lasa gol celelalt camp.
  • Click pe Description si adauga un text descriptiv pentru marimea pe care ai creat-o. De exemplu, poti scrie "SVGA" sau "average PC" langa elementul de intrare pentru un monitor de 800x600px si "17-in. Mac" langa elementul de intrare pentru un monitor 832x624px. Majoritatea monitoarelor pot fi ajustate la o varietate de dimensiuni.

Dimensiunea ferestrei si viteza de conectare

Pentru a modifica dimensiunea ferestrei si viteza de conectare:

  • Selecteaza Edit > Preferences (Windows) sau Dreamweaver > Preferences (Macintosh).
  • Selecteaza tab-ul Status Bar din lista Category aflata in partea stanga.
  • Seteaza oricare din urmatoarele optiuni:
    Marimea ferestrei (Window Sizes) :
    - modifica dimensiunile ferestrei din meniul pop-up al status bar.
    Viteza conexiunii (Connection Speed):
    - determina viteza conexiunii (in kb/sec) folosita pentru a calcula rata de download a unei pagini.

Rata de download pentru pagina este afisata in status bar. Cand o imagine este selectata in fereastra document, rata de descarcare a imaginii este afisata in Property Inspector.

Rapoarte in Dreamweaver

Adobe Dreamweaver ofera o serie de rapoarte pe care le poti utiliza pentru a-ti verifica site-ul. Acestea pot fi accesate din fereastra Results (F7):

  • Search - poti cauta tag-uri, atribute, text in cadrul tag-urilor.
  • Validation - poti verifica erorile de sintaxa ale codului.
  • Target Browser Check - poti testa codul HTML din documentele tale pentru a vedea daca unele tag-uri si atribute nu au suport pe anumite browsere.
  • Link Checker - poti gasi link-uri deteriorate, externe, "orfane".
  • Site Reports - poti imbunatati atributele de test HTML si workflow-ul din site-ul tau. Rapoartele Workflow includ note de design, "checked out by", modificari recente; rapoartele HTML includ taguri de font imbricate, accesibilitate, lipsa textului "alt", taguri imbricate "alt" redundante, tag-uri vide ce pot fi sterse, documente fara titlu.
  • FTP Log - iti permite sa vizualizezi toata activitatea de transfer FTP.
  • Server Debug - iti permite sa vizualizezi informatia pentru a depana o aplicatie Macromedia ColdFusion de la Adobe.
Pagina:
1
comenteaza printeaza

Cuvinte cheie:   dreamweaver,   document,   fereastra,   code,   design,   split,   window size,   edit sizes

Alte tutoriale Adobe Dreamweaver:
Noteaza acest tutorial
Rating tutorial
 
(2 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5450
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5445
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
5275
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
5260
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
5010
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
PSD Word AJAX SEO Vista XML Illustrator Fireworks SWF Powerpoint StyleSheet Bridge Outlook Action Script Ruby on Rails Photoshop Dreamweaver PHP CSS Lightroom RoR JSON Sony Vegas Swift 3D MySQL XHTML Gimp Flash Verilog Javascript Excel COREL DRAW Java Python HTML Fotografie
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software