Instrucţiuni

Odată ce ați terminat de scris lucrarea (sau ați început-o), proiectați paginile în conformitate cu dorințele dumneavoastră sau cu cerințele clientului. Ajustați marginile, paragrafele, schimbați fontul și alte setări. Pentru a numerota paginile dintr-un document al editorului Word, găsiți fila „Inserare” din panoul de sus al editorului. Acolo veți vedea mai multe secțiuni, printre care selectați „Header and Footers”. Anteturile și subsolurile sunt zone dintr-un document care sunt utilizate pentru a adăuga informații repetate la marginile de jos, de sus sau laterale ale unui document. Una dintre ele este numerele de pagină. Anteturile și subsolurile sunt necesare pentru a automatiza procesul de aranjare a paginilor, de a face note și multe altele.

În coloana pentru lucrul cu anteturile și subsolurile, în lista derulantă din câmpul „Număr pagină”, selectați formatul dorit pentru plasarea numerotării paginilor. Când vă deplasați prin secțiuni, faceți clic dreapta pe butonul corespunzător al mouse-ului. Numerele vor apărea pe fiecare foaie a documentului dvs. De regulă, acestea sunt plasate în mijlocul din partea de jos a paginii sau în colțul din dreapta sus.

Dacă trebuie să numerotați paginile în Word nu de la prima foaie (în lucrările științifice, de regulă, trebuie să puneți numărul pe a doua sau a treia pagină), atunci în secțiunea „Numărul paginii”, deschideți „Numărul paginii”. fila Format”. Acolo puteți alege din ce foaie Word va începe numerotarea. Acolo puteți schimba tipul de număr. De exemplu, numerotați foile cu litere sau cifre romane.

Dacă nu trebuie să puneți numărul pe pagina de titlu, îl puteți elimina cu ușurință, păstrând restul numerotării. Pentru a face acest lucru, accesați „Aspect pagină” în panoul principal Word, faceți clic pe săgeata de lângă opțiunile de pagină. În caseta de dialog care se deschide, faceți clic pe fila „Sursă hârtie”. Acolo veți vedea linia „Diferențiați anteturile și subsolurile”. Bifați caseta de lângă opțiunea „prima pagină” și salvați modificările. Acesta este cât de ușor este să faci numerotarea paginilor în Word.

Poziționarea este unul dintre conceptele cheie în aspectul blocurilor. Odată ce înțelegi, multe vor deveni clare pentru tine, iar aspectul se va transforma din șamanism într-un proces semnificativ. Deci, acest articol se va concentra pe proprietățile CSS. poziţieŞi plutire.

1. poziție: static

Implicit, toate elementele de pe pagină au poziționare statică (poziție: static), ceea ce înseamnă că elementul nu este poziționat, și apare în document la locul său obișnuit, adică în aceeași ordine ca și în marcajul HTML.

Nu este nevoie să atribuiți în mod specific această proprietate oricărui element, cu excepția cazului în care trebuie să modificați poziționarea setată anterior la valoarea implicită.

#conținut( poziție: static; )

2.poziție:rudă

Poziționarea relativă (poziție: relativă) vă permite să utilizați proprietățile de sus, jos, stânga și dreapta pentru a poziționa un element în raport cu locul în care ar apărea dacă ar fi poziționat normal.

Să mutăm #conținut cu 20 de pixeli în jos și 40 de pixeli spre stânga:

#conținut( poziție: relativă; sus: 20px; stânga: -40px; )

Observați că acum există spațiu gol unde ar fi fost blocul nostru #conținut. În urma blocului #conținut, blocul #footer nu s-a deplasat în jos pentru că #conținut își ocupă în continuare locul în document, deși l-am mutat.

În această etapă poate părea că poziționarea relativă nu este atât de utilă, dar nu te grăbi să tragi concluzii, mai târziu în articol vei afla la ce poate fi folosită.

3. poziție: absolută

Cu poziționarea absolută (poziție: absolută), elementul este eliminat din document și apare acolo unde îi spuneți.

Să mutăm, de exemplu, blocul #div-1a în colțul din dreapta sus al paginii:

#div-1a (poziție:absolut; sus:0; dreapta:0; lățime:200px; )

Observați că de data aceasta, deoarece blocul #div-1a a fost eliminat din document, elementele rămase de pe pagină au fost poziționate diferit: #div-1b, #div-1c și #footer au fost mutate deasupra, în locul blocului eliminat. . Și blocul #div-1a în sine este situat exact în colțul din dreapta sus al paginii.

Astfel putem poziționa orice element în raport cu pagină, dar acest lucru nu este suficient. De fapt, trebuie să poziționăm #div-1a în raport cu blocul părinte #content. Și în acest moment, poziționarea relativă intră din nou în joc.

4. poziție: fixă

Poziționarea fixă ​​(poziție: fixă) este o subsecțiune a poziționării absolute. Singura sa diferență este că se află întotdeauna în zona vizibilă a ecranului și nu se mișcă în timp ce derulați pagina. În acest sens, este un pic ca o imagine de fundal fixă.

#div-1a (poziție:fix; sus:0; dreapta:0; lățime:200px; )

În IE cu poziție: fix, nu totul este atât de lin pe cât ne-am dori, dar există multe feluri ocoliți aceste restricții.

5. poziție:relativ + poziție:absolut

Atribuind o poziție relativă blocului #conținut (poziție: relativă), putem poziționa orice element copil față de limitele acestuia. Să plasăm un bloc #div-1a în colțul din dreapta sus al blocului #conținut.

#conținut (poziția:relativ; ) #div-1a (poziția:absolut; sus:0; dreapta:0; lățime:200px; )

6. Două coloane

Înarmat cu cunoștințele de la pașii anteriori, puteți încerca să faceți două coloane folosind poziționarea relativă și absolută.

#conținut (poziția:relativ; ) #div-1a (poziția:absolut; sus:0; dreapta:0; lățime:200px; ) #div-1b (poziția:absolut; sus:0; stânga:0; lățime:200px )

Unul dintre avantajele poziționării absolute este capacitatea de a plasa elemente în orice ordine, indiferent de modul în care sunt amplasate în marcaj. În exemplul de mai sus, blocul #div-1b este plasat înaintea blocului #div-1a.

Și acum ar trebui să aveți o întrebare: „Unde au ajuns restul elementelor din exemplul nostru?” S-au ascuns sub blocuri perfect plasate. Din fericire, există o modalitate de a remedia acest lucru.

7. Două coloane cu înălțime fixă

O soluție este de a da o înălțime fixă ​​containerului care conține coloanele.

#conținut (poziția:relativ; înălțime: 450px; ) #div-1a (poziția:absolut; sus:0; dreapta:0; lățime:200px; ) #div-1b (poziția:absolut; sus:0; stânga:0 ;latime:200px;

Soluția nu este foarte potrivită, deoarece nu știm niciodată dinainte ce dimensiune va fi plasat textul în coloane și ce font va fi folosit.

8. Plutitor

Pentru coloanele cu înălțime variabilă, poziționarea absolută nu este o opțiune, așa că să ne uităm la o altă opțiune.

Atribuind un float blocului, îl împingem cât mai mult posibil spre marginea din dreapta (sau din stânga), iar textul care urmează blocului va curge în jurul lui. Această tehnică este de obicei folosită pentru imagini, dar o vom folosi pentru o sarcină mai complexă, deoarece este singurul instrument de care dispunem.

#div-1a ( float:left; width:200px; )

9. Difuzoare „plutitoare”.

Dacă atribuim float: stânga primului bloc și apoi float: stânga celui de-al doilea, fiecare bloc va fi împins la marginea stângă și vom obține două coloane, cu înălțime variabilă.

#div-1a ( float:left; width:150px; ) #div-1b (float:left; width:150px; )

De asemenea, puteți atribui coloanelor valoarea float opusă, caz în care acestea vor fi distribuite de-a lungul marginilor containerului.

#div-1a ( float:right; width:150px; ) #div-1b (float:left; width:150px; )

Dar acum avem o altă problemă - coloanele se extind dincolo de containerul părinte, rupând astfel întregul aspect. Aceasta este cea mai frecventă problemă pentru designerii de layout începători, deși poate fi rezolvată destul de simplu.

10. Plutitor de curățare

Curățarea plutitoarelor se poate face în două moduri. Dacă există un alt bloc după coloane, este suficient să îi atribuiți clear: ambele.

#div-1a ( float:left; width:190px; ) #div-1b (float:left; width:190px; ) #div-1c ( clear:both; )

Sau atribuiți proprietatea overflow: hidden containerului părinte

#conținut ( overflow:hidden; )

În orice caz, rezultatul va fi același.

Concluzie

Astăzi, au fost luate în considerare doar tehnicile de poziționare de bază și cele mai simple exemple. De asemenea, pentru a-i ajuta pe designerii de layout începători, recomand întotdeauna o serie de articole de Ivan Sagalayev, care la un moment dat m-au ajutat foarte mult.

Numerotarea paginilor în Word pentru un document obișnuit se face foarte simplu, dar atunci când devine necesar să puneți numere de pagină în propriile anteturi sau subsoluri sau să faceți numerotarea paginilor duble, atunci unii oameni încep să se simtă triști.

Chiar nu este nimic complicat. Îți sugerez să faci puțină muncă practică, după care munca ta va deveni mai distractivă și mai ușoară.

Paginare simplă

În primul rând, câteva cuvinte despre cum să numerotați paginile în Word pentru cei care se confruntă cu asta pentru prima dată:

În meniul de sus, mergem Inserați → Numărul paginii → Începutul paginii → Numărul prim 1

Desigur, puteți alege absolut orice aranjament și stil de numerotare a paginilor, alegerea mea se datorează compactității desenului; Atât, să trecem la cunoștință cu lucruri mai interesante.

Numerele paginilor în subsol

Faptul este că numerele de pagină din Word sunt inserate în anteturi și subsoluri, iar dacă aveți propriile dvs., metoda anterioară nu va funcționa, deoarece Tot ce este în document va fi eronat.

Sănătos. Dacă sunteți familiarizat cu conceptele de anteturi și subsoluri în Word, atunci vă recomand cu tărie să citiți articolele: „Anteturi și subsoluri în Word” (vezi) și „Secțiuni în Word” (vezi).

Cum să numeroți paginile în Word

Deci, să începem și să facem totul în ordine:

1. Descărcați fișierul pregătit pentru lucrări practice.

2. Accesați modul de editare a antetului primei pagini de conținut (dacă aveți dificultăți, consultați).

3. Plasați cursorul în dreptunghiul din colțul din dreapta sus și apăsați comanda rapidă de la tastatură Ctrl+F9, după care va apărea { } .

4. Scrieți sau copiați codul dintre aceste paranteze PAGINĂ .

5. Apăsați comanda rapidă de la tastatură Alt+F9, aceasta va afișa semnificația codului.

6. Ieșiți din modul de editare antet-subsol (dacă vi se pare dificil, consultați).

7. Deoarece, în exemplul nostru, există un subsol special pentru prima pagină, este necesar să faceți acest lucru pentru paginile de conținut ulterioare. Du-te la a doua pagină și fă-o.

8. Numerotarea a fost stabilită, dar de regulă nu începe de la prima pagină. Accesați modul de editare a antetului primei pagini și evidențiați numărul paginii accesând panglica din meniul de sus Inserare → Număr pagină → Format număr pagină...și specificați că numerotarea paginilor trebuie să înceapă de la 4.

Astfel, se prevede numerotarea continuă pentru secțiunile ulterioare ale notei explicative și ale anexelor. Pentru simplitate, puteți copia numărul de pagină al conținutului, în modul de editare a subsolului, și îl puteți lipi în secțiunile ulterioare.

Paginare dublă în Word

Deci, am aranjat numerotarea continuă a paginilor în Word, dar este, de asemenea, necesar să punem numerele de foi ale fiecărei secțiuni separat pentru conținut, note și anexe.

Să continuăm pas cu pas, de la simplu la complex:

9. Accesați modul de editare a subsolului celei de-a doua pagini de conținut și plasați cursorul în colțul din dreapta jos, în locul potrivit.

10. Lipiți codul în această celulă (=(pagina)-3)în mod similar, creând acolade cu o comandă rapidă de la tastatură Ctrl+F9. Pagina numărul 2 a fost obținută prin scăderea valorii paginii curente cu 3, așa cum se poate vedea din cod.

Puteți verifica rezultatul adăugând o pagină de conținut.

Numerotarea paginilor în Word pentru profesioniști

Metoda anterioară poate fi folosită și pentru a numerota paginile interne ulterioare ale secțiunilor, dar problema este că va trebui să monitorizați în mod constant numărul ultimei pagini din secțiunea anterioară. La naiba, probabil că m-aș putea odihni aici, capul începe să se încălzească.

Să facem asta, dacă în acest exemplu aveți a doua pagină a secțiunii nota explicativă 7, atunci va trebui să obțineți numerotarea internă a celei de-a doua pagini astfel (=(pagina)-5), dacă numărul de pagini de conținut crește cu una, atunci numărul celei de-a doua pagini a notei va fi 8, iar cel intern va trebui scris ca (=(pagina)-6) .

Putem automatiza și acest lucru, o facem secvențial și totul va deveni clar pe parcurs:

11. Activați vizibilitatea caracterelor ascunse făcând clic pe butonul corespunzător din fila principală a meniului de sus și selectați întreaga linie

::::::::Pauza de sectiune (de la pagina urmatoare):::::::::

Această inscripție trebuie să fie pe o linie separată, altfel mutați-o cu cursorul la început și apăsați Enter. Pentru a selecta, mutați cursorul de la începutul până la sfârșitul punctelor sau faceți clic vizavi de linia din afara spațiului foii.

12. Cu o linie evidențiată în meniul de sus Inserare → Marcajîn fereastra „Marcaje” scriem r1(analog cu secțiunea 1, cu litere latine fără spații), setați „Marcaje ascunse” și faceți clic pe „Adăugați”.

13. Accesați subsolul celei de-a doua pagini a notei explicative și introduceți codul în celula cu numărul paginii (=(pagină)-(pageRef r1) .

Ar trebui interpretat astfel: cod (pagină) indică numărul paginii, în cazul nostru 7, și (paginaRef r1) numărul paginii de referință încrucișată creat la întreruperea secțiunii, care se află pe pagina 5, astfel încât numărul paginii interne este calculat ca numărul paginii minus ultimul număr al paginii din secțiunea anterioară, adică 7-5=2; 8-5=3; 9-5=4 etc.

14. Faceți același lucru pentru secțiunea de aplicații, adăugând un marcaj r2 a rupe secțiunea de la sfârșitul notei explicative.

Atingerea finală a numerotării paginilor

Mergeți secvențial la prima pagină a fiecărei secțiuni, iar în celula de sub inscripția „Foaie” din colțul din dreapta jos, puneți codul (SectionPages). Acest cod va afișa numărul total de pagini din secțiune. Dacă trebuie să afișați numărul total de pagini din document, introduceți codul (NUMPAGES) .

Se întâmplă ca cuvântul să încetinească și să nu actualizeze întotdeauna câmpurile cu coduri pentru a forța actualizarea, apăsați combinația de taste de două ori; Alt+F9.

Permiteți-mi să vă reamintesc că parantezele pentru introducerea codului sunt numite prin combinație Crtl+F9, și apelarea valorilor Alt+F9.

Bonus. Ei bine, până la urmă, dacă au apărut dificultăți, puteți descărca documentul cu rezultatul final făcând clic.

Interesant. Citiți cum să creați un cuprins automat în Word.

Numerotarea paginilor în word. Tutorial video

Cu siguranță va fi acolo de îndată ce va veni timpul...

Sarcină

Plasați o imagine de fundal în colțul din dreapta jos al unei pagini web fără a o repeta.

Soluţie

Pentru a controla poziția imaginii de fundal pe pagină, se folosește proprietatea de stil de poziție de fundal, aceasta setează simultan coordonatele orizontale și verticale ale imaginii. Pentru a anula repetarea unei imagini de fundal, utilizați proprietatea background-position cu valoarea no-repeat . În același timp, toate aceste proprietăți pot fi înlocuite cu un fundal universal, care specifică calea către fișierul grafic, poziția imaginii și metoda de repetare a acesteia, așa cum se arată în exemplul 1.

Adăugarea unei imagini de fundal la selectorul de corp are o caracteristică specială. Imaginea nu va fi situată în partea de jos a paginii, ci în partea de jos a blocului de conținut, ceea ce se observă mai ales atunci când există o cantitate mică de text sau dimensiunea ferestrei browserului este mărită. Setând înălțimea selectorului html la 100%, ne vom asigura că fundalul este poziționat în colțul din dreapta jos al ferestrei browserului.

Exemplu 1. Poziția imaginii de fundal

HTML5 CSS 2.1 IE Cr Op Sa Fx

Conserve de roșii

Fructele sunt selectate cu o culoare bună uniformă, densă și uniformă ca mărime, puse în borcane și umplute cu saramură clocotită (35 g sare de masă și 6 g acid citric la 1 litru de apă). Acoperiți borcanele cu capace și puneți-le să se încălzească, ținându-le în apă clocotită: borcane de litri - 5-8, borcane de trei litri - 12-15 minute. Apoi sunt sigilate și răcite.

Consumul aproximativ de materii prime și produse la borcan de litru: roșii roșii selectate - 550-600 g, sare - 15 g, acid citric - 3 g.

Rezultatul acestui exemplu este prezentat mai jos (Figura 1).

Orez. 1. Imagine de fundal în colțul din dreapta jos al ferestrei

În acest exemplu, imaginea este poziționată în locația dorită folosind valorile din dreapta jos ale proprietății de fundal. Pentru a preveni apariția textului în partea de sus a imaginii, a fost adăugată o indentație în partea dreaptă a paginii utilizând margin-right . Imaginea în sine, care a fost folosită în exemplul curent, este stocată în format JPEG și este prezentată în Fig. 2.

Orez. 2. Imagini pentru a crea un fundal pe o pagină web