Noțiuni de bază în dreamweaver - studopediya

1. Comutați la modul HTML-cod. clic pe butonul de cod.
Apoi a comuta la modul de cod și design. Dați clic pe Split
apoi - în modul de proiectare. clic pe Design.

A se vedea - în partea de sus, în titlul ferestrei (titlul) a apărut `` Pagina Mea.

3. Salvați documentul (pagina web): File / Save sub numele index.html A se vedea modul în care partea de sus a ferestrelor din 2 locuri reflecta această schimbare.

II. limbajul HTML și principiile de lucru în modul cod html

1. Uită-te la codul HTML al paginii. Atunci când o pagină este goală, între etichetele .. nici o informație.

2. Scrieți între .. versetul (fiecare linie cu o linie nouă):

Te iubesc, creația lui Petru,
Îmi place Stern tău, aspectul subțire,
Neva flux maiestuos,
coastă de granit.

3. apăsați F5. astfel încât a fost actualizată pe pagina (în modul de proiectare). Deși ați introdus în versetul 4 linii de pe pagina web, totul va fi într-o singură linie. Motivul - nu pentru a insera tag-ul pauză linie
.

4. În modul de cod după fiecare linie, adăugați eticheta
, Pentru a face acest lucru:

Te iubesc, creația lui Petru,

Îmi place Stern tău, aspectul subțire,

Neva flux maiestuos,

coastă de granit.

5. Apăsați F5 și a vedea că pe pagina web în modul de proiectare a devenit în versetul 4 linii.

6. În modul de cod după linia (după cuvântul `granit.` și tag-ul
) Enter: AS Pușkin

Te iubesc, creația lui Petru,

Îmi place Stern tău, aspectul subțire,

Neva flux maiestuos,

coastă de granit.

Apăsați F5 (se aplică), uita-te la pagina web a rezultatului:

etichetă

separă pasajul (de exemplu, Puskin SA) de la alte indentare.

Apoi, anexați versetul din tag-uri . Pentru a obține:

Te iubesc, creația lui Petru,

Îmi place Stern tău, aspectul subțire,

Neva flux maiestuos,

coastă de granit.

Apăsați F5 (se aplică). Astfel, eticheta Aceasta face ca font cursiv.

9. Locul spații suplimentare între cuvinte în orice verset rând. De exemplu: Eu te iubesc, creația lui Petru,

Uite, în modul pagina web (modul de proiectare), nimic nu sa schimbat

Dar, dacă aveți nevoie de spațiu suplimentar. odnovremennoCtrl click + Shift + bara de spațiu. În modul de cod în acest marcaj apare litera nbsp (adică spațiu non-rupere).

Atribute Tag (specificați tag-uri de acțiune)

1. cadru un cuvânt `Pushkin tag-uri A.S.` . Pentru a obține:

Apăsați F5. În Dreamweaver, fereastra nu se va vedea modificările. Salvați modificările (faceți clic pe Ctrl + S) și vedeți cum arată pagina într-un browser. Pentru a face acest lucru, du-te la browser-ul Internet Explorer și acolo apăsați F5. Rezultat - tag Se creează un efect Marquee.

2. După etichetă atribut set de direcție = mod „corect“:

Pușkin AS

Salvați modificările (faceți clic pe Ctrl + S). Du-te la browser-ul, există apăsați F5 (se aplică modificări). Rezultatul - o direcție atribut = „dreapta“ a schimbat liniile de funcționare de la stânga la dreapta.

3. Experiment cu atribute. În loc de tip „drept“ alternativ (și de fiecare dată păstrarea și vizionarea rezultatelor în browser-ul, făcând clic acolo F5):

Răspuns: Care sunt aceste atribute?

III. Lucrul în modul de proiectare: formatarea textului

· Text și elemente Alinierea

Fig. 2. panoul de proprietăți pentru a regla parametrii unui paragraf, antet

JOB. Pentru a face un titlu de text sau paragraf simplu:

1. Tipul de la punctele 2-3 de modul Design text sau deschide documentul terminat cu textul. Faceți clic pe paragraf, sau selectați un text în el.

2. În lista Format, selectați formatarea:

- pentru a face titlul de text. selectați rubrica 1. Rubrica 2. Rubrica 6 (rubrica 1 - cel mai mare titlu tag-ul este responsabil pentru ea

etc). Stilul selectat este aplicat la întregul paragraf.

- pentru a face textul alineatului (acesta este separat printr-o linie goală după paragraful), selectați paragraf;

- pentru a păstra în formatarea manuală a textului (ex., vă sunt fragmente dintr-un paragraf izolat, și le-a cerut să dimensiuni separat, stil, și așa mai departe), selectați preformatat;

- pentru a elimina formatul (de înregistrare) al paragrafului, selectați Niciuna.

Caracteristicile de fonturi JOB .Izmenite.

Evidențiați textul (dacă nu este selectat nici un fragment - modificările sunt aplicate textului pe care îl tastați), și de pe panoul Proprietăți la punctul de font (Font), selectați o combinație de fonturi (de exemplu, Arial, Helvetica, sans-serif.).

Browserele arată text utilizând 1 font în combinație (de exemplu, Arial), care este instalat în sistemul utilizatorului. Dacă nu setați oricare dintre fonturile, browser-ul afișează textul pe setările.

Pentru a șterge tipurile menționate anterior de fonturi, pentru a alege implicit (implicit) - se va aplica textul selectat, fontul implicit.

Fig. 3. Panoul Proprietăți pentru a configura setările pentru fonturi

-Pentru a schimba stilul fontului. faceți clic pe butonul Aldin (Bold) și Italic (Italic).

-Pentru a schimba dimensiunea fontului (Size). selectați o dimensiune (1 la 7).
Pentru a mări sau micșora dimensiunea textului selectat. selectați mărimea relativă (de la +1 sau -1-7 sau -7).

- Pentru a schimba culoarea (Color) a textului, faceți clic în panoul Proprietăți pe câmpul de culoare, va deschide o fereastră - selectați o culoare dintr-o paletă de culori de browser. Acest cod de culoare se va reflecta în câmpul de culoare (de exemplu, # 090000).

Culoarea textului inițial (implicit) este utilizat unul care este specificat în fereastra Proprietăți pagină (Page Setup). Dacă acest text oknetsvet, textul este implicit nu a fost setată este afișată în negru.

Alinierea textului (orizontal)

Alinierea textului (Aliniere) pe pagina este, de asemenea, stabilit în butoanele de pe panoul Proprietăți - stânga, centru, dreapta, sau Justify.

Pentru a adăuga liniuță text pe partea stângă. selectați textul și în panoul Proprietăți, faceți clic pe Adăugare spațierea (Text Indentați) sau Anulare liniuță (Text fără indentare).

inserțiile de comandă indentare / șterge într-un html tag-ul

, când textul selectat este un paragraf sau titlu. În cazul în care textul selectat este o listă, atunci echipa a adăugat supliment. tag-uri