DX-радиосвязь на 11-метрах коротких волн - увлеченным!

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Ещё по вопросам по почте - забегать вперед по урокам и темам не будем, т.к. план - выверенный, проверен десятком лет. Иначе будет каша.

Напомню план и темы занятий - http://larexlab.ru/az/news.php

- Изучение языков HTML 4-5 + CSS и верстка сайтов.
- Редакторы кодов FrontPage, Bluefish, Geany.
- Редактор графики Adobe PhotoShop.
- BootStrap - среда разработки (основы).
- FTP-менеджер для передачи файлов и папок на сервер.
- JavaScript, JQuery - основы (доступны полные уроки).
- Серверное программирование на PHP - основы (доступны полные уроки).
- MySql базы данных, сервер Apace.
- CMS-системы на связке PHP+MySql, интернет-магазины.
- Хостинг, администрирование, обслуживание и продвижение сайтов - основы.

Мы с вами сейчас начали осваивать первые три темы - т.е. создание статических многостраничных сайтов на языке HTML.
Это в корне отличается от современных динамических сайтов с применением баз данных и языка PHP.
Такие сайты не имеют статических страниц, страницы и прочее формируются на серверной стороне, на хостинге.
И уже сформированные, динамически, отдаются в браузеры посетителей ресурса
Мне понятны ваши устремления, но без знаний основ-фундамента, трудно будет осваивать остальное.
Искренне хочу сделать из вас специалистов своего дела, умеющих вести собственный он-лайн бизнес, тем более вы сами выбрали эту востребованную и высокооплачиваемую специализацию.
Ещё раз успехов и прилежания!

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Так.. По отчётам вижу, что дела продвигаются, навигацию сделали, время зря не теряли в выходные, молодцы.
Завтра всё проверим ещё раз и пойдем дальше, завершая HTML.
Если к среде сделаете тестовую страничку "Турагентства" полностью - в пятницу приступим к таблицам стилей CSS и
параллельно к PhotoShop, поскольку вы уже работаете с картинками (пока готовыми, из доп. материалов). В качестве бонуса приготовил для вас подборку красивых шрифтов (для PhotoShop), заодно покажу как они ставятся. Аналогично и в программу графического редактора Pinta (в Линуксе). Значек папки /var/www/html/test_site web-сервера не забыли поставить на раб. стол? Это удобно.
До встречи завтра, в 8-30 !

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

По итогам сегодняшних занятий и дом. задания, есть предложение провести занятия и завтра. Поскольку Анна и Светлана параллельно тестовой делают свои персональные страницы - завтра все вместе посмотрим их работы и разберем код.
Думаю это будет полезно в части чтения чужого, стороннего кода.
Как обычно в 8-30, до встречи.

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

valent

Участник

Re: Создание ресурсов в Интернете и обучение

Здравствуйте Валерий!
Могу ли я присоединиться к группе? HTML немного владею, есть сделанный макет сайта, могу показать. Давно хотел пройти полные курсы,
особенно PHP и Java. Ваш выпускник Максим Кольцов еще прошлой осенью советовал.
Валентин

---

Много говорить и много сказать - не одно и то же..

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Доброго дня Валентин, после собеседования можете присоединиться к группе, условия видимо знаете. Если Вы в Казани - жду Вас в среду 8-го в 8-15 у Театра Кукол, метро "Суконная слобода". Офис рядом, 3 минуты.
PS
Почту тоже получил, спасибо.

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Друзья! Я весьма доволен результатами, которые вы показываете. Пишу немного здесь, т.к. несколько человек, не прошедшие собеседование,
тем не менее готовятся к следующему набору и читают эту ветку. Некоторые и на почту пишут.
После изучения CSS (каскадных стилей), мы коснемся темы вёрстки. У меня в практике было несколько случаев, когда курсанты прерывали обучение после темы "вёрстка", т.к. устраивались на работу в студии верстальщиком, весьма востребованная профессия кстати.

Дам основные моменты -
Абсолютно любой сайт, независимо от его размеров и функционала, нуждается в вёрстке Web-страниц.
Вёрстка - это процесс преобразования дизайна сайта (то есть картинки, по сути) в Web-страницу. То есть, если дизайн - это просто картинка в формате допустим .psd (формат Photoshop), то Web-страница - это интерактивное отображение страницы, с внешним видом как на исходной картинке. Интерактивность означает, что на Web-странице можно выделять текст, картинки, перейти по ссылке, заполнить форму, добавить товар в корзину и т.д. Т.е. вёрстка - это превращение рисунка страниц(ы) сайта в код.
Когда будут полностью изучены HTML и CSS, мы  приступим к изучению основных моментов вёрстки. По моему мнению, для новичков вёрстка - это наиболее сложный этап сайтостроения. Но уверяю вас, со временем верстать вам будет всё проще и проще, и в какой-то момент придет понимание, что ничего нового для Вас уже нет.
Завтра приступаем к урокам по языку CSS, к нам присоединится ещё один ученик..

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

Vlad

Администратор

Re: Создание ресурсов в Интернете и обучение

Валерий сегодня купил с авито нетбук самсунг. Можете помочь завтра с установкой такой же конфигурации как на моем ноуте?
Видимо пару часов займет если можно после уроков.

---

Спор уравнивает умных и дураков - и дураки это знают. Гремит лишь то, что пусто изнутри...

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Влад, доброго вечера, был занят, извини. По нетбуку - конечно помогу, флешки всегда с собой. Винда, надеюсь, не нужна, только Линукс?
На месте разберёмся, до завтра.

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

ahead

Администратор

Re: Создание ресурсов в Интернете и обучение

Ну вот и добрались до CSS - каскадных стилей.

Коротко напомню о базовом синтаксисе, стилевые правила записываются в своём формате, отличном от HTML. Основным понятием выступает селектор - это некоторое имя стиля, для которого добавляются параметры форматирования. В качестве селектора выступают теги, классы и идентификаторы. Общий способ записи имеет следующий вид - 

Вначале пишется имя селектора, например, BODY, это означает, что все стилевые параметры будут применяться к тегу <body>, затем идут фигурные скобки, в которых записывается стилевое свойство, а его значение указывается после двоеточия. Стилевые свойства разделяются между собой точкой с запятой, в конце этот символ можно опустить.
CSS не чувствителен к регистру, переносу строк, пробелам и символам табуляции, поэтому форма записи зависит от желания разработчика.
Вот две разновидности записи-оформления селекторов и их правил -

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Заголовки</title>
  <style> 
   h1 { color: #a6780a; font-weight: normal; } // в одну строку
   h2 { 
    color: olive; 
    border-bottom: 2px solid black; // в несколько строк
   }
  </style>
 </head>
 <body>
  
  <h1>Заголовок 1</h1>
  <h2>Заголовок 2</h2>
  
 </body>
</html>

В данном примере свойства селектора h1 записаны в одну строку, а для селектора h2 каждое свойство находится на отдельной строке. Во втором случае легче отыскивать нужные свойства и править их по необходимости, но при этом незначительно возрастает объем данных за счёт активного использования пробелов и переносов строк. Так что в любом случае способ оформления стилевых параметров зависит от разработчика.
Форма записи
Для селектора допускается добавлять каждое стилевое свойство и его значение по отдельности.
Расширенная форма записи -

td { background: olive; }
td { color: white; }
td { border: 1px solid black; }

Компактная форма записи -

td {
  background: olive;
  color: white;
  border: 1px solid black;
}

Эта форма записи более наглядная и удобная в использовании, браузер прочитает обе записи одинаково. Но " хороший тон"
разработчика подразумевает именно второй вариант. Делаем файл со стилями для тестового сайта "Турбюро".
Анна и Светлана делают параллельно для своих страниц тоже.
Подключение CSS в коде индексного файла происходит в блоке <head> ***</head> -

<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Туристическое агентство ТурБюро</title>
	<meta name="description" content="Описание страницы" />
	<meta name="keywords" content="Ключевые слова" />
<!--подключаем css-->
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> 
	</head>

Не забываем о правильном пути к файлу CSS! 
До встречи!

---

Слишком умных жизнь сама чешет с двух боков: горе им и от ума, и от мудаков

valent

Участник

Re: Создание ресурсов в Интернете и обучение

У меня не отображаются картинки, которые загрузил в папку images проекта на сервере. Формат правильный, пути прописаны правильно, но не отображаются. Где ошибка?

---

Много говорить и много сказать - не одно и то же..