Уроци на Photoshop, GIMP, MS Office, Scratch, HTML & CSS, science в училище: font

Показват се публикациите с етикет font. Показване на всички публикации

Word | Форматиране на текст от менюто Home, раздел Font и бутоните Undo и Redo.

В този урок ще научите:

Как се форматира текст от менюто Home, раздел Font.
Командите от раздел Font и как да работите с тях.
Как да коригирате документа с командите Undo и Redo.

Създаване на флаер с MS Word create flyer | Page size, Margins, Import pictures, Draw in Paint

В този урок ще научите да:

Създавате нов текстов документ от File Explorer > меню Home.
Задавате размер на страницата, Page Size.
Задавате полета в документа, Margins.
Създавате изображения в Paint с помощта на фигури и рисуване със свободна ръка (Brushes).
Вмъквате снимки/изображения от менюто Insert .
Форматирате текст от менюто Home > раздели Font и Paragraph.
Подготовяте документа за печат.

Работа с шрифтове и класове в HTML font family property

Урок 6. Set the Font Family of an Element връзка>>

Можете да зададете точно определен шрифт на текста чрез свойството font-family.

Ако искате да приложите на h2 елемент фонт шрифт sans-serif трябва да използвате следния CSS:

h2 {
font-family: sans-serif;
}

Задачата е: Направете всички p елементи със шрифт monospace.

Натиснете Run tests бутона. Ако сте работили добре, преминавате на следващата стъпка:

Урок 7. Import a Google Font

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

Google Fonts е безплатна библиотека от уеб шрифтове, които можете да използвате във вашия CSS, като се позовавате на URL адреса на шрифта.

Така че, нека продължим, като импортираме и прилагожим шрифт от Google (обърнете внимание, че ако Google е блокиран във вашата страна, ще трябва да пропуснете това предизвикателство).

За да импортирате шрифт на Google, можете да копирате URL адреса на шрифта от библиотеката на Google Fonts и след това да го поставите във вашия HTML. За това предизвикателство ще импортираме шрифта Lobster. За да направите това, копирайте следния кодов фрагмент и го поставете в горната част на редактора на кода (преди елемента за отваряне на стил):

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

Сега можете да използвате шрифта Lobster във вашия CSS, като използвате Lobster като FAMILY_NAME, както е в следния пример:

font-family: FAMILY_NAME, GENERIC_NAME;

GENERIC_NAME е по избор и е резервен шрифт, в случай че другият посочен шрифт не е наличен. Това е разгледано в следващото предизвикателство.

Фамилните имена са чувствителни към малки и големи букви и трябва да бъдат обвити в кавички, ако има интервал в името. Например, имате нужда от кавички, за да използвате шрифта „Open Sans“, но не и да използвате шрифта Lobster.

Задачата е: Импортирайте шрифта Lobster във вашата уеб страница. След това използвайте селектор на елементи, за да зададете Lobster като семейство шрифтове за вашия h2 елемент.

Натиснете Run tests бутона. Ако сте работили добре, преминавате на следващата стъпка:

Урок 8. Specify How Fonts Should Degrade

Има няколко шрифта по подразбиране, които са налични във всички браузъри. Те включват monospace, serif и sans-serif.

Когато един шрифт не е наличен, можете да кажете на браузъра да "degrade/се разпадне" на друг шрифт.

Например, ако искате даден елемент да използва шрифта Helvetica, и да се разпадне на шрифта sans-serif, ако Helvetica не се поддържа от браузера, можете да използвате този CSS стил:

p {
font-family: Helvetica, sans-serif;
<}

Имената на родовите шрифтове не са чувствителни към малки и големи букви. Освен това те не се нуждаят от кавички, защото са CSS ключови думи.

Задачата е: За да започнете, приложете monospace шрифт към елемента h2, така че той вече да има два шрифта - Lobster и monospace.

В последното предизвикателство импортирахте шрифта Lobster с помощта на маркера за връзка. Сега коментирайте импортирането на шрифта Lobster (използвайки HTML коментарите, които научихте преди) от Google Fonts, така че да не е достъпен повече. Забележете как вашият h2 елемент се разпада до monospace шрифт.

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

Ако сте работили правилно ще видите как шрифта се разгражда до monospace.

Натиснете Run tests бутона. Ако сте работили добре, преминавате на следващата стъпка:

Продължете към: Size Your Images
Вижте всички уроци от Responsive Web Design >>

Форматиране на клетки Format Cells in MS Excel

Форматиране на клетки в Excel

Когато форматираме клетки в Excel, променяме външния вид на число, без да сменяме самото число като стойност. Можем да приложим цифров формат (0.8, 0.80, 80% и т.н.) или друг формат (подравняване, шрифт, граница и т.н.).
1. Въведете стойността 0.8 в клетка В2.

По подразбиране Excel използва общия формат (без конкретен формат на число) за номера. За да приложите цифров формат, използвайте диалоговия прозорец "Форматиране на клетки"/Format Cells.

2. Изберете клетка B2.

3. Щракнете с десния бутон и след това щракнете върху Форматиране на клетки (или натиснете CTRL + 1).

Появява се диалоговият прозорец "Форматиране на клетки".

4. Например, изберете Валута/Currency.

Забележка: Excel ви дава визуален преглед на начина на форматиране на номера (по образец).

5. Щракнете върху OK.

Клетка B2 все още съдържа числото 0.8. Променихме само вида на този номер. Най-често използваните команди за форматиране са налице в раздела Начална страница/Home.

6. В раздела Начална страница/Home в групата Number щракнете върху процентния символ, за да приложите формат Percentage/Процент.

7. В раздела Home/Начална страница в групата "Alignment/Подреждане" центрирайте номера.

8. В раздела Home страница в групата Font добавете външните граници на клетката и променете цвета на шрифта в синьо.

Резултата:

Decimal Places/Десетичен знак - форматиране
Научете как да показвате по-малко десетични знаци след десетичната запетая в Excel, без да променяте самото число. Можете също така да закръглите числото.

1. Въведете стойността 2.175 в клетка А1.

2. В раздел Home tab, iв групата Number, изберете бутона Decrease Decimal два пъти.

Резултата:

Забележка: Ако погледнете formula bar/лентата за формула, можете да видите, че клетката A1 все още съдържа стойността 2.175.
3. Още можем да използваме тази точна прецизност за стойност и при изчисления.

Забележка: Ако искате да използвате 2.2, за да получите резултат от 6.6, закръглете стойността в клетка А1 с функцията ROUND /ще го видите в следващ урок)
Date and Time Formats/ Формат за Дата и час
Датите и часовете в Excel могат да се показват по различни начини. За да приложите формат Дата или Час, изпълнете следните стъпки.
1. Изберете клетка А1.

2. Щракнете с десния бутон на мишката, след което щракнете върху Format Cells.

3. В списъка Category/Категории изберете Date/Дата и изберете формат Date/Дата.

Кликнете OK.

Забележка: За да приложите Time формат, в списъка Category/Категории изберете Time/Време.
5. Датите се съхраняват като номера в Excel и броят на дните e от 0 януари 1900. Времената се обработват вътрешно като числа между 0 и 1. За да видите това ясно, променете формата на клетките A1, B1 и C1 на General ,

Забележка: очевидно 42544 дни след 0 януари 1900 е същото като 23 юни 2016 г. 6:00 е представено като 0,25 (четвърт през деня).

6. Можете да въведете време от 6:00 часа, но Excel показва този път като 6:00:00 AM във формулата. АМ се използва за времето през нощта и сутринта. PM се използва за време следобед и вечер.

7. Променете number format в клетка C1 само на Date.

Забележка: клетката C1 все още съдържа номера 42544.25. Променихме само външния вид на номера, а не числото.

8. Накрая, ако не можете да намерите подходящия формат за дата или час, създайте персонализиран формат за дата или час.
Това е за сега. Успех!
ВИЖТЕ още уроци за ексел...

MS Word, обработка на текст в раздел Home, група Font - основи

Отворете нов текстов документ в програмата MS Word. Запишете го под името: Home_Font_basic.

Стъпка 1. Въведете/копирайте следния текст в създадения документ:

Ms word

Стартиране и интерфейс на MS Word, основи

Създаване на нов документ create, отваряне на съществуващ документ open, съхраняване save в MS Word, основи

Маркиране, копиране, преместване и изстриване на текст в MS Word, основи

MS Word, раздел insert, група illustrations, вмъкване на форми/shapes

MS Word, раздел insert , група symbols, вмъкване на символи и специални знаци

Форматиране на текст, снимки и таблици в MS Word, ефекти, penguin

MS Word, обработка на текст в раздел home, група font, обява

Съставяне на сложни циркулярни документи - MS Word, serificate

Видео помощник:

Днес ще обърнем подробно внимание на раздел Home, група Font в MS Word.

Когато отворите нов документ в MS Word по подразбиране типа шрифт/Fоnt е Calibri(Body) , а размера/Size е 11.

Такъв е шрифта и на текста, който копирахте преди малко.

Стъпка 2. Селектирайте целия текст.

Съвет - може да го направите от раздел Home, група Editing с командата Select -> Select All или просто да провлачите с натиснат ляв бутон мишката през целия текст, ако е по-малък документа, както е в случая.

Стъпка 3. Шриф на текста

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

В случая изберете шрифт - Century Gothic.

Стъпка 4. Променете размера на шрифта на 12.

Това е стандартния размер, с който се работи в текстовите документи. Друг начин да променяте размера е с командите Grow Font/за увеличаване на размера/ и Shrink Font/за намаляване на размера на шрифта/. Оградените в червено три команди са за оразмеряване на шрифта.

Натиснете няколко пъти Grow Font и вижте увеличаването. А сега Shrink Font и стигнете отново до 12 размер.

Стъпка 5. Направете част от текста в главни букви

Отмаркирайте текста и маркирайте само първия ред съдържащ текста: Ms word 2010

Натиснете бутона за команда Change Case и изберете UPPERCASE.

Имате и други възможности. Прегледайте ги!

В случая текста на първия ред стана с главни букви.

Стъпка 6. Удебеляване и подчертаване на текст.

Удебелете/Bold (1) текста и подчертйте/Underline (2). Уверете се, че текста от горната стъпка е маркиран.

Обърнете внимание, че до U - командата - бутон има малка черна стрелка. Натиснете я!

Имате възможност за различно подчертаване, както и за промяна на цвета ѝ. Изберете сами как да бъде подчертан вашия текст. Ние се спряхме на Dot-dash underline.

Стъпка 7. Увеличете този текст на рамер 24(1) /забележка: на снимката се вижда 16/.

Стъпка 8. Работа с Text Effects - инструмента.

Натиснете бутона Text Effects. Разгъва се списък с възможности за придаване на ефекти върху текста.

В първата секция, която е маркирана на снимката отдолу има няколко бързи готови ефекти. На снимката е избран Gradient Fill -Blue, Accent 1, Outline - White, Glow - Accent 2. Виждате как текста се форматира в синьо с бяла външна линия...

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

Нека сами създадем наш Text Effects. Ще работим със секцията отдолу...

Изберeте командата Text Effects(1) , спуснете се до реда Outline (2) и задайте цвета (3), както е указан на снимката по-долу. След това изберeте командата Text Effects(4), спуснете се до реда Shadow (5) -> от там изберете секцията Perspective -> и подкомандата Below(6).

Изберeте командата Text Effects(1) , спуснете се до реда GLow(2) -> Glow Variations изберете (3) - 3 ред, 3 колона, сияние в зелено...

Стъпка 9. Цвят на текста

Задайте цвят на самия текст от командата Font Color (4), в случая е червен (5) - Red, Accent 2, Lighter 60%. За по-лесна ориентация вижте снимката отдолу.

Резултат за заглавния текст

Текстът след всичките форматирания трябва да изглежда ето така:

Стъпка 10. Фон на текст

Последното от групата Font, кoeтo ще направим днес е да маркираме останалия текст и да му дадем Text Highlight Color от командата със същото име и да сложим сив цвят. Следвайте за улеснение снимката отдолу.