Звичайно - як зробити веб-сайт

Treehouse

Опис програми

Прочитайте офіційний опис

Звичайно - як зробити веб-сайт

Treehouse

Як зробити сайт

Якщо ви ніколи не побудували сайт раніше, і ви не маєте кодування або досвід проектування, це місце, щоб почати. У цьому проекті ми дізнаємося, як побудувати сучасний веб-сайт портфоліо для настільних комп'ютерів, планшетних ПК і мобільних пристроїв. Почнемо з основного HTML і синтаксису CSS. Далі ми дізнаємося, як створювати власні веб-сторінки з галереєю зображень і контактній сторінці. І, нарешті, ми йдемо через як розділити сайт живуть в Інтернеті.

Те, що ви дізнаєтеся

  • Як писати основний HTML
  • Як стиль веб-сторінок за допомогою CSS
  • Як купити домен та хостинг
  • Як завантажити файли

Починаючи з HTML і CSS

У цьому короткому посібнику ми перевірити приклад остаточного веб-проекту ми прагнемо побудувати. Тоді ми дізнаємося, як код HTML наш перший елемент, який допоможе сформувати структуру нашого сайту. І, нарешті, ми закінчимо наш веб-сайт для укладання з деякими простими CSS. Ці дві мови, HTML і CSS, формують основні будівельні блоки будь-якого веб-проекту.

HTML Перший

HTML це спеціальний комп'ютерний мову, що описує структуру документа. За допомогою HTML, ми можемо створювати веб-сторінки, що містять текст, зображення, і багато інших типів контенту. По-перше, ми почнемо з короткого уроку історії. Тоді ми будемо копатися в останніх досягнень в HTML, створивши просту структуру сторінки.

Створення HTML Content

При створенні веб-сайтів, то краще написати якомога більше HTML структури, наскільки це можливо, перш ніж перейти до CSS. На практиці, ви будете рухатися взад і вперед між HTML і CSS, але будувати велику частину структури спочатку зробити його більш легким процесом. По-перше, ми почнемо з створення навігації для нашого сайту. Потім ми можемо перейти до структурування галереї фотографії та інший вміст сторінки. І, нарешті, ми закінчимо, включивши в CSS файл в нашій HTML сторінки.

CSS: каскадні таблиці стилів

CSS це мова, яка дозволяє нам робити проекти, які добре організовані і красиво. У той час як HTML описує структуру інформації, CSS описує, як ця інформація повинна бути візуально представлена. Перед тим, як почати кодування CSS для нашого сайту, ми будемо витрачати деякий час на вивчення синтаксису CSS.

Налаштування кольору та шрифти

Кольори в CSS потрібен спеціальний кодований формат, який називається шестнадцатеричной. Спочатку ми дізнаємося про шістнадцятирічних чисел, а потім ми можемо використовувати їх в наших колірних значень. Тоді ми дізнаємося, як знайти ліцензовані шрифти, а також як включити шрифти в веб-сторінки.

Стилізація веб-сторінок і навігація

Методики, необхідні для укладання галерею зображень, а також горизонтальної навігації насправді дуже схожі. По-перше, ми дізнаємося, як стиль групи зображень і конвертувати їх в рядки і стовпці для нашої галереї зображень. Тоді ми будемо використовувати подібну техніку CSS, щоб створити горизонтальну навігацію з невпорядкованого списку.

Додавання сторінок на веб-сайт

При наявності декількох веб-сторінок пов'язані один з одним, сторінки стають відомі під загальною назвою як веб-сайт. Домашня сторінка служитиме в якості шаблону для обох сторінці контактів і про сторінку. На обох сторінках, ми будемо вивчати деякі нові методи CSS.

Адаптивний веб-дизайн і тестування

Сучасні веб-сайти побудовані з мобільних і настільних користувачів на увазі. Створюючи наш сайт за допомогою рідких відсотках (замість фіксованих пікселів), ми геть до хорошого початку. Проте, ми можемо додати спеціальні правила CSS звані медіа-запити для подальшого підвищення досвіду. Після додавання адаптивний дизайн, ми будемо тестувати сайт на декількох пристроях.

Спільне використання веб-сайту

Ми закінчили кодування наш веб-сайт, і тепер настав час, щоб розгорнути його жити в Інтернеті, щоб інші люди могли бачити його. По-перше, ми будемо купувати наш домен і хостинг. Тоді ми будемо використовувати протокол FTP (File Transfer), щоб помістити наші файли на наш сервер.

Налагодження HTML і CSS Проблеми

При створенні веб-сайтів, навички вирішення проблем необхідні. По-перше, ми дізнаємося, як отримати доступ до інструментів розробника, щоб знайти проблеми з нашим кодом. Тоді ми будемо йти через деякі загальні питання, HTML і CSS і як виправити їх швидко.

Учитель

Нік Петтіт

Нік є викладачем в Treehouse і незалежний розробник ігор. Його Twitter ручка @nickrp.

В цьому навчальному закладі пропонуються освітні програми за наступними напрямками:
  • англійська


Останнє оновлення November 24, 2017
Тривалість і ціна
Цей курс Онлайн навчання
Start Date
Дата початку
Відкритий конкурс
Duration
Тривалість
Заочна та вечірня форма
Стаціонарна форма навчання
Price
Вартість
Locations
США - США Інтернет
Дата початку: Відкритий конкурс
Кінець терміну надання заяв інформація
Дата закінчення інформація
Dates
Відкритий конкурс
США - США Інтернет
Кінець терміну надання заяв інформація
Дата закінчення інформація