Карта сайта

http://arbuzova.mooseum.ru

1. HTML

   • Что такое HTML
   • Базовые теги
   • теги Текста
   • теги Списка
   • теги Ссылок (якорь)
   • теги Таблицы
   • Атрибуты таблицы
   • Табличная верстка сайта
     (шаблоны сайтов)

   • Специальные символы в html
     (как поставить в слове ударение)

   • теги Изображения (картинка)
   • Бегущий текст/картинка
   • Фреймы:
     1. frameset, frame (устаревшие теги)
     2. IFRAME
   • Базовые цвета HTML
   • <Meta> теги
     (автопереход на другую страницу)
   • Редирект 301 (автопереход - файл .htaccess)
   • тег <DOCTYPE> (валидатор)
   • Форма в HTML:
     1. Атрибуты тега <form>
     2. Элементы формы:
        • <input>
        • <textarea>
        • <button> (кнопка)
        • <select>
        • <option>
        • <optgroup>
        • <label>
        • <fieldset>
        • Форма обратной связи (пример)
     3. Форма обратной связи для сайта с отправкой на e-mail
     4. Проверка корректности ввода номера телефона

   • Глобальные атрибуты HTML (полный список HTML-тегов)

2. CSS

   • Связь HTML-документа с таблицей CSS
   • Синтаксис CSS
   • Стилевые параметры текста (white-space ), перенос текста
   • Стилевые параметры шрифта
   • Размер шрифта (font-size)
   • Стилевые параметры списка (list-style)
     • Как разместить элементы списка горизонтально
     • Как разместить элементы списка в колонки
     • Как добавить к номеру списка круглую скобку
   • Стилевые параметры цвета и фона (background)
   • Стилевые параметры Таблицы
   • Стилевые параметры отступов / полей (margin, padding)
   • Ширина и высота элемента (width, height, overflow)
   • Рамки (border-style)
   • CSS для горизонтальных линий (тег <hr>)
     • Линейный градиент
   • Курсор
   • Значения CSS по умолчанию
   • Псевдоклассы в CSS (ссылки, :hover, :focus)
   • Псевдоэлементы в CSS (::before и ::after)
   • Иконки Awesome и CSS
   • Анимированные и другие иконки Awesome

3. Flexbox

   • Свойства для Flex-контейнера
   • Свойства для flex-элементов:
   • Примеры верстки на Flexbox

4. js

   • Как подключить (добавить) скрипт в html документ?
   • Текущий год / Текущая Дата
   • Сколько дней до Нового года / Сколько дней сайту
   • Добавить в избранное / Закрыть окно (вкладку)
   • Как отключить правую кнопку мыши
   • Часы для сайта цифровые (⌚)
   • Часы для сайта аналоговые
   • Случайный текст (Случайный афоризм)
   • Случайная картинка
     Изменение размера картинки при наведении на неё мышки
   • Определение дня недели по дате
   • Календарь-1 для сайта
   • Примеры оформления календаря-1
   • Календарь-2 для сайта
   • Открыть/закрыть новое окно браузера
   • Проверка корректности ввода адреса электонной почты (@)
   • Проверка правильности ИНН

5. jQuery

   • Где взять jQuery?
   • Фотогалерея на jQuery
   • Демо Фотогалерея
   • jQuery ...

6. Справочники

   1. Специальные символы HTML и их Коды ⚒
   2. Символ рубля ₽
   3. Смайлики 😊
   4. Пиктограммы 👉
   5. Иконки Awesome
   6. Цвета и коды HTML
      1. Безопасные WEB-цвета
      2. Русские названия цветов
      3. Оттенки цветов
   7. Месяцы и дни недели на английском языке
   8. Термины Интернет
   9. Горячие клавиши Internet Explorer
   10. Сочетания клавиш в Браузере
   11. Образцы русифицированных шрифтов
   12. CSS Символы (Таблица - 1240 символов)

7. Полезное

   • Как сохранить файл в кодировке UTF-8
   • Размер формата A4
   • Как скачать видеоролик с сайта
   • Виды рекламных заголовков
   • Как включить правую кнопку мыши
   • Размер окна браузера
   • Как подключить шрифт Google Fonts
   • Как сделать скриншот с экрана ПК

8. Инструменты

   • VS Code - установка и настройка
   • VS Code - быстрые клавиши
   • VS Code - Lorem Ipsum
   • Figma
   • Подбор цвета (палитры) для веб-сайта (онлайн)
   • Размер окна браузера (калькулятор онлайн)

9. Примеры

10. PHP

    • Примеры PHP

---

Последнее обновление: 2024-02-13