Створення Web-сайту
Введення
Інтернет став невід'ємною частиною нашого життя. Сьогодні можна не виходячи з дому оплатити комунальні послуги, замовити продукти харчування, поповнити рахунок мобільного телефону, спілкуватися з друзями, далекими родичами, колегами, пересилати різні файли, документи та багато іншого.
Однак для роботи в інтернеті потрібні як мінімум три речі: браузер, доступ в інтернет і початкові навички побудови і структури Web-сайтів.
У цій роботі я намагався створити свій сайт за допомогою мови розмітки гіпертексту HTML. На перший погляд ця мова може здатися досить складним, проте він є найпростішим способом побудови персонального сайту, на якому можна викласти будь-яку інформацію.
Мета курсової роботи - вивчити принцип побудови сайтів, вивчити основні теги, що застосовуються при його створенні, створити автономний web-сайт.
1.Созданіе HTML сторінки
.1 Інструментарій
Для початку створимо на робочому столі папку, в яку будемо складати всі файли в процесі навчання. Для цього клацаємо правою кнопкою миші в будь-якому місці робочого столу, потім натискаємо «Створити» і з випав списку виберіть «Папку» (Мал. 1) і даємо ім'я папці, наприклад - HTML.
Малюнок 1 - Створення папки
Тепер можна приступати до створення сторінки. Створити просту сторінку HTML дуже просто.
Відкриваємо програму «Блокнот», «WordPad» або будь-який інший текстовий редактор, який є на Вашому комп'ютері.
Заповнюйте дуже уважно, важливий кожен знак, кожна кома, кожна лапка, інакше може не вийти. Код можна писати як великими, так і маленькими буквами.
lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Курсова робота. Інтернет-магазин одягу lt;/TITLE gt;
lt;/HEAD gt;
lt; BODY BGCOLOR= # CCCCFF gt; Курсова робота. Інтернет-магазин одягу lt;/BODY gt;
lt;/HTML gt;
Цим кодом ми створили сторінку сайту. Тепер треба зберегти цю сторінку у форматі HTML. У меню текстового редактора натискаємо «Файл» «Зберегти як ..» у вікні вибираємо місце для збереження файлу. У нас це робочий стіл, вказуємо папку в якій буде лежати файл - це папка «HTML» натискаємо на кнопку «Відкрити». Потім у рядку Файл пишемо, наприклад: page.html і натискаємо кнопку «Зберегти». У папці «HTML», залежно від браузера з'явиться один з цих значків (Рис 2.)
Малюнок 2 - Ярлики браузерів
У подальшому, коли будемо додавати або змінювати код, в меню текстового редактора будемо натискати «Зберегти». Щоб відкрити і подивитися на створену сторінку, натисніть на значок правою кнопкою миші і у випадаючому списку виберіть «Відкрити». Сторінка відкриється в браузері, правда поки вона порожня або, якщо враховувати введений текст, «Пробна сторінка для курсової роботи», цей текст і буде відображено на сторінці.
Якщо ми закриваємо текстовий редактор в якому писали код, щоб відкрити його знову і продовжити роботу, натискаємо на значок і у випадаючому списку вибираємо" Відкрити за допомогою» та зі списку виберіть «Блокнот».
1.2 Основні теги
Сайти створюються за допомогою тегів. Відкриває і закриває сторінку теги lt; HTML gt; і lt;/HTML gt ;, вони ставляться на початку і кінці сторінки. Потім йдуть теги lt; HEAD gt; і lt;/HEAD gt ;, це службові теги, між ними пишуться команди для браузера. Наприклад, теги lt; TITLE gt; і lt;/TITLE gt ;, все, що написано межу цими тегами, відображатиметься при відкритті сторінки в самому верху браузера. Між тегами lt; BODY gt; і lt;/BODY gt; поміщається весь вміст сторінки сайту, таблиці, тексти, картинки, загалом, все з чого складається сайт.
Колір сторінки прописується в тезі lt; BODY gt; атрибутом bgcolor= # CCCCFF raquo ;. У лапках позначається код кольору, може бути будь-яким. Так же фоном сторінки можна зробити картинку. Для цього в тезі lt; BODY gt; замість атрибута BGCOLOR, застосуємо атрибут BACKGROUND= images/ім'я картинки
1.3 Побудова таблиць
Для форматування сайтів застосовуються таблиці. Таблиці оформляються тегами lt; TABLE gt; і lt;/TABLE gt ;. Між ними теги lt; TR gt; і lt;/TR gt ;, а між тегами TR теги lt; T...