Представяне на заглавия от различни нива, прости списъци. Дизайн на заглавия на презентации. Инструкции стъпка по стъпка със снимки. Въвеждане на ключови думи

Представяне на заглавия от различни нива, прости списъци. Дизайн на заглавия на презентации. Инструкции стъпка по стъпка със снимки. Въвеждане на ключови думи

Начало > Учебно помагало 4 Работа със списъци и заглавия на слайдове. 4.1 Преглед и редактиране на заглавия на слайдове

Панелът със структура на презентацията показва всички заглавия на слайдове като заглавия на схема. Ако вашата презентация съдържа много слайдове, можете да свиете оформлението на презентацията, така че заглавията да се показват на екрана, а не действителният текст на слайдовете.

За да свиете всички заглавия на слайдове в структурата, щракнете върху бутона Разшири всички в стандартната лента с инструменти. Щракването върху този бутон отново ще разшири структурата на цялата презентация.

За да промените заглавието на слайда:

Щракнете върху заглавието на слайда, който искате да промените, в панела със контури. В заглавието на слайда ще се появи I-образен курсор.

Въведете необходимия текст. Когато редактирате заглавието на текста, можете да използвате клавишите , и стрелките.

4.2 Промяна на текста на слайда

Повечето слайдове съдържат някакъв вид текст. С помощта на структурния панел можете да добавяте, изтривате и променяте текст на слайд.

В презентация, за да добавите текст към слайд с помощта на панела Outline:

Щракнете вдясно от заглавието на слайда, към който искате да добавите текст, и натиснете клавиша. PowerPoint ще покаже икона на слайд директно под слайда, който сте избрали в стъпка 1.

Щракнете върху бутона Понижаване (стрелка надясно) в лентата с инструменти за форматиране. Иконата на слайд, която се появява, ще изчезне и можете да въведете текст в избрания прозорец на слайда.

Въведете необходимия текст на слайда. Докато въвеждате текст, PowerPoint ще го покаже в прозореца на слайда.

Поставянето на текст под заглавие на слайд определя разположението му върху слайда. За да промените местоположението на текст на слайд, направете следното:

В панела със контури на презентацията преместете показалеца на мишката до левия край на текста (позиционирайки го над маркера вляво от текста), който искате да преместите. Показалецът на мишката ще се промени в стрелка с четири глави.

Докато държите левия бутон на мишката, преместете мишката. Показалецът на мишката ще се промени в двупосочна стрелка. Ще се появи ред, показващ къде PowerPoint ще премести текста, след като отпуснете левия бутон на мишката.

5 Работа с презентационни слайдове. 5.1 Добавяне на слайд

Всяко заглавие на схемата в панела със структура на презентацията представлява един слайд. За да добавите нов слайд, направете следното:

Натиснете клавиша. PowerPoint ще покаже нова икона на слайд над заглавието, което сте избрали в стъпка 1.

Щракнете върху бутона със стрелка нагоре, за да преместите показалеца на мишката до заглавието на създадения слайд. PowerPoint ще покаже нов слайд.

Въведете текста на заглавието в панела на структурата на презентацията. Докато въвеждате текст на заглавието, PowerPoint автоматично ще го покаже както в панела Outline, така и в панела Slide. За да добавите нов слайд и да изберете оформление на слайд за показване на текст и графики:

Поставете показалеца на мишката вляво от заглавието в структурния панел и щракнете с левия бутон. Заглавието ще се появи под слайда, който изберете да добавите към вашата презентация.

Изпълнете командата Insert→New Slide. Ще се отвори диалоговият прозорец Създаване на слайд (фиг. 5).

Щракнете върху подходящото оформление на слайда и след това щракнете върху OK.

Въведете текста на заглавието в панела на структурата на презентацията. Всеки въведен от вас текст ще се появи както в панела със контури на презентацията, така и в панела със слайдове.

Фигура 5. Създаване на слайд.

5.2 Изтриване на слайд

Понякога е необходимо да изтриете слайд. За да направите това, направете следното.

В панела на структурата на презентацията задръжте курсора на мишката върху иконата на слайда, който искате да изтриете, и щракнете с левия бутон. PowerPoint ще подчертае заглавието и всички подзаглавия под него.

Натиснете клавиша< Delete >. PowerPoint ще премахне избрания слайд.

5.3 Промяна на реда на слайдовете

Панелът за структура на презентацията ви позволява да видите реда на слайдовете. Ако не харесвате реда, в който са подредени слайдовете, винаги можете да го промените.

Ако вашата презентация съдържа голям брой слайдове, можете да свиете заглавията на контура, за да видите заглавията на слайда. За да свиете заглавията на контура, щракнете върху бутона Разгъване на всички в стандартната лента с инструменти.

За да промените реда на слайдовете:

В панела със контури на презентацията задръжте курсора на мишката върху иконата на слайд до заглавието на контура (заглавието на слайда), което искате да преместите, и щракнете с левия бутон. PowerPoint ще подчертае заглавието и всички подзаглавия под него.

Преместете мишката. Ще се появи хоризонтална линия, показваща къде PowerPoint ще премести слайда, след като отпуснете левия бутон на мишката.

Освободете левия бутон на мишката, след като линията е на желаното място.

Панелът за структура на презентацията ви позволява лесно да промените реда на слайдовете, но не ви позволява да видите относителните позиции на слайдовете. Ако искате да видите как са разположени слайдовете един спрямо друг, използвайте следната процедура.

Изберете командата View → PowerPoint slide sorter ще покаже всички слайдове на презентацията (фиг. 6).

Фиг.6. Преглед на слайдове с помощта на Slide Sorter

Задръжте курсора на мишката върху слайда, който искате да преместите, и щракнете с левия бутон на мишката. PowerPoint ще затвори слайда в черна рамка.

Преместете показалеца на мишката до мястото, където искате да бъде слайдът. Ще се появи вертикална линия, показваща къде PowerPoint ще премести слайда, след като отпуснете левия бутон на мишката.

Освободете левия бутон на мишката, след като линията е на желаното място на екрана. PowerPoint автоматично ще преномерира слайдовете.

Изберете Изглед → Нормално.

Преобразуване на общи заглавия в подзаглавия (и обратно)

Заглавията на контура съответстват на заглавията на слайда, а подзаглавията на контура съответстват на текста на слайда. Благодарение на съвременния напредък в технологиите, PowerPoint ви позволява да конвертирате контурни заглавия в подзаглавия и обратно.

За да преобразувате схематично заглавие в подзаглавие, в панела със структурни елементи на презентацията щракнете върху структурното заглавие, което искате да конвертирате в подзаглавие, и след това щракнете върху бутона Понижаване на стандартната лента с инструменти.

За да преобразувате подзаглавие в заглавие в схема, в лентата на структурата на презентацията щракнете върху подзаглавието, което искате да конвертирате в заглавие в схема, и след това щракнете върху бутона Насърчаване на стандартна лента с инструменти.

5.4 Добавяне на бележки към слайдове

Панелът Бележки ви позволява да добавяте бележки към всеки слайд. Коментарите могат да се използват в презентации или да се разпространяват като теми за разговор, които могат да бъдат много полезни за публиката.

Текстът на коментара не се показва на самия слайд. Анотациите ви позволяват да „прикачите“ поддържащ текст към вашите слайдове.

За да добавите коментар към слайд:

Кликнете в панела за коментари. PowerPoint ще покаже всеки слайд заедно с текстово поле, за да въведете коментари (вижте Фигура 12-4).

Въведете необходимия текст.

6 Запазване на презентации

Преди да можете да се насладите на разглеждане на презентации, които сте създали от нулата, те трябва да бъдат запазени. В зависимост от вашите цели презентациите на PowerPoint могат да бъдат запазени като файл или като уеб страница.

6.1 Запазване на файл под ново име

Единственият лесен начин за бързо създаване на презентация е да отворите съществуваща презентация и да запазите нейния файл под ново име. По този начин можете да правите промени в съществуваща презентация, вместо да създавате нова презентация от нулата.

За да запишете файла под друго име, изберете Файл → Запиши като.

6.2 Запазване на презентация на Power Point като уеб страница

Ако сте създали много ценна презентация, можете да я запишете във формат на уеб страница. За да направите това, направете следното.

Щракнете върху бутона Редактиране вдясно от думата Заглавие. Появява се диалоговият прозорец Задаване на заглавие на страница.

Въведете заглавието, което искате да се показва в горната част на уеб страницата, и щракнете върху OK.

За да видите вашата презентация на PowerPoint като уеб страница, изберете File→Web Page Preview или стартирайте вашия уеб браузър и заредете уеб страницата, която току-що създадохте, за да видите как ще изглежда в Интернет.

7 Отпечатване на презентация

След като постигнете желания вид на презентацията, разпечатайте резултатите от работата си, за да имате резюмето на доклада пред себе си или закачете вашето произведение на изкуството на таблото за обяви. За да отпечатате презентация, направете следното:

Изберете Файл → Печат. Отваря се диалоговият прозорец Печат.

Щракнете в полето Печат и изберете една от следните опции.

    слайдове. Отпечатва по един слайд на страница, което ви позволява да видите както текста, така и изображенията на слайда.

    Проблеми. На всяка страница са отпечатани няколко миниатюрни изображения: слайдове, позволяващи на зрителите да вземат издаденото копие със себе си и да учат у дома.

    Бележки. Отпечатват се само бележките към слайдовете. Тези бележки могат да бъдат раздадени на публиката или могат да се използват по време на презентацията.

    Структура. Контурът на презентацията се отпечатва, което ви позволява да видите структурата на цялата презентация, но без графични изображения.

Можете също така да ограничите областта за печат до конкретни номера на слайдове, като изберете радио бутона Текущ слайд или като попълните полето Слайдове в раздела Диапазон на печат.

Щракнете OK.

8 Въведение в изображенията 8.1 Векторни изображения

Векторната графика описва изображения с помощта на прави и извити линии, наречени вектори, както и параметри, описващи цветове и оформление. Например, изображение на лист на дърво се описва от точки, през които минава линия, като по този начин се създава очертанието на листа. Цветът на листата се определя от цвета на контура и зоната в този контур.

Векторното представяне се състои от описване на елементи на изображението с математически криви, показващи техните цветове и заетост (не забравяйте, че кръгът и кръгът са различни форми). Червена елипса на бял фон ще бъде описана само с две математически формули - правоъгълник и елипса със съответните цветове, размери и местоположение. Друго предимство е висококачественото мащабиране във всяка посока. Увеличаването или намаляването на обектите става чрез увеличаване или намаляване на съответните коефициенти в математическите формули.

8.2 Растерни изображения

Растерната графика описва изображения с помощта на цветни точки, наречени пиксели, подредени в решетка. Например, изображение на дървесен лист се описва от специфичното местоположение и цвят на всяка точка от мрежата, създавайки изображение, подобно на мозайка. Когато редактирате растерна графика, вие редактирате пиксели, а не линии. Растерните графики зависят от разделителната способност, тъй като информацията, описваща изображението, е прикрепена към мрежа с определен размер. При редактиране на растерна графика качеството на нейното представяне може да се промени. По-специално, преоразмеряването на растерни графики може да доведе до изтъркване на краищата на изображението, тъй като пикселите се преразпределят в решетката.

Основата на растерното представяне на графиката е пиксел (точка), показващ нейния цвят. Когато описвате например червена елипса на бял фон, трябва да посочите цвета на всяка точка както на елипсата, така и на фона. Изображението е представено като голям брой точки - колкото повече са, толкова визуално по-добро е изображението и по-голям е размерът на файла. Тези. една или дори картина може да бъде представена с по-добро или по-лошо качество в съответствие с броя на точките на единица дължина - резолюция (обикновено точки на инч - dpi или пиксели на инч - ppi).

8.3Векторно изображение като съставно изображение

PowerPoint има много възможности за работа с векторни изображения. Можете да използвате готови снимки, например от библиотеката Clipart или от Интернет. Можете сами да рисувате векторни изображения.

За да вмъкнете картина от библиотеката (Clipart) в слайд, трябва да изберете командата Drawing (Pictures) от менюто Insert. Библиотеката съдържа много снимки на различни теми. Изберете темата, от която се нуждаете, като щракнете с левия бутон на мишката.

След като изберете желаната снимка, в прозореца, който се отваря, щракнете върху бутона Вмъкване на клип. Картината ще бъде вмъкната в текущия слайд.

Векторното изображение е многопластово. Всеки елемент от това изображение - линия, правоъгълник, кръг или част от текст - е разположен в свой собствен слой. Всеки елемент от векторно изображение е обект, който се описва с помощта на специален език (математически уравнения на линии, дъги, кръгове и т.н.). Освен това сложните обекти (прекъснати линии, различни геометрични фигури) се описват като набор от елементарни графични обекти (линии, дъги и др.).

Такова векторно изображение е колекция от слоеве, съдържащи различни графични обекти. Слоевете, които се припокриват, образуват плътно изображение.

Обектите с векторни изображения могат произволно да променят размерите си без загуба на качество.

9 Основни операции върху елементи на векторно изображение

9.1 Геометрични трансформации.

Движещ се

Можете да местите векторното изображение с помощта на мишката. За да направите това, трябва да щракнете с левия бутон върху изображението и докато държите този бутон, преместете Обекта на желаното място на слайда.

Можете също да използвате менюто Форматиране. Изберете опцията AutoShape и в прозореца, който се отваря, посочете хоризонталната и вертикалната позиция на обекта от горния ляв ъгъл или от центъра на слайда.

Мащабиране

Можете произволно да промените мащаба на векторното изображение. Когато изберете обект с мишката, манипулатори за преоразмеряване се появяват в ъглите и по границите на правоъгълника за избор. Докато плъзгате тези манипулатори, размерът на обекта се променя. За да преоразмерите обект по-точно, задайте нови стойности за височината и ширината на обекта в проценти или сантиметри. За да направите това, можете да използвате менюто Форматиране. Изберете опцията AutoShape и посочете размера в прозореца, който се отваря.

Завъртане

Ако трябва да завъртите обект, трябва да изберете обекта и да използвате опцията Действия от менюто Рисуване. Изберете командата Завъртане/обръщане, след което изберете: Свободно завъртане, Завъртане наляво или Завъртане надясно. Ако изберете Свободно въртене, маркерите за посока на въртене се появяват в ъглите на обекта. Докато плъзгате тези манипулатори, ориентацията на обекта се променя.

Отражение

Понякога е полезно да се използва вид трансформация, наречена отражение. За да направите това, използвайте опцията Действия от менюто Рисуване. Изберете командата Rotate/Flip и Flip отляво надясно или Flip отгоре надолу.

9.2 Групиране на елементи. Ред на елементите.

За да групирате или разгрупирате обекти, трябва да изберете обектите, да отидете в менюто Draw, да щракнете върху бутона Actions и да изберете командата Group или Ungroup.

Обектите, вмъкнати в слайд, автоматично се позиционират на различни нива. Тези нива могат да се наблюдават, когато обектите се припокриват: обект на най-високо ниво покрива някои от обектите на по-ниски нива. Ако някой обект е „изгубен“, той може лесно да бъде намерен чрез преминаване през всички нива в цикъл чрез натискане на клавиша TAB (напред) или SHIFT+TAB (назад). Отделни обекти или групи от обекти могат да се преместват между нивата: за например, преместете обект на съседно ниво, както и на най-високото или най-ниското ниво. Обектите често се припокриват, докато рисувате, но най-долният обект не трябва да се рисува първи, защото винаги може да бъде преместен на друго ниво.

Изберете обекта, който искате да преместите. Ако даден обект е скрит, намерете го, като натиснете TAB или SHIFT+TAB.

Щракнете върху бутона Действия в лентата с инструменти за рисуване, посочете Ред и изберете Преместване отпред, Изпращане отзад, Едно ниво нагоре или Едно ниво по-долу.

10. Понятието автофигура.

PowerPoint идва с набор от готови форми, които можете да използвате в презентации. Тези форми могат да се увеличават, намаляват, завъртат, обръщат, оцветяват и комбинират с други форми, за да се създадат по-сложни форми. По правило фигурата е оборудвана с маркер за промяна на формата, който ви позволява да промените най-характерния атрибут на фигурата; например размера на върха на стрелата.

Лентата с инструменти за рисуване в менюто AutoShapes предоставя няколко категории фигури, включително прости и свързващи линии, основни форми, елементи на блок-схеми, звезди и ленти и пояснения. Елементът Допълнителни автофигури отваря раздела Автофигури в колекцията от клипове. Всяка AutoShape в колекцията от клипове може лесно да бъде плъзгана върху слайд.

Можете да вмъкнете текст в AutoShapes. За да направите това, щракнете върху формата и започнете да пишете. Текстът, който въвеждате, ще стане част от формата и ще се върти и обръща с нея.

11 Добавяне на растерни изображения

Отворете слайда, към който искате да добавите снимка. За да добавите графика към всеки слайд във вашата презентация, добавете я към образеца на слайда.

В менюто Вмъкване посочете командата Картина и изберете От файл.

Намерете папката, която съдържа картината, която искате да вмъкнете.

Изберете снимка. Извършете едно от следните действия:

  • За да вградите картина във вашата презентация, щракнете върху Вмъкване.

    За да свържете картина във вашата презентация към картина на вашия твърд диск, щракнете върху стрелката до бутона Вмъкване и изберете Връзка към файл.

Настройка на растерно изображение с помощта на вградени инструменти на Microsoft PowerPoint.

Когато изберете картина, се появява лентата с инструменти за настройка на картината. Съдържа бутони за промяна на яркостта и контраста на картината, изрязване, промяна на цвета и добавяне на рамка.

Изберете снимката, която искате да промените. Направете промени с помощта на инструментите в панела за корекции на изображението.

Забележка. В PowerPoint не можете да изрязвате, групирате или променяте запълването, рамката, сянката или прозрачността на анимиран GIF с помощта на лентата с инструменти за настройка на изображението. Такава картина трябва да се промени в специален редактор и след това да се постави отново в слайда.

12 Добавяне на текст и цвят към слайд

Надписите и снимките са най-важните елементи на слайдовете, тъй като те придават на слайдовете по-цветен вид, което помага да се привлече вниманието на аудиторията към доклада. Надписите съдържат текст (не е изненадващо, нали?), докато снимките могат да бъдат снимки от колекцията на Office, изображения, направени с цифров фотоапарат или скенер, или снимки, изтеглени от Интернет.

Текстът може да съдържа важна информация, която трябва да бъде предадена на аудиторията. Преди да можете да добавите текст към слайд, трябва да добавите надпис към слайда. PowerPoint ви дава четири начина да напишете надпис върху слайд.

    Създайте нов слайд и PowerPoint автоматично ще създаде един или повече надписи.

    Създайте подзаглавие в панела със структурата на презентацията и въведете текст. PowerPoint автоматично ще постави текста, който въвеждате, в полето за надписи.

    Щракнете върху бутона Етикет в лентата с инструменти Рисуване и начертайте поле за етикет.

    Изберете командата Вмъкване → Надпис и начертайте поле за надпис върху слайда.

12.1 Преместване, преоразмеряване и изтриване на надпис.

След като създадете надпис, можете да го преместите на ново място, да го преоразмерите, за да побере повече текст, или да го изтриете напълно.

За да преместите, преоразмерите или изтриете надпис:

В панела със слайдове щракнете върху надписа, който искате да преместите, изтриете или преоразмерите. Около текста ще се появи рамка с бели маркери и в текста ще се появи I-образен курсор, както е показано на фиг. 7.

Изберете една от опциите.

    За да преместите надписа. Поставете показалеца на мишката върху границата на етикета, карайки го да приеме формата на стрелка с четири глави. Докато държите натиснат левия бутон на мишката, преместете показалеца на мишката до мястото, където искате да бъде разположен етикетът, след което отпуснете бутона.

    За промяна на размера на надписа. Преместете показалеца на мишката върху границата на етикета, докато приеме формата на двустранна стрелка. Докато държите натиснат левия бутон на мишката, преместете показалеца на мишката, докато текстовото поле достигне необходимия размер, след което отпуснете бутона.

Голям брой HTML елементи са предназначени да организират съдържание, особено текст, който обикновено съставлява по-голямата част от съдържанието на уеб страниците. Новата концепция за език се фокусира върху логическото оформление на текста или логическото форматиране. Елементите, свързани с това маркиране на съдържание, се обсъждат в тази глава.

Структурирането на съдържанието включва разбиването му на логически блокове. Първият от тези блокове обикновено е заглавието.

Заглавия. Елементи h1, h2, h3, h4, h5, h6

Има заглавия от първо, второ, трето и други нива до шесто. Те са организирани с помощта на тагове h1, h2, h3, h4, h5, h6:

3 ниво 1 заглавка
Заглавка от ниво 2
3 ниво 3 заглавка
Заглавка от ниво 4
Заглавка от ниво 5
3 заглавие ниво 6

Използването на заглавия на различни нива ви позволява да структурирате документа в раздели, глави, параграфи и т.н., което го прави по-лесен за четене. Заглавните елементи от различни нива се показват по подразбиране от браузъра с различни размери на шрифта (фиг. 3.1).

Пример.

Нива на заглавие 31-во ниво Заглавие 2-ро ниво Заглавие 33-то ниво Заглавие 4-то ниво Заглавие 5-то ниво Заглавие 36-то ниво

Ориз. 3.1.

Напомням, че ограждането на текст в заглавния таг е просто инструкция за браузъра, а как ще я изпълни зависи от него, или по-точно от разработчиците му. Ето как например ще изглежда същият код във вашия браузър:

Заглавие 31-во ниво Заглавие 2-ро ниво Заглавие 33-то ниво Заглавие 4-то ниво Заглавие 5-то ниво Заглавие 36-то ниво

В зависимост от предпочитанията на браузъра, някои заглавки на различни нива може да изглеждат еднакви или дори заглавки от по-ниско ниво може да изглеждат по-забележими от по-големите си братя. В редица браузъри, например в Opera, размерът и типът на шрифтовете, използвани на уеб страница, могат да бъдат зададени от потребителя в настройките. След това ще ви покажем как да контролирате размера на шрифта, вида и други характеристики програмно, като използвате стилове, без да разчитате на функциите на други браузъри.

Атрибути:

  • align - задава подравняването на заглавката на страницата. Не се препоръчва. Може да приема четири стойности:
    • наляво- подравнява заглавието към левия край на страницата (използва се по подразбиране);
    • точно- подравнява заглавието към десния край на страницата;
    • център- подравнява заглавието в центъра;
    • оправдавам- подравнява заглавието спрямо ширината на страницата, разтягайки линията от дясното до лявото поле. Ефектът се получава, когато заглавието е по-дълго от ширината на страницата.
  • id, клас
  • език, реж
  • заглавие
  • стил
  • onfocus, onblur, - вътрешни събития.
Вградени и блокови елементи

Всички елементи, отговорни за представянето на съдържанието, обикновено се разделят на две големи групи:

  • елементи на ниво блок или блокови елементи;
  • вградени или елементи на ниво текст (вградени).

Първите отделят големи блокове в документа (например заглавие, параграф, адрес на автора на публикацията). Последните подчертават фрагмент в рамките на ред (една буква, дума или фраза).

По подразбиране блоковете започват на нов ред и заемат цялата налична ширина. На фиг. 3.2, за по-голяма яснота, блоковете са специално подчертани с розова линия. Блоковете могат да бъдат вложени един в друг. Блоковите елементи могат да съдържат вградени елементи. Блоковите елементи ще бъдат разгледани подробно по-долу, но засега само ще ги изброим:
параграфи - ,
заглавия - ,..., ,
блокове - ,
предварително форматиран текст - ,
кавички - , , ,
разделител - ,
маси - ,
списъци -
    , , ,
    скриптове - , .

    Ориз. 3.2.

    Елементите от по-ниско ниво - нивото на текста - по подразбиране се показват един след друг в текущия ред (фиг. 3.3). Те могат да бъдат вградени в елементи на ниво блок и да включват други вградени елементи. Вградените елементи обаче не могат да съдържат блокови елементи. Общото правило е, че елементите могат да бъдат вложени само в елементи от по-високо или същото ниво. Вградените елементи включват елементи на логическо (фраза) и физическо (стил на шрифт) форматиране на текст, специални елементи и елементи за уточняване на форми.

    Ако наистина го нямате,
    Облегни се, кактрябва,
    Приемайте водни процедури.

    Ориз. 3.3. Елементи за вграждане.

    Блокиране на избор. елемент

    Елементът div е най-типичният елемент на ниво блок. Използва се за комбиниране на различно съдържание в логически последователна единица. Един логически блок е повече от абзац текст. Може да отделя например няколко параграфа, които представляват резюме на статия, новина или коментари към основния текст. В комбинация с атрибутите class и id, които ще разгледаме по-късно, елементът div ви позволява лесно да структурирате текст.

    Като си взаимодейства ефективно със стиловите таблици, елементът div ви позволява перфектно да форматирате секции от една страница или дори цял сайт. Текстов блок, разделен логически, може лесно да бъде подчертан, когато се показва по какъвто и да е начин, например чрез шрифт, цвят, разстояние между редовете, центриране и т.н. Съдържанието на елемента div може да бъде позиционирано по желание, подчертано с различен фон и т.н. Гледайки напред, отбелязваме, че блокът може да бъде скрит и показан в точното време. Поради своята универсалност този елемент се използва най-често.

    Атрибути:

    • align - задава подравняването на текста на страницата. Не се препоръчва. Може да приема четири стойности:
      • наляво
      • точно
      • център
      • оправдавам
    • id, class - идентификатори в документа.
    • lang, dir - информация за езика и посоката на текста;
    • title - заглавието на елемента (показва се от браузъра като коментар, когато задържите курсора на мишката върху съдържанието на елемента).
    • стил - вградена информация за стил.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - вътрешни събития.
    Вграден блок. елемент

    Еквивалентът на div на ниво текст е елементът span. Основната му цел е да организира вградени блокове, които след това могат да бъдат ефективно форматирани с помощта на стилове.

    Атрибути:

    • ctlparid
    • id, class - идентификатори в документа.
    • lang, dir - информация за езика и посоката на текста;
    • title - заглавието на елемента (показва се от браузъра като коментар, когато задържите курсора на мишката върху съдържанието на елемента).
    • стил - вградена информация за стил.
    • - вътрешни събития.
    Цитати. елемент

    Този елемент е вид избор на блок. Разликата от div е, че по подразбиране елемент, като цитат, е изместен надясно по отношение на основния текст. Преди това този елемент се използваше за изкуствено създаване на полета отляво на текста. Кавичките, ако е необходимо, се добавят с помощта на таблици със стилове.

    Атрибути:

    • cite - указва URL адреса на документа или писмото, които ще бъдат цитирани.
    • id, class - идентификатори в документа.
    • lang, dir - информация за езика и посоката на текста;
    • title - заглавието на елемента (показва се от браузъра като коментар, когато задържите курсора на мишката върху съдържанието на елемента).
    • стил - вградена информация за стил.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - вътрешни събития.
    Организиране на параграфи. елемент

    Както споменахме, браузърът не обработва знаци за нов ред. Това е направено, защото не знаете предварително на коя платформа ще се показва вашият текст и зависи от браузъра да го позиционира правилно, като самостоятелно организира разделянето на редове. Следователно текстът, който сте въвели на компютъра си, като същевременно го форматирате, разделяте на абзаци и му придавате някакво логическо разделение, браузърът първо ще го конвертира, премахвайки всички последователни интервали и прекъсвания на редове, и след това ще го покаже. В този случай информацията за параграфите ще бъде загубена. За да не се случи това, се използва специален елемент за логическа организация на параграфите

    Атрибути:

    • align - задава подравняването на текста. Не се препоръчва. Може да приема четири стойности:
      • наляво- подравнява текста към левия край на страницата (използва се по подразбиране);
      • точно- подравнява текста към десния край на страницата;
      • център- подравнява текста към центъра;
      • оправдавам- подравнява текста по ширината на страницата, разтягайки линията от дясното до лявото поле.
    • id, class - идентификатори в документа.
    • lang, dir - информация за езика и посоката на текста;
    • title - заглавието на елемента (показва се от браузъра като коментар, когато задържите курсора на мишката върху съдържанието на елемента).
    • стил - вградена информация за стил.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - вътрешни събития.

    Пример.

    1 2 3 4 Заглавия, блокове, цитати, параграфи 5 6 7 8

    Част първа

    9

    Старгородски лъв

    10 11 12

    Глава 1

    13

    Безенчук и "Нимфите"

    14 15

    16 В областния град N имаше толкова много фризьорски заведения и бюра 17 на погребални шествия, че изглеждаше, че жителите на града се раждат едва 18, след което се обръсват, подстригват, освежават главите си с прическа и 19 умират веднага. Но всъщност в областния град Н се раждаха, бръснеха и умираха доста рядко. Животът в град N беше най-спокоен. 22

    23 24

    25 Въпросите за любовта и смъртта не притесняваха Иполит Матвеевич 26 Воробянинов, въпреки че той отговаряше за тези въпроси 27 по естеството на службата си от девет сутринта до пет вечерта всеки ден с половин час 28 почивка за закуска . 29

    30 31

    32 Въпреки че имаше много погребални складове, клиентелата им не беше богата. 33 „Вие сте добре дошли“ гръмна три години преди Иполит Матвеевич 34 да се установи в град N, а майстор Безенчук пиеше горчиво и дори веднъж се опита 35 да заложи най-добрия си изложбен ковчег в заложна къща. 36

    37 38 Пешеходците трябва да се обичат.
    39 Пешеходците съставляват по-голямата част от човечеството. Освен това 40 е най-добрата част от него. Пешеходците създадоха света. Именно те построиха градовете, 41 издигнаха многоетажни сгради, прокараха канализация и водопровод, 42 асфалтираха улиците и ги осветиха с електрически лампи. 43 44 45

    Ориз. 3.4.

    Анализирайки тази уеб страница, можете да забележите следното:

    • редове 7-10: Заглавие от първо ниво.
    • редове 11-14: Заглавие от второ ниво, с по-малък шрифт по подразбиране.
    • редове 15-22

      .

    • редове 23-30: блок . За по-голяма яснота той е подчертан с различен цвят на текста и фон, които са зададени с помощта на CSS стилове, а също така е изместен с 50 пиксела вляво от линията на други елементи.
    • редове 31-36: обикновен параграф, създаден с помощта на елемента

      .

    • редове 37-43: Цитат, създаден с помощта на . По подразбиране той е изместен надясно спрямо основния текст. За по-голяма яснота той е подчертан с курсив, който е зададен с помощта на CSS стилове.

    Всички изброени елементи са включени в елемента. От гледна точка на програмирането този елемент се нарича родител на вложени дъщерни елементи (и "деца" или "наследници").

    , . Дъщерните елементи наследяват редица свойства от родителския елемент. Например, , ,

    Наследяване от стойността на лявата граница. Елементите и са изключени от този списък, тъй като лявото поле е изрично зададено и има дясно изместване по подразбиране. И тук е елементът

    Което е включено в, наследява от него изместената лява граница (фиг. 3.4).

    Превод на линия. Елементи
    , , Елемент

    Както споменахме по-рано, местоположението на новия ред се определя автоматично от браузъра, като се вземат предвид размерите на прозореца, шрифтовете и т.н. За случаите, когато се изисква принудително подаване на ред, е предвиден елемент
    . След като срещна етикета
    , браузърът ще започне да извежда следващия текст на нов ред.

    Забележка:

    В XHTML, където се изисква затварящ етикет, решението е да напишете етикета във формуляра
    , или въведете затварящ таг веднага след отварящия

    .

    Атрибути:

    • ясно - показва къде трябва да се появи обвитата линия. Този атрибут взема предвид прикачени обекти (таблици, изображения и др.) Не се препоръчва. Може да приема четири стойности:
      • нито един- следващият ред текст се показва по обичайния начин, в най-близкото свободно място отдолу (използва се по подразбиране);
      • наляво- следващият ред текст се показва в най-близкото свободно място под обекта, прикрепен към левия край;
      • точно- следващият ред текст се показва в най-близкото свободно място под обекта, прикрепен към десния край;
      • всичко- следващият ред текст се показва в най-близкото свободно място под обект, прикрепен към който и да е ръб;

    Нека да разгледаме примера за използване на елемента
    .

    Нека има изходен документ, в който обектът на изображението не е прикрепен към нито един ръб на документа (атрибутът за подравняване не е дефиниран) и съответно не е заобиколен от текст (фиг. 3.5):

    Пример.

    1 2 3 4 Използване на елемент br с различни атрибути 5 6 7 8 В часовете Мирзакарим Санакулович Норбеков често повтаря: „Аз съм обикновен човек, не по-добър и, надявам се, не по-лош от теб. 11 Важно е само да го искаш!" 12 И той наистина постигна много. Днес М. С. Норбеков е доктор по психология, доктор по педагогика, доктор по философия в медицината, професор, редовен член и член-кореспондент на редица руски и чуждестранни академии, автор на много патентовани изобретения и открития в науката. 16 Самият той обаче нарича всички тези титли „кучешки регалии“, 17 защото не работи за признание. 18 Мирзакарим Санакулович е истински учен изследовател. 19 Обхватът му на интереси е много широк. Много хора са изненадани как всички тези 20 могат да бъдат комбинирани в един човек: художник, композитор, писател, режисьор, 21 изпълнител, спортист, треньор, който има черен колан по карате, втори дан и черен колан 22 в сам джонг до девети дан. Но най-важното е, че авторът на книгата е специалист по 23 суфи медицина и практика, една от най-древните сред всички съществуващи. 24 25

    Ориз. 3.5. Тип документ с изображение без допълнителни атрибути

    Сега нека организираме текста, за да обвием изображението, като го прикрепим към левия край. За да направите това, посочваме атрибута align=left към изображението, тоест ред 7 в HTML кода на документа замени с низ . В резултат на това получаваме текст около изображението (фиг. 3.6):

    Ориз. 3.6. Преглед на документа с прикачено изображение.

    Използването на елемент br с посочения атрибут clear определя дали текстът зад елемента ще продължи да обвива обекта или ще се появи под него. В примера по-долу използването на елемента br без посочване на атрибута clear (което е същото като посочването на clear=none) не прекъсва обвиването на текста, а само обвива на следващия ред. Нека вмъкнем елемента br преди изречението "И той наистина постигна много." (фиг. 3.7):

    Ориз. 3.7. Демонстрация на използване на елемента br.

    Използването на елемента br с атрибута clear=left ще наруши обвиването на текста и ще продължи да показва текста непосредствено под прикачения обект (Фигура 3.8):

    Ориз. 3.8. Използване на елемента br с атрибута clear=left

    елемент

    Понякога трябва да задържите ред на екрана, без да обвивате текст. В този случай такива низове са затворени в контейнер.

    Низов текст без тирета

    Затварящият етикет е задължителен.

    Ако редът е твърде дълъг, ще се появи хоризонтална лента за превъртане. В малки фрази, за да избегнете пренасяне, можете да използвате неразкъсващ се интервал (един или повече), който се вмъква като буквален знак (в десетична форма, в шестнадесетичен). форма A0;).

    елемент

    Той решава обратния проблем - позволява прехвърляне и се вмъква като контейнер вътре в елемента. В следващия пример прехвърлянето се извършва само в изречението „Провинциална непосредственост.“:

    — Знойна жена — каза Остап, — мечта на поет. Провинциална спонтанност. В центъра отдавна няма такива субтропици, но в периферията, в находищата, те все още се срещат.

    На практика е по-лесно да използвате само елемента, като подчертавате с него част от линията, която не подлежи на обвиване. Предишният пример в този случай ще бъде написан така:

    — Знойна жена — каза Остап, — мечта на поета. Провинциална спонтанност. В центъра отдавна няма такива субтропици, но в периферията, в находищата, те все още се срещат.

    Актуализиран и проверен правилността на създаването на списъци на 28.02.2010 (A.K.)

    През последния месец бях тясно ангажиран в разработването на шаблони за създаване на програмни документи, изисквани от стандартите GOST: технически спецификации за програмата, ръководство за потребителя, описание на приложението и други. Изглежда, че в тази дейност няма нищо сложно. Вмъкнете необходимите раздели, прекъсвания на страници, полета за бъдещ текст. Имах обаче трудности с дизайна на документите и по-специално със стиловете на заглавията и многостепенните списъци.

    Според държавните стандарти заглавията в документа трябва да започват с определен абзац, да са с единен шрифт и да нямат точка след последната цифра в номерацията. Освен това има и други изисквания към дизайна, които трябва да се вземат предвид.

    Опитен потребител на редактор на Word вероятно ще се ухили и ще каже: какво толкова сложно има в това? Въведох текста за заглавието, дадох му желания шрифт и форматиране или приложих желаното ниво на стил на заглавието към него и щракнах върху бутона „Номериране“ в панела за форматиране. Това е вярно, но в крайна сметка документът завършва с много различни неподредени стилове, в които можете да се изгубите и които не подобряват външния вид на документа. Но има и многостепенни списъци, които за мнозина изглеждат напълно объркващи и неразбираеми за използване.

    В тази публикация ще споделя моя метод за опитомяване на заглавки и списъци на много нива, като ги стилизирам по съответния начин. Горещо препоръчвам да използвате стилове, когато създавате документи. Създаването на стил ще отнеме само няколко минути, но когато впоследствие форматирате текста на документа, създаденият от вас стил ще спести много време и нерви.

    И така, бях изправен пред задачата да използвам четири различни нива на номерирани заглавия в документ, за да обозначавам раздели от документа. Тези раздели също трябва да имат свои собствени номерирани подраздели. Ето пример за правилни многостепенни номерирани заглавия:

    Първо запазете новия документ като шаблон (разширение .dot). И ние вече работим с този шаблон.

    Следващото нещо, което трябва да направите, е да редактирате стиловете на заглавия по подразбиране, вградени в нашия шаблон. За да видите стиловете, използвани в шаблон или документ, изберете подточка (команда) „Стилове и форматиране” от елемента от менюто „Форматиране”. Област на задачите със същото име ще се появи вдясно от работното пространство на програмата, както на екранната снимка по-долу:

    Основните стилове на заглавията на три нива и стилът "Нормален", т.е. стилът на обикновен текст на документ, се показват като стандартни. За да покажете повече стилове в тази област, можете да изберете Custom от падащия списък Show в долната част на прозореца на задачите. Ще се отвори следният диалогов прозорец:

    Ако е зададена категорията „Налични стилове“, тогава областта „Показани стилове“ ще показва само онези стилове, които са използвани за създаването на този документ. Обикновено се проверяват три нива на заглавия. Ако трябва да използвате четвърто ниво на заглавие, поставете отметка в квадратчето „Заглавие 4“. Възможно е стилът да не се появи в областта Стилове на дисплея. В този случай изберете категорията „Всички стилове“ и поставете отметки в квадратчетата само за заглавия от 1 до 4 и стила „Нормален“, както и тези стилове, които сте създали лично. Затворете прозореца с настройки за форматиране, като щракнете върху OK.

    Втората ни стъпка ще бъде фина настройка на стиловете на заглавията. На заглавията първоначално се задават шрифтове с различно форматиране. За да създадете програмен документ, според GOSTs е необходимо да използвате един шрифт за целия документ. Използвам 14 pt шрифт Times New Roman за стила "Regular". За заглавията също ще използвам този шрифт, като променям само неговия размер и разстояние.

    За да промените стила на заглавката, задръжте курсора на мишката над „Заглавие 1“ в прозореца на задачите. Надписът ще се появи в рамка, а вдясно от него ще се появи бутон с триъгълник. Кликнете върху този триъгълник и пред вас ще се отвори контекстно меню за този стил. Изберете командата "Модифициране" в него и ще се появи диалоговият прозорец "Промяна на стила".

    В полето Стил въз основа изберете Без стил от падащия списък. Оставете полето „Стил за следващ параграф“ непроменено. След това щракнете върху бутона Форматиране в долната част на прозореца и изберете командите, от които се нуждаете, за да промените настройките. За да промените шрифта, използвайте командата "Шрифт"; променете отстъпа на абзаца, използвайте командата "Абзац". Направете необходимите промени. Например за “Заглавие 1” задавам следните параметри: шрифт - Times New Roman удебелен 18 pt, абзац - ляво подравняване, отстъп на първия ред от 1,5 cm, разстояние преди 0 pt, след 3 pt, двойно разстояние между редовете, tab - поставен на 3,5 см от левия ръб без подплата.

    Ако искате да приложите направените промени в шаблона, въз основа на който по-късно ще създадете вашите документи, поставете отметка в квадратчето „Добави към шаблона“, в противен случай всички тези промени ще бъдат приложени само към текущо активния документ.

    По същия начин промених стила на останалите заглавия, като съответно намалих размера на шрифта за всяко от тях: „Заглавие 2“ - удебелен 16 pt, „Заглавие 3“ - удебелен 15 pt, „Заглавие 4“ - удебелен 14 pt.

    По този начин конфигурирах стиловете на заглавия, от които се нуждаех в шаблона. Сега беше необходимо да се създаде стил за многостепенни списъци.

    От елемента от менюто "Форматиране" изберете командата "Списък" (булети и номериране). Ще се отвори диалогов прозорец със същото име. Отидете в раздела Списък със стилове на прозореца и щракнете върху бутона Добавяне. Прозорецът „Нов стил“ ще се отвори пред вас с познат интерфейс и бутони:

    Обърнете внимание на полето "Прилагане на форматиране към". По подразбиране ще бъде зададено на "Ниво 1". Когато зададете форматиране на номериране, вие го прилагате изключително към стила Заглавие 1. Съответно, като изберете следващата стойност в това поле - „Ниво 2“ - трябва също да зададете за него форматирането, което преди това е било зададено за „Заглавие 2“.

    В полето "Име" въведете името на вашия стил (нека бъде "Номериране_заглавие"). След това щракнете върху бутона "Форматиране" в долната част на прозореца. Ще бъдат налични само три команди: „Шрифт“, „Номериране“ и „Клавишна комбинация“.

    Изберете командата "Номериране" и диалоговият прозорец "Списък" ще се отвори пред вас. Щракнете върху който и да е примерен списък и бутонът „Персонализиране“ в долната част на прозореца ще стане активен. Кликнете върху него. Ще се отвори нов прозорец, както е показано на екранната снимка по-долу.

    В този прозорец ще трябва да конфигурираме стиловете на номериране за всяко от заглавията. Изберете желаното ниво, например 1. Прозорецът показва параметрите, които се отнасят за това ниво. Тук можете да конфигурирате шрифта за номериране и отстъпа на абзаца. Ако този прозорец се отвори за кратко, щракнете върху бутона „Още“ и ще бъдат налични допълнителни опции за персонализиране.

    Изберете командата Шрифт. Пред вас ще се появи познат диалогов прозорец, в който задайте същите параметри, които сте задали за „Заглавие 1“ (Times New Roman, получер, 18). Не забравяйте да премахнете отметките от всички квадратчета в групата "Ефекти" - те ще бъдат бледи, задайте цвета на текста, без подчертаване и проверете всички други настройки в другите раздели на прозореца.

    В групата "Позиция на номера" задайте лявата позиция на 1,5 см. В групата "Позиция на текста" задайте раздела след 3,5 см, изберете от падащия списък "Ниво на връзка към стила". задайте „Не“. Оставете стойността в полето „Следване на номера с“ такава, каквато е – табулатор.

    След като изберете второто ниво за списъка, в полето „Числен формат“ може да се покаже буква или друг символ. За нашите цели (създаване на шаблон в съответствие с GOST), трябва да изтриете стойността в полето, след което в полето „Предишно ниво“ изберете стойността „Ниво 1“, така че да имаме първата цифра за второто ниво на заглавието, поставете точка в полето "Номериране" изберете стойността "1,2,3" - в полето "Формат на числото" след цифрата с точка ще се появи следното число 1.

    Щракнете отново върху бутона „Шрифт“ и задайте същите стойности, както сте задали за стила „Заглавие 2“ (Times New Roman, получер, 16).

    Повторете тези стъпки за останалите 2 нива: 3 и 4.

    Моля, имайте предвид, че когато конфигурирате заглавки 3 и 4, първо трябва да изтриете полето „Числов формат“, последователно да изберете наличните стойности в полето „Предишно ниво“: първо „Ниво 1“, поставете точка, след това "Ниво 2" (а за Заглавие 4 - и "Ниво 3") и след това изберете стойността "1,2,3".

    Когато приключите, щракнете върху OK. Нов елемент (стил) с вашето име "Номериране на заглавия" ще се появи в прозореца на задачите "Стилове и форматиране".

    Сега, за да могат тези стилове и списъци да работят правилно в нови документи, базирани на този шаблон, трябва да защитите стиловете на шаблона от промени. За да направите това, в менюто "Форматиране" изберете командата "Защита на документа". Прозорецът на задачите „Защита на документи“ ще се отвори вдясно:

    В раздела Ограничения за форматиране поставете отметка в квадратчето Ограничи разрешените стилове и щракнете върху връзката Персонализиране. Появява се диалоговият прозорец Ограничения за форматиране. Изберете квадратчетата за отметка в този прозорец за наличните стилове във вашия шаблон (които сте създали или които искате да имате). В нашия случай това са 4 нива на заглавия и стил „Номериране на заглавия“. Щракнете OK. Диалоговият прозорец ще се затвори и ще се появи диалогов прозорец с въпрос: „Документът може да съдържа забранени стилове или форматиране. Трябва ли да ги премахнете?“ Изберете "Да". След всичко това щракнете върху бутона „Да, активиране на защитата“. Не е необходимо да задавате парола (по ваша преценка).

    Сега всички документи, които ще бъдат създадени въз основа на този шаблон, ще имат само онези стилове, които сте разрешили за използване.

    Последното нещо, което трябва да направим, е да тестваме как стиловете работят на практика. За да направите това, създайте нов документ въз основа на този шаблон, въведете няколко реда текст в документа. Въведете поне седем реда, за да тествате различни нива на заглавие. Поставете курсора на мишката върху първия ред от текста и приложете стила Заглавие 1 към него.

    След това приложете стила Heading_Numbering, който сте създали, към същия текст. Повторете тези стъпки в дадената последователност (Heading -> Heading_Numbering) за останалите редове, като прилагате различни нива към тях всеки път. Йерархичният списък трябва да изглежда по следния начин:

    Както можете да видите, в долната част на прозореца показах ниво „Заглавие 2“, но с нарушена номерация - 1.1. Случва се. И е много лесно да се поправи. Просто щракнете с десния бутон върху това число, за да се покаже контекстно меню. Изберете командата "Продължи предишния списък" от това меню и заглавието ще получи правилния номер, в случая - 2.2.

    Надявам се, че разбирате как се създават стилове и как се модифицират. Също така искрено се надявам, че тази бележка ще ви помогне да създадете правилните стилове на заглавия и да форматирате документите си красиво и най-важното, еднакво.

    Като пример прикачвам шаблона, който създадох с персонализирани стилове на заглавка и списък.

    За да създадем автоматично съдържание, първо ще трябва да присвоим стилове на всеки текстов елемент. Съвсем просто е, но ще трябва да помрънкате малко.

    Word 2007: в раздела Начало, в блока Стилове, щракнете върху иконата със стрелка в долния десен ъгъл:

    Word 2003: в менюто Форматиране щракнете върху елемента Стилове и форматиране (на снимката са само Стилове - не обръщайте внимание):

    Сега менюто Стилове се появява от дясната страна на прозореца. Първо, нека създадем нов стил за дизайна на нашия основен текст - щракнете върху бутона Създаване на стил в долния десен ъгъл на менюто Стилове:

    Създавайки стил, задаваме основните параметри за основния текст.

    Име: Абзац (можете да се сетите за всичко друго)

    Стил: Абзац

    Въз основа на стила: обикновен

    Стил на следващия параграф: Абзац (или име на стил по ваш избор)

    Шрифт: Times New Roman (това е въпрос на вкус)

    Размер: 14 pt

    Подравняване: Ширина

    Интервал: Един и половина

    Но това не е всичко, трябва да зададете параметрите на абзаца. За да направите това, в долния десен ъгъл на диалоговия прозорец Създаване на стил щракнете върху бутона Формат и изберете Абзац:

    В диалоговия прозорец Абзац, който се отваря, в раздела Отстъпи и разстояние задайте следните параметри:

    Първи ред: Отстъп, 1,25 см

    Интервал: След, 25 pt

    Поставете отметка в квадратчето: Не добавяйте интервал между абзаци от същия стил

    Последното е необходимо, за да се раздели визуално основният текст от заглавията и другите стилове. В същото време няма да има отстъпи между абзаците на основния текст.

    Щракнете върху OK в този диалогов прозорец и отново в прозореца за създаване на стил.

    Страхотно, стилът е създаден! Нека се опитаме да го приложим сега.

    Изберете част от основния текст и в менюто Стилове щракнете върху стила Абзац:

    Както можете да видите, текстът е приел формата, която предварително сме му задали в стиловите параметри. Забележете как форматираният по този начин текст се различава от останалите.

    Както може би се досещате, ние задаваме стила на абзаца за целия основен текст. Сега нека да преминем към създаването на стил за подсекциите.

    В менюто Стилове щракнете отново върху бутона Създаване на стил и задайте следните параметри за него:

    Име: Подраздел

    Стил: Абзац

    Въз основа на стил: Заглавие 2 (необходимо за създаване на съдържание)

    Стил на следващия абзац: Абзац (или име на стил на основния текст по ваш избор)

    Шрифт: Verdana

    Размер: 14 pt

    Стил: Удебелен

    Подравняване: Ляво

    Интервал: Един и половина

    Без да затваряте този прозорец, щракнете върху бутона Формат и изберете Абзац.

    В раздела Отстъпи и разстояние задайте следните параметри:

    Първи ред: отстъп, 1,5 см

    Разстояние: Преди, 0 pt; След това, 20 pt

    В раздела Позиция на страницата поставете отметки в квадратчетата до следните елементи:

    · забрана на висящи редове (така че ред, който не се побира на дадена страница, да не прескача на следващата страница, защото е грозно :)

    · да не се отделя от следващия (за да не се откъсва заглавието от основния текст)

    · не прекъсвайте параграфа (така че цялото заглавие да е на една страница)

    Затворете прозорците за създаване на стил, като използвате бутоните OK и задайте стила на подраздела за всички заглавия от второ ниво:

    Остава само да създадем стил за заглавията на първо ниво – заглавията на секциите. Задаваме стила на секцията по същия начин, както създаваме предишния стил.

    В миналия урок също разгледахме задължителните тагове, сега ще продължим да се запознаваме с други тагове и ще разгледаме как се създават HTML хедъри.

    В HTML документ заглавието играе голяма роля. Концентрира вниманието на посетителя и го насърчава да прочете статията или какъвто и да е материал, играе голяма роля в оптимизирането на страниците за търсачките, тъй като търсачките обръщат внимание на текста, съдържащ се между таговете заглавия и т.н.

    HTML хедърите се предлагат на 6 нива, всяко от които се различава по размер. Тагът и неговият сдвоен затварящ таг са отговорни за създаването на заглавката. Където x е число от 1 до 6, което определя нивото на заглавието.

    Така тагът определя най-големия размер на заглавието, а тагът определя най-малкия. На снимката можете да видите всички нива на заглавие от 1-во до 6-то.

    Използват се предимно заглавия от по-високи нива; много рядко се използват заглавия от 6-то и 5-то ниво. Нека се опитаме да приложим този таг на практика и да направим заглавие за HTML страницата. Нека го наречем например „Тестова страница“ и приложим към него заглавие от първо ниво.

    За да направите това, в кода на нашата уеб страница, който създадохме в урока, веднага след тага ще вмъкнем следната тестова страница. Целият код ще изглежда така:

    Моята първа страница Тестова страница И така, вие създадохте първата си уеб страница!!!

    Можете да опитате да промените числата в тага за заглавие от 1 на 6 и да видите как се променя размерът на текста. Не забравяйте, че след всяка промяна на кода, html файла трябва да бъде запазен, а за да видите направените промени, трябва да обновите уеб страницата в браузъра. Едновременно с размера на текста, тагът за заглавие задава отстъпи и прави текста удебелен.

    По принцип при създаване на HTML документи се използват заглавки от първо, второ и трето ниво. Търсачките обръщат най-голямо внимание на ключовите думи, намиращи се в заглавието от първо ниво, по-малко в заглавието от второ и трето ниво и т.н., т.е. колкото по-високо е нивото на заглавието, толкова по-малка е стойността му за търсачките. В наши дни търсачките вече не придават голямо значение на ключовите думи, съдържащи се в тага h1. Прочетете повече за това в раздела материали. Ще продължим да изучаваме останалите тагове в други.

    Материал, подготвен от портала:

    изгледи