Як створити свій сайт
Дана інструкція не буде вас вчити як за допомогою яких - то лівих програм або сайтів клепати говносайти (Вибачаюсь). Дана стаття навчить вас, як створювати пристойні сайти (ручками, ага), які не соромно буде показати друзям. Звичайно, це буде нелегко.
Інструкція
1 крок
Отже, всі сайти складаються з сторінок. Наведу 2 найбільш поширених формату:
* .html
* .php
Формат * .php написаний на мові програмування, його ми розглядати не будемо.
Нас цікавить тільки формат HTML.
Отже, з чого ж складається документ Html? Він складається з Тегів і Тексту. Теги задають, яким буде текст і все що відображено на сторінці.
2 крок
Приклади тегів. У цих прикладах вам необхідно видалити зірочку * щоб вони працювали. Більшість тегів повинні закриватися символом /
lt; * b *> Жирний текстlt;/ B>
lt; * u *> Підкреслений текстlt;/ U>
lt; * i *> Текст курсівомlt;/ I>
Можна також комбінувати
lt; * b *> lt; * u *> Жирний і підкреслений текстlt;/ U> Lt;/ B>
lt; * br *> - закривати тег не потрібно. Тег розриває рядок.
Вчимося панове, вчимося!
3 крок
Таблиці. Ми не будемо розглядати каскадні тадліци стилів. Ми подивимося як робляться звичайні таблички. Не забуваємо видаляти зірочки *
Таблиця
lt;TABLE BORDER= 1> (Якщо встановити 0, то рамка іссчезнет)
lt; * TR *>
lt;TD COLSPAN= 3> Якщо в таблиці два
тега TR, то в ній дві строкі.lt;/ TD>
lt;/ TR>
lt; * TR *>
lt; * TD *> Якщо в рядку три тега TD, lt;/ TD>
lt; * TD *> то в нейlt;/ TD>
lt; * TD *> три столбца.lt;/ TD>
lt;/ TR>
lt;/TABLE>
Результат
(Дозвіл на публікацію прийнято зі згодою адміна з https://intuit.ru/department/internet/htmlintro/5/)
Глуюже розглядати не будемо. Скажу лиш, що в таблиць може бути безліч параметрів, таких як ширина, колір, відступ, і тд і тп
4 крок
Посилання. Видаляємо зірочки
lt;a href= "Winlook.ru/"> Це посилання на winlook.rult;/ A *>
5 крок
Вставка зображення. Зірочки.
lt;img src= "images / webmaster_central_logo.jpg"*>
6 крок
Цієї інформації вистачить для старту. Тепер можете створити найпростішу странічцу. Відкриваємо блокнот, вставляємо теги і текст, зберігаємо як * .html і запускаємо (Зберегти як - всі файли - пишемо index.html)
7 крок
Якщо хочете зробити оформлення як у yakszrobiti.ru - правою кнопкою мишки по тексту натискаємо - вибираємо вихідний код. Вам показуються всі теги які в даний момент присутні. Але ви врятли в них чтото зрозумієте, так що раджу скачати HTML підручник.
Рекомендую:
https://html.manual.ru/ - дуже класний справочкін, розрахований також для новачків
Якщо він для вас занадто складний, або з якихось причин не підійде, то ось ще посилання на книги
https://web-mastery.info/books/book-30.html
Дана книга є одним із сучасних підручників (останнє перевидання 2008 рік) по html розмітці зокрема і web будівництву в цілому. Крім основ, які необхідно знати початківцю веб майстру, розглядаються питання юзабіліті, тобто зручності веб сторінки для кінцевого користувача - відвідувача сайту.
https://web-mastery.info/books/book-26.html
Самовчитель Html. А.Гончаров.
Книга Олексія Гончарова "Самовчитель HTML"Призначена допомогти початківцям веб майстрам самостійно вивчити мову гіпертекстової розмітки. Просуваючись від історії виникнення до практичних завдань читач може покроково створювати свій перший сайт, одночасно перевіряючи отримані знання.
https://web-mastery.info/books/book-10.html
Підручник html
HTML і CSS на прикладах - відмінний підручник html для початківців. Книга побудована таким чином, що приступаючи до прочитання не обов'язково мати початкові знання html, якщо ж певні навички вже є, можна припустити вступну теорію. Багато практичних порад, покроковий розбір прикладів і доступний для початківця стиль написання книги роблять її дійсно хорошим підручником з html.
Примітка. CSS- Каскадні таблиці стилів. Якщо осілете, качайте це. Простіше вам же буде.
8 крок
Удачи в починаннях, великі майбутні веб-майстра!
Як створити сайт-візитку? З кожним днем зростає кількість інтернет-сайтів у Всесвітній павутині. Люди все частіше звертають увагу на Мережу як на джерело доходів і піару. Власне кажучи, всі сайти в глобальній мережі можна поділити на кілька категорій. Причому…
Чим відрізняється css від html Для того щоб зрозуміти яка ж між CSS і HTML різниця, необхідно розібратися, що ж таке CSS, а що таке HTML. У перекладі з англійської CSS означає «Каскадні таблиці стилів». CSS є технологією управління дизайном веб-сторінки, він надає безліч…
Як написати html-документ В інструкції я спробую пояснити структуру мови html і навчу вас азам мови. А ще трохи розповім про javascript і CSSІнструкціяРівень складності: НескладноЩо вам знадобиться:Комп'ютерПрограма блокнот чи Akel Pad (стандартний додаток Total…
Як я збільшую швидкість індексації нових сайтів Найпростіший спосіб це додавання сайтів в пошуковики, а саме:https://webmaster.yandex.ru/ - додавання в пошукову систему yandexhttps://rambler.ru/doc/add_site.shtml - додавання в пошукову систему ramblerhttps://google.ru/intl/ru/addurl.html - додавання…
Що таке html? Подорожуючи по мережі інтернет можна помітити, як між собою різняться можливості та оформлення Web - сторінок. Таблиці, малюнки, текст і додаткові елементи формують наповнення веб-сторінки, які створюються завдяки мові розмітки HTML.Родина HTMLЩо…
Як скопіювати посилання? Для початківців користувачів Інтернету, кожен новий питання здається складним і вимагає спеціальних знань. Це далеко не так!як скопіювати посиланняКористування функціями інтернет сайтів завдання досить проста і легко здійсненне. Не потрібно…
Як змусити сервер обробляти html як php. Отже у вас є статичний сайт на HTML, але раптом вам знадобилося включити в сторінки функції php. Так як же зробити, щоб сервер обробляв html як php? Так легко :)ІнструкціяРівень складності: НескладноЩо вам знадобиться:1 крокВи вже знаєте як створити…
Як написати просту авторизацію на php Ми будемо писати просту авторизацію на PHP, яка не вимагає базу даних MySQL. Для чого може знадобиться скрипт авторизації? Скрипт авторизації потрібен для обмеження доступу на окрему web-сторінку, або навіть на весь ваш сайт. Плюсом скрипта є те що…
Як користуватися jquery? JQuery - чудова бібліотека javascript, яка робить програмування з javascript ще легше. У цій інструкції я розповім як користуватися цією бібліотекою і покажу кілька прикладів використання JQuery.ІнструкціяРівень складності: Нескладно1…
Як почати створювати сайти webhandbook.blog.ruНе знаєте з чого почати вивчення сайтостроения? Прочитайте цю інструкцію ...ІнструкціяРівень складності: Легко1 крок БлокнотВстановлюємо собі текстовий редактор або використовуємо вбудований блокнот. Мій вибір програм: Macromedia…
Як створити свій смайлик. Купа смайликів, вибирай будь!Сайт yakszrobiti.ru дуже багатий своїми прекрасними порадами. І ці поради допомагають людям отримувати новий досвід у своєму житті, поповнювати свій лексикон. Але я придумав своє, це створення свого смайлика. Зараз я…
Як вивчити html ???? Як говорить всезнаюча "Вікіпедія" HTML (Від англ. HyperText Markup Language - «мова розмітки гіпертексту») - стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (Або XHTML). Мова HTML…
Як зробити меню, що випадає для свого сайту Якщо вам потрібно меню, що випадає для сайту, а ви не розбираєтеся в кодах html - ця інструкція для васІнструкціяРівень складності: Легко1 крокЗаходимо на сайт https://purecssmenu.com/2 крокНатискаємо "Please register to save results. It's easy and…
Як легко створювати сайти в програмі nvu. Хочете створити свій сайт? Але не знаєте з чого почати? Або лінь вивчати мову HTML розмітки? Тоді представляю вашій увазі програму NVU.ІнструкціяРівень складності: Нескладно1 крокДля початку - качаємо власне програму NVU. Її можна завантажити ось за…
Чим відрізняється htm від html Питання, чим відрізняється htm від html, актуальне завжди, хоч і відповідь на нього однозначна і незмінний. Люди, що користуються браузерами і виходять в Інтернет, в якийсь момент помічають, що зберігаються сторінки мають розширення, яке втратило…
Як вставити посилання в текст? Вся глобальна мережа (Інтернет) побудована на використанні посилань на сайтах. Сайти можуть посилатися як на свої додаткові сторінки, так і на сторінки інших сайтів. Все це дозволяє організувати навігацію користувачів по мережі, щоб вони могли…