Dreamweaver

Dreamweaver

Byadmin ianuarie 1, 2024

CUPRINS

Argument

Dreamweaver este un generator HTML de tip WYSIWYG (What You See Is What You Get). Aceasta inseamna ca, daca efectuam o modificare pe ecran in interiorul programului, rezultatele acestora vor fi afisate instantaneu.

Prin contrast, daca ar fi fost necesar sa scriem manual liniile de program HTML, ar fi trebuit sa examinati programul in interiorul unui browser Web pentru a vedea rezultatele. Raspunsul imediat al unui mediu de proiectare mobil, precum Dreamweaver, mareste considerabil fluxul activitatii, deoarece puteti vedea imediat, in timpul lucrului, daca va plac sau nu rezultatele obtinute.

Am ales aceasta tema fiind inspirata chiar de mama mea,care are acest hobby,de a tricota. Asadar in acest site am folosit poze originale,cu haine create de mama,chiar pentru mine. Consider ca trebuie sa ai indemanare,imaginatie si rabdare pentru a realiza aceste piese vestimentare tricotate manual.iar prin acest site am vrut sa demostrez ca nu este usor,dar rezultatul este unul extraordinar.

ORGANIZAREA UNUI SITE ÎN MACROMEDIA DREAMWEAVER

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afisate într-un browser (sau navigator).

Posibilitățile din Dreamweaver:

formatarea paginii HTML

editare de imagini

crearea de animatii cu Dynamic HTML

crearea de obiecte flash

creare de foi cu stiluri externe

administrarea transferului de fisiere(FTP)

design de formulare si conectarea lor la baze de date online

Crearea șabloanelor de pagină(templates) se realizează urmărind calea:

File/New/Page Designs.

Tipuri de fisiere folosite in siturile Dreamweaver:

(TIP / FOLOSIT PENTRU / CREAT DE)

HTML/Designul paginilor web/Dreamweaver sau program de procesare text

GIF/Prezentarea de grafica pe web/Adobe Photoshop sau alte programe de grafica

JPEG/Prezentarea pe web a fotografiilor si a ltor elemente unde culoarea este importanta/Adobe Photoshop sau alte programe de grafica

PNG/Similar cu Gif/Adobe Photoshop sau alte programe de grafica

SWF/Prezentarea de imagini vectoriale si animate integrate in situri web, folosind Flash Viewer

MPEG, MP3, WAV, RM, QT, AU/Fisiere media/Adobe Premiere, Ulead Media Station Pro, Real Producer, QuickTime, Cool-Edit

CSS/Cascading Style Sheet, stocheaza formatarea de ansamblu pentru un sit /Dreamweaver sau scris de mana folosind codul CSS

INTERFAȚA MACROMEDIA DREAMWEAVER

Panoul Objects

Panoul Objects contine randuri cu pictograme de obiecte si este folosit ca punct de oprire (cu un clic) pentru numeroase operatii. Daca deplasatti mouse-ul deasupra panoului Objects si luati o scurta pauza, veti vedea ce anume simbolizeaza fiecare pictograma. Puteti modifica aspectul acestui panou din meniul Dreamweaver Preferences, daca doriti sa vedeti si numele abiectelor, in afara pictogramelor sau in locul lor.

Multe articole care se gasesc sub forma de obiecte exista de asemenea sub meniul Insert, situat in bara superioara cu meniuri. Panoul Objects ofera posibilitatea utilizarii unui singur clic de mouse in locul barei cu meniuri respective. In general unii se simnt mai bine cand executa clic pe pictograme, in timp ce altii prefera accesul prin intermediul meniurilor.
.

Tipuri ale panoului Objects

.
Tipuri de obiecte

Similar cu numeroase bare cu instrumente folosite in Dreamweaver, panoul Objects este sensibil la context. In mod prestabilit, acesta afiseaza ceea ce Dreamweaver numeste obiecte de tip Common. Puteti modifica panoul Objects astfel incat acesta sa afiseze si alte categorii de obiecte, atunci cand aveti nevoie de acestea.

Cand mentineti indicatorul mouse-ului deasupra sagetii amplasate in partea de sus a panoului Objects, veti obseva ca aceasta are mentiunea Common, ceea ce inseamna ca in acest moment vedeti elementele de tip Common din aceasta bara cu instrumente. Pentru ca programul sa afiseze celelalte tipuri de obiecte, executati clic si mentineti apasat butonul mouse-lui pe sageata meniului pop-up. Veti vedea o lista a celorlalte panouri, denumite Characters (caractere), Forms (formulare), Frames (cadre), Head, Invisibles (invizibile) si Special.

.

Inspectorul Property

Similar panoului Objects, inspectorul Property este sensibil la context, ceea ce inseamna ca isi modifica in mod constant continutul in functie de tipul elementului selectat.

Inspectorul Property controleaza numerosi parametri, inclusiv cei pentru text, tabele, aliniere, imagini. Deoarece Dreamweaver insereaza in mod prestabilit o pagina fara continut, unde se gaseste un simbol clipitor pentru inserare de text, inspectorul Property afiseaza in mod prestabilit proprietatile unui text.

Continutul Inspectorului Property se modifica in functie de ceea ce este editat pe ecran. Deoarece aceste elemente se modifica in functie de context.

.

Bara Launcher si Mini-Launcher

Bara Launcher va permite sa obtineti acces la diferite aspecte ale programului Dreamweaver prin intermediul unui singur clic. In esenta de aici sunt lansate regiunile Site (sit), Assets (active), HTML Styles (stiluri HTML), CSS Styles (stiluri CSS), Behaviors (comportari), History (istoric) si Code Inspector (inspector de program) ale interfatei.
.

Amplasare bara Mini-Launcher

Bara Mini-Launcher, situata in partea inferioara a ecranului, functioneaza la fel ca bara Launcher .

Caracteristici ale barelor Launcher si Mini-Launcher

.
Personalizare barei Launcher

La deschiderea programului Dreamweaver, bara Launcher va contine optiunile prestabilite. Daca descoperti ca nu utilizati frecvent unele optiuni sau ca alte optiuni lipsesc, puteti modifica optiunile ce apara in bara Launcher, cat si in Mini-Launcher, selectand Edit > Preferences… > Panels > Show in Lancher. Puteti elimina optiunile existente prin evidentierea lor si executare unui clic pe semnul minus (-). Prin executarea unui clic pe plus (+), va fi afisata o lista cu optiuni care pot fi atasate la ambele bare de lansare.

Ordinea optiunilor selectate poate fi modificata cu usurinta prin evidentierea unei optiuni si executarea unui clic pe sagetile orientate in sus, respectiv in jos.
.

Scurtaturi pentru barele Launcher

Toate caracteristicile barelor Launcher sunt disponibile ca articole sub meniul Window.

De asemenea, scurtaturile cu taste functionale prezentate in continuare sunt valabile atat utilizatorilor de sisteme Mac, cat si pentru cei care folosesc Windows.
.

Bara de instrumente

In acest moment puteti optine acces la numeroase optiuni de care aveti nevoie direct din bara de instrumente, o caracteristica noua in Dreamweaver 4. Bara cu instrumente cotine o serie de butoane si meniuri derulante care va permit executarea unor operatii percum schimbarea modului de vizualizare a documentului, stabilirea titlului paginii, previzualizarea paginii intr-un browser si accesul la noul panou Reference.

Modurile de vizualizare in fereastra document

Dreamweaver 4 ofera un nivel superior de control si flexibilitate, exprimat prin posibilitatea de vizualizare a paginilor dumneavoastra intr-unul din cele trei moduride vizualizare diferite, respectiv Code, Code and Design si Design. In mod prestabilit, toate documentele noi se vor deschide in modul de vizualizare Design. Cele trei butoane situate in coltul din stanga-sus al ferestrei document va permit sa comunicati in cele trei moduri de vizualizare diferite.

Mod de vizualizare Code

Mod de vizualizare Code and Design

Mod de Design vizualizare

Preferinte

Exista numeroase preferinte (Preferences) pe care le puteti modifica, pentru a transforma Dreamweaver in propriul dumneavoastra editor HTML personalizat. Acesti parametri pot fi modificati in orice moment. Pentru a obtine accesul la caseta de dialog Prefernces selectati Edit > Preferences… Sub categoria General exista parametri care determina aspectul si modul de functionare a programului Dreamweaver in asamblu.

.Meniu Preferinte – Editoare externe

Puteti specifica editoarele HTML externe (External HTML Editors). Aceasta inseamna ca se poate specifica un alt editor HTML,precum BBEdit sau HomeSite, pentru editarea codului generat de Dreamweaver. Dreamweaver 4 este livrat cu BBEdit (pentru Mac), repectiv cu HomeSite (Windows), deci aceste doua programe vor fi predefinite ca editoare HTML externe implicite.
.

Dimensiuni predefinite ale ferestrelor

Unul din dezavantajele proiectarii in Web este acela ca aspectul paginii se va modifica in functie de dimensiunile monitorului care o afiseaza. Dreamweaver dispune de o caracteristica utila – si anume optinea Window Sizes (dimensiuni ale ferestrelor) – care contribuie la o proiectere mai precisa pentru o anumita dimensiune a monitorului.
.

Meniu dimensiuni ferestre

Meniul Windows Size ofera o diversitate de dimensiuni predefinite pentru fereastra Document. De exemplu, daca dorim sa proiectam pentru un ecran cu dimensiunile 740 x 420 pixeli, putem selecta aceasta dimemsiune, iar Dreamweaver va modifica automat fereastra Document pentru a reflecta o noua configuratie. Astfel, vom putea vizualiza mai usor paginile in fereastra browser de diferite dimensiuni, dar nu vom modifica fizic dimensiunea ferestrei HTML pentru utilizatorul final, in cazul in care alege aceasta optiune.

536 x 196 (640 x 480, Default)

600 x 300 (640 x 480, Maximized)

760 x 420 (800 x 600, Maximized)

795 x 470 (832 x 624, Maximized)

955 x 600 (1024 x 768, Maximized)

544 x 378 (WebTV)

.Controlul siturilor

Cei care au mai construit situri Web vor fi de acord ca gestiunea fisierelor este una dintre cele mai mari probleme ale acestui mediu. Gestiunea fisierelor consta din organizarea , structura dosarelor si conventiile de denumire pentru toate paginile si obiectele din site-ul Web.

Putine alte discipline necesita crearea simultana a unui numar atat de mare de documente, deoarece paginile Web sunt alcatuite , de obicei, din numeroase fisiere de text si imagine.

Pentru a reduce dificultatea de a gestiona un numar foarte mare de fisiere, majoritatea dezvoltatorilor isi construiesc siturile Web pe hard-disc, iar dupa ce au terminat incarca aceste fisiere pe un server Web, astfel incat fisierele sa poata fi vizualizate din Internet.

.

Fereastra unui site

Ce este un dosar radacina local?

Dreamweaver foloseste o schema de gestionare a siturilor care impune pastrarea tuturor fisierelor in interiorul unui dosar radacina local principal, pentru a putea reproduce cu usurinta ierarhia de dosare de pe hard – disc atunci cand incarcam fisierele intr-un server Web. Un dosar radacina local este asemanator cu oricare alt dosar de pe hard-disc, cu exceptia faptului ca i-am indicat programului Dreamweaver ca in acest dosar se gasesc toate fisierele HTML si fisierele media aferente sitului.

Un dosar radacina local poate contine multe sub-dosare, dar Dreamweaver nu poate pastra evidenta elementelor daca acestea nu sunt stocate in dosarul radacina local.

Definirea unui site

Caracteristica programului Dreamweaver de gestiune ale siturilor va cataloga toate fisierele din cadrul acestui dosar prin construirea unui fisier cache de sit – un mic fisier care contine informatii despre locatia si numele tuturor fisierelor si dosarelor din sit.

Deschidem Dreamweaver si apasam tasta F8 pentru a deschide fereastra Site. Din meniul pop – up, selectam Define Sites… (definire situri). Astfel, se va deschide fereastra Definition.

.Fereastra Site Definition

In campul Site Name (numele sitului) tastam numele sitului.

.Gestiunea fisierelor si dosarelor

Din interiorul ferestrei Site a programului Dreamweaver, putem crea dosare si fisiere noi, respectiv le putem muta dintr-un catalog in altul. La executarea acestei operatii, de fapt adaugam dosare si fisiere pe hard – disc. Accesul din interiorul programului Dreamweaver la unitatea de disc este esential pentru operatiile de gestiune a siturilui, deoarece in acest mod Dreamweaver va putea pastra evidenta locatiei unde au fost mutate fisierele sau unde au fost adaugate fisiere noi.

Crearea hartii unui sit

Crearea unei harti dreastra Site Definition

In campul Site Name (numele sitului) tastam numele sitului.

.Gestiunea fisierelor si dosarelor

Din interiorul ferestrei Site a programului Dreamweaver, putem crea dosare si fisiere noi, respectiv le putem muta dintr-un catalog in altul. La executarea acestei operatii, de fapt adaugam dosare si fisiere pe hard – disc. Accesul din interiorul programului Dreamweaver la unitatea de disc este esential pentru operatiile de gestiune a siturilui, deoarece in acest mod Dreamweaver va putea pastra evidenta locatiei unde au fost mutate fisierele sau unde au fost adaugate fisiere noi.

Crearea hartii unui sit

Crearea unei harti de sit reprezinta o excelenta modalitate de a examina structura sitului Web, deoarece va permite sa vizualizati diferite niveluri ale sitului Web, precum si elementele componente ale acestor niveluri. Dreamweaver poate crea cu usurinta harti de sit si le poate transforma in fitiere PICT sau JPEG (Mac), respectiv BMP sau PNG (Windows).

Harta unui sit in Windows

Din fereastra Site, selectam File > Save Site Map.

Legaturi

O caracteristica importanta este Point to File, care va permite sa indicati un fisier in cadrul ferestrei Site si sa creati legaturi pe baza selectiei. Aceasta caracteristica este utila deoarece va obliga sa selectati fisiere plasate numai in interiorul dosarului radacina localal sitului, ceea ce asigura integritatea legaturilor. Pe langa crearea legaturilor cu fisierele HTML , mai puteti folosi Point to File si pentru a selecta noi fisiere imagine si pentru a le inlocui pe cele deja existente.

Un alt tip de lagaturi este legatura de tip posta electronica. Acest tip special de legatura lanseaza programul de e-mail al utilizatorului final si introduce in mod automat adresa destinatarului.

.
Aplicarea stilurilor HTML

Stilurile HTML reprezinta o excelenta modalitate de formatare rapida a textelor dintr-un document. Putem salva atributele specifice de formatare a textelor, pe care le puteti aplica apoi unui text dintr-o pagina sau tuturor textelor dintr-un sit.

Folosind inspectorul Property, putem modifica tipul de litera in Verdana, Arial, Helvetica, sans – serif, dimensiunea (Size) in 4 si culoarea.

Stiluri HTML

Cadre

Un cadru este o pagina HTML situata an cadrul altei pagini HTML. Sa presupunem ca am creat o imagine care se afla in partea inferioara a unei pagini HTML.Daca situl nostru contine o suta de pagini si am vrea sa plasam aceeasi imagine la baza fiecareia dintre aceste pagini, ar fi necesar sa intersectam imaginea respectiva de o suta de ori, in fiecare din cele o suta de pagini individuale.

Cadrele permit reutilizarea unei singure pagini HTML prin imbricarea sa intr-un alt document HTML (cunoscut si sub numele de set de cadre). Astfel, este posibila crearea imaginii respective la baza unei pagini HTML o singura data, dar si incarcarea imaginii in alte o suta de pagini HTML.

EDITAREA TEXTULUI

Se poate scrie textul cu un procesor de texte si apoi copia in Dreamweaver cu comenzile Copy,Paste sau Copy, Paste as Html.
Copy,Paste pastreaza cateva atribute de formatare a textului-paragrafele si trecerea la un nou rand.
Copy, Paste as Html lipeste textul sub forma unui singur paragraph.
Find and Replace cauta si inlocuieste aparitiile unei sintagme.
Text->Check Spelling verifica ortografia.

FORMATAREA TEXTULUI

Nu exista aceeasi libertate de formatare a textului pentru web ca intr-un program de tehnoredactare:
-din cauza rezolutiei scazute a monitoarelor fata de materialele printate(72 dpi fata de 600 dpi)
-fonturile complexe nu arata prea bine pe monitor;
-vizitatorul site-ului trebuie sa dispuna de acest font, altfel va vedeea textul convertit in alt font, rezultand modificarea spatierii dintre randuri, dimensiunea paginii si alte caracteristici de formatare;
Se recomanda folosirea fonturilor Courier, Times Roman, Arial, Helvetica.
Se poate modifica fontul cu o precizie de 1/2 de punct(ex:11,5).
Se micsoreaza (-) sau se mareste dimensiunea fontului(+).

FORMATAREA PARAGRAFELOR

Implicit, intre paragrafe este spatiere dubla; trecerea la cea simpla: Shift+Enter.
Indentarea paragrafului: Text Indent/Outdent.

Numerotarea sau marcarea paragrafelor selectate: Ordered/Unordered List.

DEFINIREA PROPRIETATILOR PAGINII

se realizează urmărind calea: Modify/Page PropertieS
Paginile web au implicit in jurul lor 10 pixeli. De obicei (cand se folosesc cadre), se fixeaza 0 pixeli.

ADAUGAREA TITLULUI DE PAGINA SI A METAETICHETELOR

Titlul de pagina(apare in browser): in caseta Title a ferestrei Document.
Metaetichetele ofera informatii suplimentare despre pagina care nu apar in browser, dar sunt folosite de motoarele de cautare pentru identificarea continutului si pentru a oferi rezumate cand se afiseaza rezultatele cautarii: Insert->Head Tags->Keywords.

ADAUGAREA IMAGINILOR SI TEXTULUI

GIF si JPEG sunt cele 2 formate de imagini universal recunoscute.
Imaginile GIF permit transparenta culorii-pot fi puse in fundal.
JPEG prezinta imaginile cu un numar mare de culori.
Inserarea imaginilor se realizează urmărind calea: Insert->Image.
Se recomanda modificarea imaginilor cu un program specializat(imaginile marite tind sa aiba un aspect pixelat)sau, dupa inserare: click dreapta->Edit.
La redimensionarea imaginilor se tine apasat Shift pentru mentinerea proportiilor.
Aranjarea textului in jurul unei imagini: click pe imagine->Align Left sau Right.
Pentru mutarea imaginii se muta pictograma de inlocuire ce apare in locul unde a fost inserata imaginea.
Spatierea optima a imaginii fata de text: 5 pixeli orizontal si 3 vertical(H Space si V space)
Alt -text alternativ: daca legatura pentru imagine nu e functionala, daca se trece mouse-ul in browser peste imagine.
Inserarea unei imagini de fundal: Modify->Page Properties(in modul Tile).

STRATURI (LAYERS)

Straturile reprezinta o modalitate simpla de a proiecta asezarea in pagina, dar nu sunt suportate de toate browserele.

Crearea straturilor: Insert->Layer.

Selectia straturilor: click pe contur sau pe ancora stratului.

Vizualizarea chenarelor: se selecteaza stratul, View->Visual Aids->Layer Borders

Se pot modifica proprietatile stratului din fereastra Properties.

Inserarea unei imagini intr-un strat: clic in interiorul stratului, Insert->Image sau Paste

Ascunderea ancorelor: Edit->Preferences->Invisible Elements->Anchor Points for Layers

Panoul Proprietes:
Layer ID: numele stratului(contine litere sau cifre si nu contine spatii)
Bg image, Bg Color: imagine sau culoare de fundal
L: distanta de la marginea din stanga
T: distanta de la marginea de sus
W: Latimea stratului
H: inaltimea stratului

Inghesuirea textului in interiorul sau in afara unui strat:
In mod implicit, Dreamveawer modifica latimea stratului a.i. sa incapa textul.

In panoul Proprietes, Overflow, optiuneaVisible, extinde stratul pentru a afisa tot textul, optiunea Hidden ascunde tot textul care nu incape, optiunea scroll ofera bare de derulare orizontale si verticale, optiunea Auto ofera bare de derulare numai daca este cazul.

Convertirea stratului in tabele: (pentru rezolvarea problemelor de compatibilitate cu browserul):
Straturile nu trebuie sa se suprapuna: Window->Other->Layers->Prevent Overlapping
Modify->Convert->Layers to Table

Utilizarea straturilor pentru suprapunere 3D: Valoarea Z-Index determina care strat este afisat deasupra; o valoare Z-Index mai mare muta stratul deasupra celor cu valori Z-Index mai mici.

TABELE

Crearea unui tabel: Insert ->Table.
Daca optiunea anterioara nu este activa: View->Table Wiew->Standard Wiew

Cell Pading este spatiul din interiorul unei celule dintre continut si marginea ei.
Cell Spacing reprezinta spatiul dintre celule.
Width reprezinta latimea tabelului; daca e exprimata in procente, dimensiunile tabelului se modifica in functie de dimensiunea ferestrei browserului vizitatorului.
Border-latimea chenarului.

Selectia tabelului: clic dreapta in coltul din stanga sus al tabelului sau Modify->Table->Select Table; se pot modifica apoi proprietatile tabelului din fereastra Properties.

Imaginea de fundal: daca imaginea este mai mica decat tabelul, aceasta va fi repetata in modul tile.
Utilizarea unui tabel pentru definirea latimii paginii, pentru un control mai bun asupra modului in care arata pagina in diverse browsere: se converteste continutul paginii intr-un tabel compus dintr-o singura celula, de latime 600 pixeli, cu spatierea celulelor de 6 si fara chenar; se centreaza tabelul pe pagina, se asociaza o culoare pentru fundal.
Se poate formata o singura celula sau un grup de celule.
Comasarea a 2 celule adiacente: se selecteaza celulele si se efectueaza clic pe butonul Merge Selected Cells Using Spans.
Separarea unei celule: Split Cells into Rows or Columns.
Importarea datelor: datele trebuie sa fie intr-un fisier text: Insert->Table Objects->Import Tabular Data.

Caseta de dialog Sort Table

Caseta de dialog Sort Table dispune de o diversitate de optiuni care va ajuta sa modificti aspectul tabelelor. O explicatie a tuturor caracteristicilor acestei casete de dialog este data in tabelul urmator:

.
Caracteristici de sortare

.
Modificarea schemei de culori

In lista operatiilor necesare construirii unui tabel, urmatoarea este aplicarea culorilor ca element de formatare .

Daca din meniul derulant se alege o optine se va observa ca tabelul din mijloc isi va schimba culorile atunci cand se executa clic pe diferite scheme de formatare.
Crearea si modificarea unui tabel

Aceasta optiune ne va ajuta sa descoperim numeroasele optiuni aferente lucrului cu tabelele. Pentru a crea un tabel vom avea nevoie de o combinatie intre obiectul Insert Table, meniul Modify > Table si inspectorul Property.

Cu ajutorul lui Insert Table se pot controla cu precizie alinierea tabelelor. Se utilizeaza tabele cu dimensiune fixa, care pot fi exprimate in doua feluri in pixeli si in procente.

FORMULARE DE INTRARE

 Se introduce, mai intai, un text care arata scopul formularului si indeamna vizitatorul sa il completeze

 Crearea: Insert->Form; toate elementele formularului trebuie sa se gaseasca intre aceste linii intrerupte

 Apasati Enter pt largirea campului necesar formularului

 Insert->Form Objects adauga elementele formularului

 Pt alegerea unei optiuni din mai multe: se alege Radio Group; daca se bifeaza Line Breaks, fiecare buton va fi afisat pe o linie distincta, daca se bifeaza Table, fiecare buton va fi afisat pe cate o coloana.

 Pt adaugarea butoanelor Submit si Reset se alege Insert->Form Objects->Button si se alege din Panoul Proprietes tipul de actiune

 Pentru a putea vedea bordurile formularului trebuie activata afisarea elementelor invizibile din View – Visual Aids – Invisible Elements.

Top of Form

Nume:
Prenume:

Email:

Comentarii:

Ai mai realizat pana acum pagini web?
Da
Nu

Clasa:

Alegeti un titlu de optional:

Prelucrarea imaginilor
Pagini web
Animatie in Flash
Grafica 3D

Notati pe o scala de la 1 la 4 cursul de optional:

1 2 3 4

Bottom of Form

ANEXA

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #A6C6DD;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

</tr>

</table>

</map>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map></body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #DED2EA;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

.style8 {color: #CC66CC}

.style9 {color: #CC66CC; font-family: Verdana, Arial, Helvetica, sans-serif; }

.style10 {color: #640064}

.style11 {color: #510051}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

<h1 class="style9">Tehnici de tricotat</h1>

<h3 align="justify" class="style10"> Tricotul se lucrează cu un fir neîntrerupt de lînă sau bumbac cu andrele (cîrlige), luînd forme diferite.</h3>

<h3 align="justify" class="style10">Atunci cînd se lucrează cu o fîşie dreaptă, tricotul se poate face cu două andrele; cînd vrem să obţinem un obiect de formă circulară vom tricota cu cinci andrele sau cu o andrea circulară.</h3>

</div></td>

</tr>

</table>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

<tr>

<td><h2 class="style11"><em>1. <strong>Fire de lucru<br />

</strong></em></h2>

<h3 class="style11">Firele cu care se tricoteaza pot fi din lana, bumbac, matase vegetala sau naturala si fire sintetice. Acestea se gasesc sub forma de sculuri sau bobine(gheme) intr-unul, doua sau mai multe fire, intr-o gama variata de culori. Este bine să întrebuinţăm pe cît posibil fire de bună calitate. Chiar dacă sunt mai scumpe, firul de calitate mai bună este mai spornic, mai durabil şi lucrul finit are un aspect mai frumos.</h3>

<h2 class="style11"><em>2. <strong>Andrelele</strong></em></h2>

<h3 class="style11">Pot fi de metal, de material plastic sau de os; pot fi ascuţite la ambele capete sau numai la un singur capăt. Andrelele ascuţite la ambele capete se întrebuinţează pentru executarea obiectelor circulare, ciorapi, mănuşi etc. Andreaua circulară este formată din două capete ascuţite din metal, de aproximativ 6 – 8 cm lungime, unite între ele cu un arc format dintr-o sîrmă spirală. Această andrea serveşte la executarea obiectelor mari, ca rochii şi fuste, care se lucrează dintr-o singură bucată. Andrelele au diferite numere. Ele trebuie să se potrivească firului cu care lucrăm. Dacă tricotăm un fir de lînă subţire cu andrele groase, se obţine o împletitură rară şi se va întinde, iar dacă întrebuinţăm andrele subţiri la un fir prea gros se obţine o împletitură prea strînsă. Trebuie încercat mai întîi ce andrele se potrivesc firului pe care-l avem.</h3>

<h2 class="style11"><em>3. <strong>Montarea ochiurilor pe andrele prin metoda clasica<br />

</strong></em></h2>

<h3 class="style11">1. Tine amandoua andrelele in mana dreapta, iar cu stanga apuca firul, conform ilustratiei. Lucrul nu se incepe de la capatul firului, ci de la o lungime de 30-40 cm.</h3>

<h3 class="style11">2. Cu ambele andrele, agata firul si trece-l prin bucla din stanga si apoi prin cea din dreapta.</h3>

<h3 class="style11">3. Trage usor de firele luate astfel si vei avea deja primele doua ochiuri.</h3>

<h3 class="style11">4. In continuare, vei repeta miscarea descrisa anterior ( firul tras prin bucla din stanga, apoi prin cea din dreapta), obtinand numai cate un ochi.</h3>

<h2 class="style11"><em>4. <strong>Măsura</strong></em></h2>

<h3 class="style11">Tricotăm mai întîi o bucată de probă. Începem pe 30 – 32 de ochiuri şi tricotăm 5 – 6 cm. Călcăm uşor (fără a întinde bucata tricotată în vreo direcţie), măsurînd cîte ochiuri corespund la 5 cm în lăţime şi cîte rînduri corespund la 5 cm în înălţime. Dacă ştim de exemplu că 15 ochiuri şi 24 rînduri = 5 cm, atunci 30 de ochiuri şi 48 rînduri = 10 cm. Aceasta este &bdquo;măsura”. Dacă din împletitura noastră vin mai multe ochiuri la 10 cm decît în descriere, atunci trebuie să începem lucrul nostru proporţional pe mai multe ochiuri. Dacă vin mai puţine ochiuri pe 10 cm, atunci începem lucrul proporţional pe mai puţine ochiuri. Putem calcula exact pe cîte ochiuri să începem, dacă înmulţim numărul centimetrilor de la marginea de jos a tiparului nostru cu numărul ochiurilor &bdquo;măsurii”, făcînd după aceea împărţirea cu 10. În orice caz, adăugăm 2 ochiuri pentru ochiurile de la începutul şi sfîrşitul rîndurilor.</h3>

<h3 class="style11">Înălţimea totală înseamnă numărul de centimetri începînd (vertical) de la montajul ochiurilor pînă în punctul considerat.</h3>

<h2 class="style11"><em>20. <strong>Păstrarea obiectelor tricotate</strong>.</em></h2>

<h3 class="style11">În timpul verii să avem grijă de lucrurile noastre tricotate. Ele trebuie să fie curate, deoarece moliile distrug mai cu seamă părţile unsuroase şi pătate. Să aşezăm hîrtie unsă cu terebentină între lucrurile de lînă puse la păstrare, aerisindu-le de mai multe ori în timpul verii.</h3>

<p class="style11">Sursa:</p>

<p class="style11">"Revista Avantaje" </p>

</tr>

</table>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #A6C6DD;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

<td><h2 align="center"><em>Modele tricotaje </em></h2>

<p align="center">Acestea sunt modelele realizate de mine pana acumc,si sper ca vor urma altele si mai frumoase. </p></td>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map></body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #A6C6DD;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

<h3><em>Compozitie</em>: 100% acril </h3>

</div> <div align="center">

<h3><em>Bobina</em>: 100 grame </h3>

</div> <div align="center">

<h3><em>Andrele</em>: 3 si 3,5 </h3>

</div> <div align="center"></div> <div align="center">

<h3>Pret recomandat:7,5 RON / bobina </h3>

</div></td>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

<td><h2><em><strong>Andrele (2,5 ; 3 ; 3,5) </strong></em></h2>

<h2><em>Croset</em> </h2>

</tr>

</table>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map></body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #A6C6DD;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

.style8 {font-style: italic}

.style9 {font-style: italic}

.style10 {font-style: italic}

.style11 {font-style: italic}

.style12 {font-style: italic}

.style13 {font-style: italic}

.style14 {font-style: italic}

#Layer9 {

position:absolute;

width:190px;

height:43px;

z-index:1;

left: 67px;

top: 1004px;

}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

<li>

<h3><a href="Bluze maneca lunga.html">Bluze maneca lunga </a></h3>

</li>

</ul></td>

<td width="837" bgcolor="#7DA2BF"> <h2>Bine ati venit pe site-ul meu de tricotaje manuale ! </h2></td>

</tr>

<tr>

<li>

<h3><a href="Bluze maneca scurta.html">Bluze maneca scurta </a></h3>

</li>

</ul></td>

<td bgcolor="#7DA2BF"><h3>Pasiunea pentru tricotat am descoperit-o inca de cand eram la varsta adolescentei. Am inceput prin a tricota bentite de par,pornind de la modele simple.</h3></td>

</tr>

<tr>

<li>

<h3><a href="Veste.html">Veste</a></h3>

</li>

</ul></td>

<td bgcolor="#7DA2BF"> <h3>Facand naveta cu trenul,obisnuiam sa tricotez in timp ce calatoream. Aici am intalnit o doamna care,vazandu-mi pasiunea,s-a oferit sa ma invete modele noi,din ce in ce mai complicate.</h3></td>

</tr>

<tr>

<li>

<h3><a href="Fuste.html">Fuste</a></h3>

</li>

</ul></td>

<td bgcolor="#7DA2BF"> <h3>Astfel am ajuns sa tricotez piese vestimentare,pe care le si purtam cu mandrie. Iar astazi, de fiecare data cand am timp liber,</h3></td>

</tr>

<tr>

<li>

<h3><a href="Articole iarna.html">Articole iarna </a></h3>

</li>

</ul></td>

<td bgcolor="#7DA2BF"><h3> ma relaxez tricotand de la hainute pentru copii,pana la haine pentru adolescenti si in final cate ceva pentru mine. </h3></td>

</tr>

<tr>

<li>

<h3><a href="Modele tricotaje copii.html">Articole copii </a></h3>

</li>

</ul></td>

<td bgcolor="#7DA2BF"><h3>Sper sa va placa ce veti vedea! </h3></td>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map>

</map></body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>tricotaje</title>

<!–

body,td,th {

color: #003366;

}

body {

background-color: #A6C6DD;

}

#Layer1 {

position:absolute;

left:15px;

top:17px;

width:191px;

height:242px;

z-index:1;

}

.style7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#Layer2 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 347px;

top: 319px;

}

#Layer3 {

position:absolute;

width:972px;

height:339px;

z-index:1;

left: 277px;

top: 372px;

background-color: #DCEDF7;

}

#Layer4 {

position:absolute;

width:985px;

height:351px;

z-index:2;

left: 242px;

top: 357px;

background-color: #0033FF;

}

#Layer5 {

position:absolute;

width:963px;

height:327px;

z-index:3;

left: 48px;

top: 459px;

background-color: #DDEEF6;

}

#Layer6 {

position:absolute;

width:463px;

height:232px;

z-index:1;

left: 491px;

top: 409px;

background-color: #339999;

}

#Layer7 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 620px;

top: 446px;

}

#Layer8 {

position:absolute;

width:204px;

height:117px;

z-index:1;

left: 231px;

top: 361px;

}

–>

</style>

<!–

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//–>

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</p>

<tr>

</tr>

</table>

<tr>

</tr>

</table>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map>

</map></body>

</html>

Bibliografie

Copyright Notice

© Licențiada.org respectă drepturile de proprietate intelectuală și așteaptă ca toți utilizatorii să facă același lucru. Dacă consideri că un conținut de pe site încalcă drepturile tale de autor, te rugăm să trimiți o notificare DMCA.

Acest articol: Dreamweaver (ID: 149756)

Dacă considerați că acest conținut vă încalcă drepturile de autor, vă rugăm să depuneți o cerere pe pagina noastră Copyright Takedown.

Dreamweaver

Copyright Notice

. Sistem DE Programe Pentru Prelucrarea Datelor CU Ajutorul Teoriei Fractale

Aplicatie Intranet Pentru Scolile Preuniversitare

Sisteme de Transmitere de Date Secretizate

Utilizarea Sistemelor Informatice Geografice In Cadastrul Monumentelor

. Comertul Electronic. Sisteme Electronice de Plati

Evidenta Elevilor Intr O Scoala. Analiza Sistemului Informatic

Copyright Notice

Similar Posts