Lucrul cu foi de stil în Dreamweaver. Crearea de stiluri.
Calmează-te. E în regulă. Dreamweaver suportă perfect foile de stil externe și interne și vă permite să creați stiluri care sunt "cele mai ușor de înțeles" în momentul lansării lor în browserele Web. Aplicarea stilurilor create elementelor paginii este, în general, ușoară.
Dar de ce ai nevoie de atât de mult cod sursă? Pentru a înțelege ce foi de stil sunt și cum funcționează. Și cel mai simplu mod de a explica acest lucru este cu exemple scrise în HTML și CSS. În plus, cunoașterea limbajelor HTML și CSS pentru un designer Web nu este deloc dăunătoare, dimpotrivă, utilă. Cunoștințe suplimentare - bagajele nu sunt împovărătoare și adesea nu sunt deloc inutile.
Crearea de stiluri
Înainte de a începe experimentarea cu stiluri, deschideți pagina Web 1.1.htm pe care am creat-o chiar la începutul studiului Dreamweaver. Vom subjuga conținutul său. Doar re-salvați-l ca 10.2.htm selectând Save As din meniul File sau apăsând CTRL + SHIFT + S.
Toate lucrările cu stiluri au loc în panoul Styles Dreamweaver CSS, prezentat în Fig. 10.3. Pentru ao aduce pe ecran sau selectați elementul Stiluri CSS din meniul Fereastră. sau apăsați SHIFT + F11.
Pentru a crea un stil nou, selectați Stilul CSS nou al meniului contextual sau al meniului suplimentar sau faceți clic pe același buton (Figura 10.4) situat în colțul din dreapta jos al panoului Stiluri CSS. De asemenea, puteți să activați fereastra documentului și să selectați submeniul Stil nou din submeniul CSS Stiluri din meniul contextual sau același element din același submeniu din meniul Text. Ca urmare a oricăreia dintre aceste acțiuni, apare caseta de dialog New CSS Style. prezentat în Fig. 10.5.
Fig. 10.4. Noul buton stil CSS
Fig. 10.5. Cutie de dialog nouă