Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Зарезервовані імена кольорівСодержание книги Поиск на нашем сайте
Наприклад, <BODY BGCOLOR=”RED”> <!—задається червоний колір фону à Для створення графічного фону використовується атрибут BACKGROUND дескриптора <BODY>. У цьому атрибуті потрібно вказати ім’я файла графічного зображення. Наприклад: <BODY BACKGROUND=”my_picture.gif”> Колір основного тексту можна змінити за допомогою атрибута TEXT дескриптора <BODY>. Колір задається так, як і у випадку зміни кольору фону. Зображення-гіперпосилання — це зображення на Web-сторінці, клацнувши на якому, можна відкрити нову Web-сторінку або службу Internet. Наприклад, можна помістити на Web-сторінці зображення поштової скриньки, клацнувши на якому користувачі зможуть відправляти повідомлення електронної пошти. HTML-код зображення-гіперпосилання має вигляд: <А HREF=”URL”><IMG SRC=”URL-файла зображення”></А> Із ціллю швидшого завантаження Web-сторінки має сенс створювати зменшені копії зображень (мініатюри зображень), які є гіперпосиланнями на відповідні їм зображення-оригінали. Мініатюри завантажуються швидко, даючи користувачеві уявлення про зображення-оригінали. Доступ до зображення-оригіналу можна отримати у будь-який момент, клацнувши лівою кнопкою миші на зображенні-гіперпосиланні. Щоб використовувати мініатюри, необхідно мати дві копії зображення — велике зображення-оригінал і зменшене зображення. Для зменшення розмірів зображень використовують можливості графічних програм. Щоб зв’язати мініатюру з оригіналом необхідно помістити дескриптор, що задає мініатюру, всередині дескриптора <А HREF> </A>, який є гіперпосиланням на велике зображення, наприклад: <А HREF=”big.gif”><IMG SRC=”small.gif”></A> Тут задано вказівку роузера розмістити на Web-сторінці зображення (файл small.gif), що є гіперпосиланням на зображення, задане файлом big. Gif. Таблиці у HTML-документах Таблиці у WEB-документах застосовуються не тільки для розміщення табличних даних, а й для вставки зображень і посилань, для раціонального компонування WEB- сторінки. Таблиці будуються за принципом вкладання і вводяться на WEB-сторінку за допомогою ряду елементів. Кожна таблиця починається тегом <TABLE> і закінчується тегом </TABLE>. Створювана таблиця ніби розгортається по рядках, а рядки заповнюються комірками. При цьому всередину тегів <TABLE> …</TABLE> можуть вставлятися такі елементи: TR – елемент створення рядка; TD – елемент, що визначає вміст комірки даних; TH – елемент, що визначає комірку заголовка. Наприклад, для створення таблиці 3*2 використовується такий шаблон: <TABLE> <TR><TD>…. </TD><TD> … </TD></TR> <TR><TD>…. </TD><TD> … </TD></TR> <TR><TD>…. </TD><TD> … </TD></TR> </TABLE> де крапками позначений вміст кожної комірки. Приклад таблиці:
Таблиця починається тегом <TABLE> и завершується тегом </TABLE>.
Таблиця може включати заголовок, який розміщується між тегами <CAPTION></CAPTION>. Він має бути безпосередньо після тега <TITLE>. До заголовку можна застосувати атрибут ALIGN, що визначає його положення відносно таблиці: TOP – значення за замовчуванням, заголовок над таблицею по центру. Рядки таблиці починаються тегом <TR> и завершаються тегом </TR>, а кожна клітинка таблиці починається тегом <TD> и завершується </TD>. Дані теги можуть мати такі атрибути:
Крім цього, будь яка клітинка таблиці може бути визначена не тегами <TD></TD>, а тегами <TH></TH> - Table Header (заголовок таблиці). В принципі, це звичайна клітинка, але текст між цими тегами буде виділений напівжирним шрифтом і відцентрований. Якщо клітинка порожня, то навколо неї рамка не малюється. Якщо рамка все ж потрібна навколо порожньої клітинки, то в неї треба ввести символьний об’єкт (non-breaking space – нерозривний пропуск). Клітинка буде порожня, а рамка навколо неї буде ( - обов’язково треба набирати малими буквами і закриватися символом «крапка з комою»). Теги, що встановлюють шрифт (<B>, <I>, <FONT SIZE="n", FONT COLOR="#FFFFFF"), необхідно повторювати для кожної клітинки. Теоретична довідка до ПР №41 Використання фреймів Мова HTML дозволяє поділити вікно браузера на окремі секції, які називаються фреймами (рамки). Вміст кожного фрейму знаходиться в окремому HTML-файлі. Кожен фрейм можна переглядати або змінювати не залежно від решти фреймів. Браузер, який “розпізнає” фрейми, завантажує різні сторінки у різні секції свого вікна. Наприклад, можна побудувати сторінку так, що фірмовий знак буде зафіксовано у верхній частині вікна, збоку буде розміщено панель навігації сторінками сервера, а в решту вікна будуть завантажуватися різні сторінки, які користувач зможе переглядати звичайним чином. Коли користувач клацає кнопкою мишки на гіперпосиланні – змінюється лише частина вікна, а система навігації і фірмовий знак залишаються нерухомими. Подібну структуру має сторінка, вигляд якої подано на рис. 33 Рис. 33 Код даної сторінки наведено нижче: <HTML> <HEAD> <TITLE>Приклад фреймової структури документа</TITLE></HEAD> <frameset cols="30%,70%"> <frame src="a1.htm"> <frame src="a2.htm"> </frameset> </BODY> </HTML> Файл a1.htm <HTML> <HEAD> <TITLE>Приклад фреймової структури документа</TITLE> </HEAD> <BODY bgcolor="silver" text="black" link="#ff0000"> <h3> На цій сторінці фреймової структури, як правило, розміщують зміст Web-сайта</h3> </BODY> </HTML> Файл a2.htm <HTML> <HEAD> <TITLE>Приклад фреймової структури документа</TITLE> </HEAD> <BODY bgcolor="silver" text="black" link="#ff0000"> <h3> На цій сторінці фреймової структури, як правило, розміщують вміст вибраного у змісті розділу</h3> </BODY> </HTML> Процес створення Web-сайта Вище було розглянуто основні конструкції мови HTML і можливості її використання для створення Web-сторінок. Тепер потрібно з окремих сторінок сконструювати свій Web-сайт і розмістити його в Інтернеті. Розглянемо спочатку етапи планування і створення сайту на жорсткому диску вашого комп'ютера. Процес створення Web-сайта можна умовно поділити на ряд етапів: · Визначення цілей; · Створення схеми Web-сайта; · Створення сторінок; · Публікація сторінок на сервері; · Реклама Web-сайта; · Підтримка Web-сайта. Приступаючи до розробки свого сайту, потрібно чітко уявити собі його призначення. Звичайно сайти створюються для того, щоб заявити про себе чи про свою організацію, повідомити про результати роботи чи про свої досягнення, налагодити ділові зв'язки, дати рекламу про освітні послуги тощо. Крім призначення сайту, потрібно визначити коло його потенційних відвідувачів, тобто аудиторію, на котру розрахований ваш сайт. Чи то будуть школярі, студенти, чи люди різних віків? У який час вони будуть відвідувати ваш сайт і на яких мовах вони будуть говорити? Якими браузерами вони будуть користуватися? Наступним етапом буде підбір матеріалу. Не весь матеріал по тематиці сайту, що ви маєте, варто публікувати в Інтернеті. Потрібно оцінити якість матеріалу та його цікавість для відвідувачів. Відібраний матеріал розділіть по темах - ці теми будуть визначати розділи майбутнього сайту. Якщо матеріалу по кожній темі набирається досить багато, розсортуйте його за ступенем важливості. Матеріали, що ви плануєте опублікувати на сайті, потрібно організувати за деякою структурою. Найчастіше для Web-сайтів обирається деревоподібна структура організації інформації (рис. 34, а, б). На верхньому рівні знаходиться початкова сторінка сайту, з якої відвідувач за допомогою меню чи посилань і може переходити на сторінки наступного рівня. Деревоподібна структура може складатися з декількох рівнів підпорядкування. Дуже важливо визначити оптимальне співвідношення між кількістю рівнів (глибиною коренів чи висотою дерева) і кількістю варіантів вибору на кожному рівні (шириною дерева). Якщо дерево виявиться дуже широким (рис. 34, а), то відвідувачеві важко буде орієнтуватися в поданій інформації й утримувати у пам'яті безліч варіантів вибору. Якщо ж рівнів буде багато, то відвідувачу доведеться довго «докопуватися» до потрібної йому інформації (рис. 34, б). Для цього він має зробити безліч клацань мишею і дочекатися завантаження проміжних сторінок.
а) б) Рис. 34. Приклади структури сайту: а – широке дерево; б – вузьке дерево
Щоб полегшити подорож усередину сайту, на сторінках верхнього рівня розміщають посилання, що можуть перевести відвідувача відразу ж до сторінок нижнього рівня. На глибоких сторінках також можуть розміщуватися посилання для зворотного переходу вгору по ієрархічних рівнях сайту. Іноді для сайту замість деревоподібної структури доцільно вибрати структуру у вигляді простого ланцюжка (лінійна структура). При цьому перехід з кожної сторінки може здійснюватися тільки в двох напрямках: на наступну і на попередню сторінки (рис. 35, а). Для цього на сторінках розташовуються кнопки Вперед та Назад, - за допомогою їх легко переглядати розділи книги чи набір фотографій. На практиці лінійна структура застосовується в поєднанні з різними відгалуженнями й альтернативними переходами (рис. 35, б).
а) б) Рис. 35. Приклад лінійної структури сайту:
Відвідувач може скласти уявлення про структуру сайту за допомогою засобів навігації: списків-посилань, меню і т.д. Для кращої орієнтації відвідувачів до складу сайту може бути включена окрема сторінка, так звана карта сайту. Схема розроблюваного сайту може бути такою, як на рис.36. Рис. 36 Збирання файлів Web-сайту Коли ви підготували матеріали і подали у вигляді схеми структуру вашого сайту, можете приступати безпосередньо до розробки, тобто до складання HTML-коду. Саме цей етап роботи над сайтом був описаний вище. У результаті на диску вашого комп'ютера будуть створені файли Web-сторінок, а також будуть розміщуватися файли впроваджених об'єктів (зображень, аудіо, відео). Скопіюйте всі файли в окрему папку і назвіть її, наприклад, Website (рис. 37). У цій лапці має. бути файл index.html, що подає початкову сторінку сайту. Інші файли папки Website містять HTML-код інших сторінок (файли з розширенням.html). У розглянутому прикладі в папці Website розміщений також файл із розширенням.сss, який містить аркуші каскадних стилів (на початковому етапі знайомства з HTML цей файл можна не створювати). Імена усіх файлів повинні бути набрані малими латинськими буквами.
У папці сайту бажано передбачити папку (у даному прикладі - img), у якій будуть зберігатися зображення у форматі GIF чи JPEG.
Якщо при формуванні папки сайту ви перейменовували файли, простежте, щоб відповідні зміни були внесені й у код HTML сторінок. Після цього завантажте початкову сторінку сайту в броузер (Internet Explorer або Netscape Navigator) і переконайтеся, що всі переходи на інші сторінки сайту працюють, сторінки відображаються потрібним чином, а малюнки виводяться на сторінки. Якщо яка-небудь сторінка чи малюнок не відображаються, то, мабуть, ви помилилися у написанні імен файлів. Виправте ці помилки, і ще раз перевірте роботу сайту. Теоретична довідка до ПР №42 Програма MS Publisher Програма MS Publisher допомогає працівникам малого бізнесу створювати і розповсюджувати професійно виконані рекламні матеріали і документи для ділової переписки. Publisher є програма, що дозволяє створювати рекламні матеріали для друку, публікації в Інтернеті та розсилання електронною поштою. Publisher 2003 містить розширений набір типів особистих публікацій таких, як особисті бланки, професійно макетовані візитні картки і запрошення. Є можливість повторного використання підготовлених матеріалів шляхом публікації їх різними способами і відсилання в тому варіанті, який бажає замовник. Наприклад, можна створити інформаційний бюлетень, відправити його в професійний друк (або на принтер), відіслати одною сторінкою у вигляді змісту електронного повідомлення, а потім перетворити для перегляду в Інтернеті. Початок роботи. Професійно розроблені шаблони і майстри містять 10 нових наборів основних макетів в Publisher 2003 (всього їх 45) і допомогають користувачам дотримуватися послідовних принципів макетування у типових ділових документах. Їх можна використовувати без змін або модифікувати для одержання потрібного зовнішнього вида. Робота. Область задач містить підказки по макету, що дозволяє швидко внести зміни в публікацію, застосовуючи кольорові схеми, схеми шрифтів, макети і т. д. Перед друком або публікацією можно скористатися функцією перевірки макету, щоб знайти і виправити помилки. Управління. Починаючи з порожнього макету, Publisher пропонує різні можливості настільної верстки, включаючи багаті засоби макетування тексту і сторінок і нові функції, такі як «Выравнивание базовой линии», «Сортировщик страниц», «Несколько главных страниц», а також підтримку в абзацах розривів абзаців і рядків, включаючи контроль висячих рядків. Вставка змісту. Publisher 2003 підтримуває завантажувані шаблони в області задач «Новая публикация», показуючи їх в каталозі Publisher: В області задач вибрати «Новая публикация» і клацнути Наборы макетов, буде виведено 10 нових наборів основних макетів (всього макетів 45), включаючи погоджені набори для типових ділових публікацій – інформаційних бюлетнів, брошюр, рекламних оголошень, листівок, швидких публікацій, візитних карток, веб-вузлів. … Publisher забезпечує нові можливості створення, редагування, управління і відсилання веб-вузлів такі, як нові майстри веб-вузлів і типи веб-сторінок; перегляд у вигляді веб-сторінок; додаткове завантаження веб-вузла; покращенні навігаційні панелі; покращенні способи для розміщення і відправки веб-вузла, наприклад, Майстер веб-вузлів надає наступні можливості:
Типи веб-сторінок:
Вибір Web-серверу Отже, ви створили свій невеликий сайт. Тепер вам потрібно вибрати Web-сервер, на якому цей сайт буде розміщений. Web-сервер виконує збереження, пошук і обмін файлами в WWW. Наприклад, коли клієнт Web запитує файл із WWW, програма броузера відправляє цей запит на Web-сервер, на якому знаходиться даний файл. Сервер відшукує файл на своїх дисках і відправляє його комп'ютеру-клієнту, від якого був отриманий запит. Обмін інформацією між клієнтом і Web-сервером відбувається відповідно до протоколу HTTP - загального протоколу, що відповідає за функціонування World Wide Web. Web-сервер - це комп'ютер, що працює під керуванням однієї з операційних систем UNIX, Windows NT, Macintosh і на який установлена спеціальна програма Web-cepeepy. Найбільш поширеною програмою Web-серверу є Apache Server, яка працює швидко і встановлюється безкоштовно (див. вузол www.apache.org). Часто використовуються також програми TomCat, Microsoft IIS, NCSA та ін. За допомогою однієї з таких програм свій Web-сервер може створити будь-яка організація, школа і навіть приватна особа. Однак це не завжди виправдано, оскільки повноцінний Web-сервер повинен мати швидке з'єднання з Інтернетом (наприклад, через виділену лінію) і повинен працювати цілодобово. Тому користувачі вирішують проблему Web-серверу за допомогою сторонніх організацій - фірми вашого провайдера чи спеціалізованих фірм, які займаються хостингом. Хостинг (від англ. слова hosting - спільне розміщення) - це розміщення Web-caumy на обладнанні компанії. Ресурси серверу і лінії зв'язку використовуються спільно безліччю клієнтів. При виборі стороннього Web-серверу керуються двома основними критеріями: ціною і продуктивністю. У професійних розробників Web-сайтів вибір визначається можливостями замовника і стосунками з компаніями, що володіють Інтернет-серверами. Нині з'являється усе більше Web-серверів, що здійснюють безкоштовний хостинг (наприклад, сервери www.bigmir.net, www.chat.ru, www.da.ru, www.narod.ru, www.boom.ru). Такі сервери не вимагають оплати за підтримку Web-сайтів клієнтів і існують за рахунок рекламодавців. Зареєстрованому клієнту дається обмежений, але достатній простір на диску серверу - від 5 до 50 Мбайт. На ньому клієнт може розмістити як невеликий, так і солідний сайт. Єдине зобов'язання, що бере на себе клієнт безкоштовного Web-серверу, це розміщення на своєму сайті банерів' - маленьких помітних зображень (часто анімованих), призначених для реклами. Утім, згоди клієнта на це, як правило, не запитують - банери вставляються й обновляються без участі власника сайту. Безкоштовні Web-сервери мають також обмеження у наданому сервісі: вони, як правило, не підтримують сучасні Інтернет-технології PHP, JSP. ASP та ін. Однак свій сайт, що містить звичайні файли HTML, ви зможете розмістити на безкоштовному сервері без особливих проблем. (Термін «банер» (від англ banner - прапор) прийшов в WWW із поліграфії, де він означає газетний заголовок великими літерами на всю ширину смуги - так звану «шапку»)
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2016-04-23; просмотров: 274; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.191.62.68 (0.008 с.) |