"Как создать сайт своими силами с нуля"
![]() |
![]() |
Навигационное меню курса по созданию сайта.
В этом видеокурсе Вы наглядно увидите весь процесс создания сайта по шагам. От создания каркаса и до загрузки его с сервера в Вашем браузере.
Часть уроков посвящена таким вопросам как: покупка хостинга и регистрация на Вас доменного имени; установка скрипта авторассыльщика писем для Ваших подписчиков и пр.
В курс вошли 18 уроков общей продолжительностью 4 часа 40 минут 35 секунд.
Урок 1 - Вступительный.
Продолжительность:
3
минуты 33 секунды
Вы должны понимать, что создание сайта своими силами потребует от Вас наличия определенных знаний.
В этом уроке пойдет речь о том, какие курсы (все они есть
на диске) Вам необходимо пройти, прежде чем приступать к изучению данного
курса.
Урок 2 - Создаем основу сайта
на жестком диске.
Продолжительность: 4 минуты 37 секунд
Очень важный урок. Вот что Вы узнаете:
Какие папки Вам
нужно создать на своём компьютере для определения нового сайта.
(если этого не сделать, то появятся проблемы уже в самом начале
создания сайта).
Какие
действия Вам нужно произвести в программе Macromedia Dreamweaver для наиболее
удобной работы с Вашим сайтом (если этого не сделать, все остальные уроки
курса будут неактуальными).
Как
проверить взаимодействие сайта и локального сервера.
Урок 3 - Создаем HTML каркас
сайта.
Продолжительность: 9 минут 34 секунды
Вот что Вы узнаете из этого урока:
Как спроектировать
каркас Вашего сайта, прежде чем приступать к его реализации с помощью
языка HTML. Это простое действие облегчит Вам сам процесс создания фундамента
Вашего сайта.
Какие базовые области должна
содержать основа сайта в обязательном порядке (если пропустите хоть одну,
можете забыть про качественный сайт).
Как
на начальном этапе прикрепить таблицу стилей (о том, что это такое Вы
узнаете из курса по CSS) к каркасу сайта и что Вам это даст в перспективе
(это очень важно сделать именно вначале).
Урок 4 - Создаем двойную
навигацию.
Продолжительность: 10 минут 58 секунд
Этот урок будет освещать вопросы навигации, Вот что Вы узнаете из него:
Как вставить на
страницу качественное горизонтальное Javascript меню (Вы научитесь создавать
его в курсе по пакету "Navigation Collection").
Как правильно
создать вертикальное меню и придать ему эффектный вид с помощью таблиц
стилей (здесь Вы будете применять знания, полученные в курсе по CSS).
Урок 5 - Автоматизация через библиотеку.
Продолжительность: 15 минут 24 секунды
Из этого урока Вы узнаете:
Как создавать страницы
сайта с прицелом на автоматическое обновление за счёт использования библиотеки
элементов (это хитрое свойство, позволит Вам сэкономить массу времени
при расширении Вашего сайта).
Как происходит
весь процесс создания каркаса, нацеленного на автоматическое обновление.
Урок 6 - Наполняем сайт контентом.
Продолжительность: 10 минут 15 секунд
Из этого урока Вы узнаете:
Как правильно наполнять
страницы контентом (разбивая их на параграфы и придавая им идеальный вид
с точки зрения шрифта, отступов и пр.). При этом Вы будете делать это
с помощью таблиц стилей, а это значит, что Ваш код будет чистым.
Как прицепить
фоновое изображение к страницам сайта с помощью таблиц стилей.
Урок 7 - Улучшаем возможности
и красоту сайта.
Продолжительность: 21 минута 30 секунд
Вот что Вы узнаете из этого урока:
Как избежать проблемы
с Javascript навигацией при вставке её на сайт.
Как правильно вставлять
изображения в формате png на Ваш сайт, чтобы они корректно отображались
браузером Internet Explorer.
Как установить
и настроить скрипт ''почтовый дятел" (скрипта на диске не будет)
на локальном компьютере, чтобы учиться работать с ним и тестировать различные
варианты миникурсов, дизайна страниц и т.д. Часть урока будет посвящена
внутренней работе с данным скриптом (создание служб, настройка и пр.).
Как добавить
форму подписки на рассылку одновременно на все страницы сайта за несколько
секунд.
Урок 8 - Приводим сайт к
единому стилю.
Продолжительность: 34 минуты 1 секунда
Из данного урока Вы узнаете:
Как избавиться
от проблемы, при которой кнопка подписки перестает реагировать на нажатие
(если Вы не знаете данной проблемы, Вы можете лишиться большого количества
подписчиков!).
Как привести форму подписки
скрипта "почтовый дятел" в единый стиль со всем остальным сайтом
(если этого не сделать, форма будет выпадать из общей картины).
Как вставить 3D
коробку Вашего миникурса, рассылки и пр. с призывом подписаться, одновременно
на все страницы сайта.
Как изменить дизайн страницы
скрипта "почтовый дятел", на которой нужно подтвердить свои
данные. Вы на реальном примере увидите процесс превращения старого дизайна
в новый, который подходит под вид всего остального сайта.
Урок 9 - Продолжаем прорабатывать
стиль.
Продолжительность: 13 минут 49 секунд
Из этого урока Вы узнаете:
Где можно поменять
дизайн страницы, на которой Вы приветствуете нового подписчика и сообщаете
ему, что подписку нужно подтвердить.
Как изменять дизайн письма,
которое приходит подписчику сразу после ввода своих данных на Вашем сайте
(в это письмо Вы сможете вставить свою фотографию и как бы вживую попросить
его нажать на ссылку для подтверждения подписки).
Урок 10 - Проверяем
на ошибки, покупаем хостинг.
Продолжительность: 16 минут 54 секунды
Из этого урока Вы узнаете:
Как проверить весь
сайт на наличие ошибок за несколько секунд.
Как с помощью простой функции
"маскирование" исключить из операции проверки те папки, которые
Вам не нужно проверять (это важно, иначе Вы будете видеть ошибки, на которые
Вам вообще не нужно обращать внимания).
Где купить надежный
хостинг с неограниченным трафиком, хорошим соотношением цена/качество
и гарантией возврата денег в течение 30 дней.
Как без проблем оплатить
этот самый хостинг разными способами (webmoney, Yandex деньги, банковский
перевод и др.).
Как
решать все проблемы, возникающие в процессе покупки хостинга и регистрации
на Вас доменного имени (а проблемы иногда возникают...).
Урок 11 - Работаем с FTP.
Закачиваем файлы на сервер.
Продолжительность: 16 минут 8 секунд
Из этого урока Вы узнаете:
Как правильно настроить
FTP соединение в программе Macromedia Dreamweaver между Вашим компьютером
и удаленным сервером и где для этого брать данные (очень важный этап,
пропустив его, Вы рискуете не понять остальных уроков).
Как проверить созданное
соединение на работоспособность.
Как воспользоваться
функцией "маскирование", для того чтобы программа не отправляла
на сервер ненужные папки и файлы (это крайне необходимо сделать, иначе
будете вхолостую гонять туда сюда трафик, да и к тому же, можете нарушить
работоспособность скриптов).
Как правильно переправить
на сервер все файлы, которые нужны для нормальной работы сайта (это можно
сделать двумя способами и Вам необходимо знать каждый из них!).
Что такое синхронизация
сайта и когда её следует использовать (не пропустите данный момент, иначе
в будущем потеряете громадное количество времени на обновлениях Вашего
сайта).
Как устанавливать
направление синхронизации (в уроке Вы наглядно увидите, как можно в автоматическом
режиме обновлять на сайте только те файлы, которые были обновлены Вами
на локальном компьютере, этим Вы сэкономите свой трафик).
Урок 12 - Устанавливаем автореспондер
на сервер.
Продолжительность:
30 минут 9 секунд
Из данного урока Вы узнаете:
Чем отличается
установка на локальном компьютере от установки на сервере (отличия небольшие,
но они есть и от них зависит работоспособность скрипта).
Какие файлы нужно отредактировать,
перед закачкой скрипта на сервер.
Для чего Вам понадобится
дополнительный FTP клиент (хотя в некоторых случаях можно обойтись и без
него).
Какие права доступа нужно
установить на папки и файлы вначале установки и какие в конце, для нормальной
работы скрипта (иначе поимеете ошибки, связанные с доступом).
Какие настройки
нужно произвести сразу после установки скрипта на сервер (крайне важный
момент для продуктивной работы в будущем).
Как правильно внести изменения
в форму подписки на локальном компьютере за считанные секунды, а затем
всё это моментально обновить на сервере (если Вы не владеете техниками
автоматизации работы, которые показаны в уроке, Вам придется всё делать
вручную).
В
каких случаях, нужно переводить скрипт "почтовый дятел" в режим
отладки и в каких в рабочий режим (если Вы этого не знаете, то скрипт
может дать сбой в любой момент).
Урок 13 - Настраиваем таинственный
крон.
Продолжительность: 7 минут 27 секунд
Из данного урока Вы узнаете:
Что такое панель
управления сайтом и как в неё попасть.
Как настроить планировщик
(cron) на запуск скрипта автоответчика через определенный интервал времени
(без этого автоответчик просто физически не сможет отсылать письма).
Почему команда
вызова планировщика, которая идет в инструкции к скрипту не всегда работает
и где брать рабочую команду (здесь показано решение актуальной проблемы,
с которой можете столкнуться и Вы).
Как проверить
правильность работы планировщика.
Урок 14 - Устанавливаем систему
наблюдения.
Продолжительность: 13 минут 20 секунд
Из данного урока Вы узнаете:
Как установить
на сайт счётчик посещений, который будет выдавать Вам подробную статистику
по посетителям Вашего сайта (сколько человек посетило Ваш сайт, с каких
поисковых систем, по каким фразам, из каких городов, стран и многое другое).
Как вставить код счетчика
одновременно на все страницы сайта, используя средства автоматизации программы
Macromedia Dreamweaver (хотя можно все сделать и вручную, но оно Вам надо?).
Хитрый
метод, который позволит Вам спрятать изображение счетчика от посторонних
глаз, не потеряв функциональности и не платя за это деньги (такая услуга
стоит 3$).
Урок 15 - Учимся управлять
сайтом через панель управления.
Продолжительность: 21 минута 59 секунд
Вот что Вы узнаете из урока:
Как Вы можете создавать
почтовые ящики по типу моих feedback@ruseller.com, course@ruseller.com
и пр.
Как правильно настроить
программу The BAT! на работу с Вашим ящиком и проверить его работу.
Как создать email
автоответчик. На любое, пришедшее на Ваш адрес письмо, будет отсылаться
заранее подготовленное Вами сообщение (например, о том, что Вы в данный
момент в отъезде и ответите на письмо позже). Вы наглядно увидите процесс
создания и тестирования этого инструмента.
Как осуществлять резервное
копирование сайта из панели управления (Вы же не хотите однажды остаться
без сайта, правда?).
Как защитить некоторые
директории Вашего сайта от свободного доступа и дать доступ к ним, только
ограниченному кругу лиц (например, только Вашим подписчикам или клиентам).
Что такое поддомен и как
его создавать. Теперь Вы будете знать, как сделать из your-sait.ru, например
forum.yoursait.ru.
Что такое паркованные
домены, где они применяются и как создаются (если Вы этого не знаете,
то можете запросто переплатить в тех ситуациях, когда можно было воспользоваться
этим инструментом).
Что такое
дополнительные домены и как с ними работать. Теперь Вы научитесь размещать
несколько доменов на одном хостинге.
Урок 16 - Работаем с базой
данных на примере.
Продолжительность: 15 минут 29 секунд
Вот что Вы узнаете из урока:
Как создать MySQL
базу данных (БД требуется для работы многих скриптов, поэтому Вы должны
уметь их создавать).
Как создать пользователя,
который будет иметь доступ к базе (не менее важный пункт, обязательно
научитесь это делать).
Какая особенность
происходит при создании базы данных, которую в последствии нужно обязательно
учитывать (если Вы её пропустите, то все скрипты, взаимодействующие с
базой у Вас не будут работать).
Как правильно работать
с утилитой phpmyadmin, которая позволяет эффективно управлять
Вашими базами данных.
В данном уроке
Вы увидите процесс установки форума на сайт. Для форума создается база
данных, поддомен и все остальные необходимые вещи. Весь процесс подробно
объясняется.
Плюс к этому
из-за неожиданной ошибки, которая произошла в процессе записи урока, Вы
узнаете, как избежать одного очень большого подводного камня, который
может Вам все испортить (я специально не стал вырезать эту ошибку).
Урок 17 - Создаем иконку
для избранного.
Продолжительность: 10 минут 48 секунд
Вот что Вы узнаете из урока:
В какой программе
лучше всего подготавливать исходное изображение для будущей иконки.
Где всего в один шаг, можно
сделать из исходного изображения иконку, которая будет отлично работать
со всеми браузерами.
Какие
тэги нужно прописать на странице, чтобы иконка верно отображалась (если
Вы этого не знаете, Вашу иконку просто никто не увидит).
Урок 18 - Создаем продающий
минисайт своими силами.
Продолжительность: 24 минуты 40 секунд
Вот что Вы узнаете из курса:
Как создать поддомен
для минисайта.
Как создается сам минисайт.
Как подключать
к минисайту платежный процессор Rupay, с помощью которого, Вы сможете
принимать оплату за Ваш продукт более чем 20-ю способами.
Как
избежать проблем, которые могут возникнуть при работе с поддоменами через
программу Macromedia Dreamweaver (а они неизбежно возникнут, если Вы не
знаете одной тонкости, которая есть в этой программе).