обучение web разработке №1

[slava3212]

Итак здравствуйте дорогие форумчане .
Я решил начать этот долгий и тернистый путь веб программиста.
и первое с чего мы начнем это визуальной состовляющей сайта
а именно : изучение html , css , js.
постепенно я буду учиться и обучать тех людей который будет в моей команде веб разработке.
Возможны мои консультации в telegram.
А теперь начнем наш первый урок 1 .

На данном этапе мы узнаем:
1) что же такое вообще интернет?
2) что такое сайт
3) что представляет собой веб страница
4) виды сайтов
5) процесс разработки сайта
6) что такое гипертекст , теги и атрибуты
7) простой пример html странички
8) пример сложной веб страницы
9) горячие клавиши для перемещения по документу

 

[slava3212]

Не в обиду, конечно, но может лучше учиться у более знающих людей (не реклама), а не у новичков, самих толком ничего не понимающих?)

я оценил твою точку зрения))
но все таки учиться вместе это куда увлекательней чем по одиночке))
тем более я буду стараться все проще описывать
да и все равно я за это не беру денег..
кто хочет учиться то гоу со мной... кто не хочет тот нет))
пока буду оставлять свои мысли тут а потом замучу блог

 

[slava3212]

1 вопрос)
Прежде всего давайте ответим на вопрос: что же такое интернет? За ответом на
этот вопрос обратимся к Википедии, и в этом справочнике найдем следующее
определение:

Интернет – это множество компьютеров по всему миру,
объединенными в единую сеть, которые постоянно обмениваются какой-либо
информацией.

Интернет не имеет никакого собственника, здесь нет и специального органа
управления, который бы контролировал всю работу сети Интернет.
Пользователь интернета платит только за подключение к некоторой
региональной сети (провайдеру), которая в свою очередь платит за свой доступ
сетевому владельцу государственного масштаба.

Структура Интернет напоминает паутину, в узлах которой находятся
компьютеры, связанные между собой линиями связи. Каждый компьютер в свою
очередь имеет свой уникальный адрес, называемый IP-адресом, который
обязательно должен быть уникальным, так же как и любого объекта в реальной
жизни есть свой уникальный адрес.

Существуют два типа IP-адреса:

1)
- постоянные, т.е. закрепленным за определенным компьютером.
в основном такое на проводных интрнетах.
Айпи один и всегда им остается

2)
- динамические, которые присваиваются в тот момент, когда пользователь
соединяется с интернетом. (всякие модемы билайн , мегафон)
модем перевключил и у вас новый айпи адрес

 

[slava3212]

Структура IP-адреса устроена таким образом, что мы можем узнать, в какой
стране и в каком городе находится компьютер пользователя. Таким образом,
например, при настройке объявлений по контекстной рекламе, можно задавать
регионы показа нашего объявления.

Пример IP-адреса:
192.168.1.2.
Для того, чтобы узнать свой IP-адрес, 1)нужно зайти в «панель управления» -
«сетевые подключения» - выбрать «подключение по локальной сети» и перейти
на вкладку «поддержка».
2)либо же зайти в любую вашу поисковую систему : гугл,яндекс либо же какоой то другой и набрать в поиске мой айпи.
Для того, чтобы не запоминать сложные цифры IP-адреса, были придуманы
так называемые доменные имена....

 

[slava3212]

Доменное имя - это уникальное имя, которое данный поставщик услуг избрал
себе для идентификации, например: mail.ru или google.com


Доменное имя может иметь несколько уровней. Домен 1 уровня обычно
определяет страну местоположения сервера (ru – Россия; ua – Украина; uk –
Великобритания; de – Германия) или вид организации (com – коммерческие
организации; edu - научные и учебные организации; gov - правительственные
учреждения; org – некоммерческие организации). С недавнего времени стало
возможным использование русскоязычных доменов (рф).

Примеры доменных имен:
- ru,com,ua/ это все домены первого уровня.
mail.ru, vk.com, darkwebs.ws, facebook.com , книги.рф– домены 2-го уровня.
gazeta.spb.ru – домен 3-го уровня.

в основном домены для сайта делают 2 и 3 уровня...

чем выше уровень тем сложнее его запомнить а следовательно тем он и дешевле.

Тем временем мы подошли к нашей второй теме

что же такое сайт?

 

[slava3212]

Что такое сайт.
Сайт – это совокупность электронных документов(веб-страниц), объединенных
под одним адресом (доменным именем), связанных между собой ссылками.
Доступ к сайту осуществляется через браузер.

https://ibb.co/e6LNyS

В настоящее время существует 5 основных видов браузеров. Все они
практически одинаково отображают информацию, за исключением Internet
Explorer, который некоторые теги и свойства стилей отображает по другому, к
примеру, воспринимает иначе ширину блоков, и эти особенности необходимо
учитывать при верстке, но об этом подробнее позже...


Что представляет собой веб-страница ?


https://ibb.co/bt7o57

Веб-страница сайта может состоять из различных блоков:
• Шапка (header), в которой могут размещаться: логотип компании,
название сайта, телефоны организации и проч.
• Вертикальная и/или горизонтальная навигация по сайту (меню).
• Основное содержимое (content).
• Рекламные баннеры и ссылки на другие сайты.
• Дополнительные модули, например, голосование, опросы, корзина
покупателя…
• Нижний колонтитул (footer), где размещается дополнительная
информация: автор сайта, счетчики посещаемости...

 

[slava3212]

Виды сайтов
Сайты можно разделить на следующие виды:
1. По содержимому
1.1. Статические – содержимое подготавливается заранее и выдается
пользователю в том виде, в котором хранится на сервере.
1.2. Динамические – содержимое генерируется при помощи серверных языков
программирования.


2. По схеме представления информации
2.1. Коммерческие – сайты компаний, интернет-магазины и т.д.
2.2. Информационные – доносят до пользователя какую-либо информацию.
2.3. Веб-сервисы (порталы) – поисковые системы, электронная почта,
форумы, социальные сети.
3. По размеру
3.1. Фиксированной ширины – задается фиксированная ширина сайта (в
настоящее время ширина обычно составляет 1000 пикселей, т.к.
разрешение современных мониторов по ширине начинается от 1024
пикселей). Тогда все блоки сайта будут выглядеть так, как и было
задумано и не будут изменять размер в зависимости от разрешения
монитора или размера экрана браузера.
3.2. «Резиновые» - ширина строго не задается, а изменяет размер в
зависимости от размера экрана браузера или разрешения монитора.

 

[slava3212]

Протоколы передачи данных.
Взаимодействие таких компонентов, таких как, компьютеров, серверов,
маршрутизаторов, коммутаторов и т.д. определяется протоколами. Каждый
протокол – это четкий и определенный набор правил и соглашений,
предписывающий, каким образом производится обмен и обработка информации.
Наиболее известные протоколы, используемые в сети Интернет:


• HTTP (Hyper Text Transfer Protocol) — это протокол передачи гипертекста.
Протокол HTTP используется при пересылке Web-страниц с одного
компьютера на другой.

• HTTPS (Hyper Text Transfer Protocol Secure) — это тоже протокол для
передачи гипертекста, но использует дополнительное шифрование
данных, для более безопасной передачи информации.

• FTP (File Transfer Protocol) — это протокол передачи файлов со
специального файлового сервера на компьютер пользователя. FTP дает
возможность абоненту обмениваться двоичными и текстовыми файлами с
любым компьютером сети. Установив связь с удаленным компьютером,
пользователь может скопировать файл с удаленного компьютера на свой
или скопировать файл со своего компьютера на удаленный.

https://ibb.co/gqLEdS

Пользователь набирает в браузере адрес нужного ему сайта, после чего
посылается HTTP-запрос серверу. Сервер определяет тип страницы по
расширению запрашиваемого файла. Если расширение .html, то это страница
статическая, и он сразу формирует html-страничку и отправляет ее обратно
пользователю. Если расширение, к примеру .php, то в этом случае, страница уже
динамическая, и сервер, в этом случае, подключает интерпретатор php, который
в свою очередь может обратиться в базу данных и получить оттуда необходимые
данные. После этого сервер также формирует содержание html-страницы и
отправляет ее пользователю, который видит эту страницу в браузере.

На сегодня разберем еще одну тему и хватит

пока все понятно?)
если нет спрашивайте
я так же буду видео писать

 

[Caxapnii Х]

И будешь по кусочку скидывать?
Совсем уже чтоль? Пакуй всё это дело в doc и прикрепляй ссылку (можешь дополнять и обновлять ссылку)
Или пили всё сюда http://telegra.ph
Можешь создать свой канал. Но не эту байду, что ты тут вытворил

 

[slava3212]

ну это чтобы за обновлениями следили
а то так каждый раз менять ссылку..
не оч

 

[Caxapnii Х]

Ты спамишь. И поднимаешь свою тему.
Если так каждый будет делать, это не есть хорошо.
Исключении не должно быть.

 

[slava3212]

Ты спамишь. И поднимаешь свою тему.
Если так каждый будет делать, это не есть хорошо.
Исключении не должно быть.

но ведь у меня не магазин как то..(
я услуги тут не представляю
всего лишь тут полезная инфа
чем бльше людей научится тем больше будет форум профессиональным)
а не просто школьники

 

[Caxapnii Х]

но ведь у меня не магазин как то..(
я услуги тут не представляю
всего лишь тут полезная инфа
чем бльше людей научится тем больше будет форум профессиональным)
а не просто школьники

Всё, что ты написал выше, можно найти тут google.com
Твоя тема не относиться даже к статьям и новости.

 

[slava3212]

Вывод?
закрываем тему?
или как
мне просто самому интересно писать
когда пишешь то лучше усваивается материал

 

[Caxapnii Х]

Вывод?
закрываем тему?
или как
мне просто самому интересно писать
когда пишешь то лучше усваивается материал

Ожидать ответа АМС. И не строчить пока что сюда вообще ничего.

 

[@Doberman@]

Да действительно, создай канал в телеге, и спамь туда сколько хочешь:Biggrin

 

[slava3212]

Админ форума разрешил мне размещать свой блог тут
так что ждите видосики

 

[slava3212]

Начинаю серию уроков по html для новичков. В данном видео изучим некоторые теги форматирования

 

[slava3212]

В данном видео изучим до конца основные теги форматирования и начнем изучать теги текста