- •1.Короткий нарис розвитку креслення та інженерної графіки.
- •2.Креслярські приналежності.
- •3.Креслярські інструменти.
- •4.Стандарти і вимоги до проектно-конструкторської документації.
- •1) Машинописним на одній стороні аркуша через два інтервали. Висота шрифту не менш як 2,5 мм, стрічка тільки чорного кольору;
- •2) Рукописним — основним креслярським шрифтом з висотою літер не менш як 2,5 мм, чорною тушшю;
- •3) Друкарським — із застосуванням друкарських і графічних пристроїв, комп’ютерів.
- •5.Формати, рамка й основний напис
- •Основні формати
- •6.Масштаби і лінії креслення.
- •Основні масштаби
- •7.Шрифти креслярські.
- •8.Рекомендації з виконання креслень.
- •9.Проведення паралельних і перпендикулярних ліній.
- •10.Розподіл відрізка прямої на рівні частини.
- •11.Побудова і розподіл кутів.
- •12.Побудова плоских фігур.
- •13.Пошук центра окружності чи дуги і визначення їхніх радіусів.
- •14.Розподіл окружності на рівні частини і побудова правильних багатокутників, що вписані.
- •15.Загальні відомості про ппп AutoCad.
- •16.Поняття “креслення” в системі AutoCad.
- •17.Створення нового креслення.
- •18.Загальні принципи настроювання.
- •Створення середовища для роботи
- •Вибір формату представлення числових значень координат крапок, лінійних і кутових величин
- •19.Засоби організації креслення.
- •Системи координат
- •Одиниці виміру
- •Графічні примітиви
- •20.Засоби креслення.
- •21.Точка (point).
- •23.Багатокутник (polygon).
- •Inscribed in circle (і) - вписує багатокутник у коло даного радіуса;
- •24.Прямокутник (rectangle).
- •25.Дуга (arc).
- •26.Коло (circle).
- •Isocircle - будує ізометричне коло в поточній ізометричній площині креслення.
- •28.Багаторядковий текст (multiline text).
- •29.Однорядковий текст (single line text).
- •30.Алгоритм та його властивості.
- •32.Основні види обчислювальних процесів.
- •33.Технологія побудови блок-схем алгоритмів за допомогою Microsoft Visio Drawing.
- •34.Загальні відомості про графічний редактор Paint.
- •37.Створення презентації.
- •38.Режим перегляду презентаций.
- •39.Додавання нового слайда.
- •40.Додавання заміток доповідача.
- •41.Режим відтворення слайдів.
- •42.Текстові об’єкти.
- •43.Робота з діаграмами.
- •5. Коли зовнішній вигляд діаграми остаточно визначений, клацніть де-небудь за її межами. У результаті діаграма з'явиться в презентації, і будуть відновлені меню і панелі інструментів PowerPoint.
- •44.Створення web – сторінок.
- •45.Теги html.
- •46.Основні засоби мови html.
- •47.Найпростіше форматування тексту.
- •48.Керування вирівнюванням тексту.
- •49.Оформлення абзаців.
- •50.Оформлення заголовків.
- •51.Основні способи застосування графіки.
- •52.Графічні ілюстрації.
- •53.Зображення – карта.
- •54.Графічні формати Інтернету.
- •55.Графічні елементи оформлення Web – сторінок.
- •56.Горизонтальна лінійка.
- •57.Кольорове оформлення.
- •58.Гіперпосилання на Web- сторінках.
- •59.Внутрішні гіперпосилання.
- •60.Гіперпосилання в межах сайту.
- •61.Зовнішні гіперпосилання.
- •62.Оформлення кнопок.
- •63.Підготовка динамічно працюючих кнопок.
- •64.Динамічні web - сторінки на основі JavaScript.
- •64.Рецепт блинчиков.
50.Оформлення заголовків.
Подивимося ще раз на нашу сторінку. Ще один її недолік полягає в тім, що весь текст написаний шрифтом одного розміру.
Узагалі говорячи заголовки виділяють більш великим шрифтом (причому звичайно напівжирним). Для того щоб виділяти заголовки, у HTML існують так називані теги заголовків. Це <Н1>, <Н2>,<НЗ>, <Н4>, <Н5> і <Н6> (і їх закриваючі теги).
Для самих великих заголовків можна використовувавши тег <Н1> , для заголовків подрібніше — <Н2> і так далі.
Наприклад, так:
<Н2> text <ВR> text </Н2>
Однак зверніть увагу на те, що для вирівнювання по центрі потрібно прикласти додаткові зусилля, наприклад помістити відповідний тег усередину тега заголовка (тобто в даному випадку між тегами <Н2> і</Н2> ):
<Н2> <Р ALING="сеntег">text<ВR>
text </Р> </Н2>
Якщо цього не зробити, то заголовок буде вирівняний по лівому краї. У нашому випадку має сенс використовувати для заголовків розповіді тег <Н2> , а для заголовка всієї сторінки — тег <Н1> (загальний заголовок повинний бути крупніше). Для вирівнювання загального заголовка по центрі можна написати так:
<H1> <DIV ALING="сеntег"> text </DIV> </Н1>
Зверніть увагу на те, що замість тега <Р> для вирівнювання був використаний тег <DIV> . Цей тег означає роздільник і визначає фрагмент, якому можна наділити якими-небудь стильовими властивостями. Текст, розташований між тегами <DIV> і </DIV> , у більшості броузеров також відокремлюється від іншого тексту за допомогою символу перекладу рядка (якщо не задані ще які-небудь параметри). Запам'ятаєте цей тег — згодом його прийдеться вживати дуже часто.
Ви, напевно, звернули увагу на те, що в попередньому прикладі основний текст розповідей був укладений у тег <Р ALIGN="left"> . Тут значення "left" означає вирівнювання по лівому краї, однак це значення атрибута ALIGN= визначено за замовчуванням. Для визначення абзацу, вирівняного по лівому краї, досить було просто ставити тег <Р>. Однак текст розповіді звичайно смотрится краще, якщо в нього рівні обоє краї, а не тільки лівий — ми до цього звикли по “паперовим” виданнях. Щоб вирівняти текст по обох краях, можна додати атрибут ALIGN= зі значенням "justify". Але варто мати на увазі, що таке вирівнювання не підтримувалося в старих версіях броузеров. Броузеры Internet Explorer і Netscape Navigator підтримують його тільки починаючи зі своїх четвертих версій.
51.Основні способи застосування графіки.
У попередній главі ми розглянули кілька прикладів створення WEB - сторінок. Ви, мабуть, уже звернули увагу, що усі вони виглядають досить “строго”. А вся справа в тім, що в них не використовувалися графічні елементи. Зараз, узагалі говорячи, в Інтернеті залишилося не так багато сторінок без графічних елементів, оскільки за допомогою графіки можна не тільки проілюструвати пропонований матеріал, але і небагато “оживити” загальне оформлення, про що мова йтиме в цій главі.
Фонове зображення
Отже, давайте розберемося, яким же образом можна використовувати графічні елементи на WEB - сторінці. Розглянемо такий приклад.
Допустимо, ми хочемо, щоб читачі довідалися достоїнства нашого улюбленого електронного піаніно — клавинови. Ми вже написали відповідний текст, але хочемо його оформити не дуже строго. І тут найпростішим рішенням буде розмістити цей текст не на одноколірному, а на тематичному тлі.
Допустимо, що в нас заготовлений відповідний фоновий малюнок — він записаний у файлі під ім'ям back1.jpg . Якщо при окремому перегляді цього малюнка він вам подобається, це ще нічого не значить. Щоб визначити, чи підходить малюнок як тло до тексту, його потрібно перевірити.
Щоб помістити малюнок на веб - сторінку як тло, потрібно установити в теге <BODY> атрибут BACKGROUND= зі значенням, що містить ім'я файлу малюнка.
<BODY BACKGROUND="Images/back1.jpg">
Якщо малюнок менше вікна броузера, то він буде повторюватися по горизонталі і по вертикалі. Це відбувається автоматично, і донедавна це не можна було скасувати. Тепер же, якщо ви не хочете повторення можна вказати або відносне місце розташування файлу малюнка (тобто шлях доступу до нього відносно розташування вихідного HTML-файлу), або його повна URL-адреса. Тут і далі ми припускаємо, що ви розмістили в тій же папці, що і HTML-файл, папку \Images, у яку складаєте всі графічні файли.
Повернемося до нашого малюнка. Ясно, що на такому сіруватому тлі чорні букви будуть читатися погано, тому відразу визначимо для тексту білий колір (або майже білий). Гіперпосилання у нас поки відсутні, але про них усе рівно треба подбати заздалегідь. Поки давайте визначимо для них жовтий колір.
Усе це добре задумано, але вся сторінка виглядає не дуже привабливо. По-перше, тло має яскраво виражену “клітинну структуру”. По-друге, текст читається не дуже добре: для його сприйняття приходиться напружувати зір, особливо при великих екранних дозволах.
Спробуємо вирішити ці проблеми. По-перше, небагато зменшимо розмір фонового малюнка, щоб залишити в ньому тільки кольори приблизно однієї яскравості. По-друге, оскільки текст білий, потрібно для поліпшення його читаності підвищити контрастність тексту з тлом. У будь-якому графічному редакторі понизимо яскравість нашого малюнка, що зробить його темніше.
Крім того, відповідно до загального правила, світлий текст на темному тлі краще завжди робити небагато крупніше. Тому укладемо наш текст у теги <BIG>...</BIG> (рис. 218).
+ look #52