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

ahead

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

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

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

Валентин всё понятно. Специально отвечаю с цитированием, для читающих будет напоминанием. Это типичная ошибка начинающих -
забывают дать соответствующие права на файлы и папки в корневой директории проекта на сервере.
Делается элементарно - выполните в терминале команду -

sudo chmod 777 -R -v /var/www/html/ваш_проект/ система запросит пароль, вводите (он не отображается) и enter.

После этой процедуры картинки в проекте (в браузерах) будут отображаться.

Напомню команду перезапуска сервера Apache (иногда требуется) -

sudo /etc/init.d/apache2 restart

Всем успехов, к пятничному занятию проект должен быть готов полностью. Анна и Светлана делают ещё и свои персональные страницы, поэтому могут доделать их в выходные, к понедельнику.
С пятницы перейдем к PhotoShop и вёрстке. До встречи завтра.
PS
Все вопросы создания страниц, адаптированных под мобильные устройства (мобильная вёрстка), будем рассматривать в курсе по среде разработки BootStrap, наберитесь терпения.

Отредактировано ahead (09-11-2017 10:19:35)

---

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

ahead

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

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

Друзья! Ну вот вы и создали свой первый сайт на HTML+CSS, пусть пока и локальный. Искренне рад вашим успехам и прилежанию, молодцы.
Уроки по PhotoShop, с которыми познакомились сегодня, вам очень пригодятся при обработке фоток, рисунков, в создании графики. Прочитав книги по основам дизайна, подбору цветовых комбинаций, в сочетании с этой программой, после небольшой практики - вы сможете работать дизайнером в полиграфических, рекламных фирмах и в WEB-студиях.
Предлагаю не терять время и за эти дни, до понедельника пройти первые 20 уроков. Это позволит немного отдохнуть от кодов, отвлечься на не менее интересные вещи.
Успехов, до встречи!

---

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

ahead

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

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

На выходные поехал в Москву на концерты, буду в понедельник.
Занятия начнем в 10-30, раньше не успею.. СМС разослал, до встречи!

---

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

ahead

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

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

Ну вот, теперь вы умеете делать простое редактирование фоток-картинок, подгонять размеры, корректировать цвет, работать со слоями. По мере необходимости можно продолжить изучение более подробно, освоить новые инструменты и т.д. Видеодиск будет отличным помощником в этом деле!
Сегодня переходим к вёрстке, т.е. будем превращать рисунок проекта сайта (как его нам представляет заказчик) - в код HTML и подключим стили.
Рисунок в формате .psd я вам разослал. До встречи в офисе.

---

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

ahead

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

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

Сегодняшнее занятие проведет Евгений Александрович, мой выпускник ещё 3 года назад. Продолжение темы "вёрстка страниц".
Евгений работает в WEB-студии именно верстальщиком, поэтому вы узнаете о тонкостях профессии из первых рук.
В понедельник встречаемся в офисе. Готовьте дом. задания. Приступим к изучению среды разработки "BootStrap", она резко повысит вашу производительность разработки в том числе и "мобильных" сайтов.

---

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

ahead

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

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

Напоминаю - программа BootStrap находится на первом диске в разделе доп. материалов. Завтра поставим на ваши ноуты и приступим к изучению. В качестве шаблона можно пользовать ваши HTML-проекты, т.е. мы сделаем адаптивно-мобильные версии тестового сайта.
Весь "каркас" кодов HTML страниц останется почти без изменений, а вот таблицы CSS в корне будут отличаться.
Т.е. сайт будет "автоматом" приспосабливаться к любому текущему разрешению экрана посетителей. Это важно и для продвижения, поскольку приоритет поисковики отдают именно мобильным сайтам.
До встречи в офисе!

---

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

Vlad

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

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

Хорошего вечера Валерий!
Прошу совета по выбору HDD 2,5 дюйма для архивации данных с интерфейсом USB-3.

---

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

ahead

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

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

Привет Влад,
поскольку у тебя на ноутбуке SSD диск, имеет смысл приобрести "гибридный" SSHD, допустим 500 Гиг (с одним "блином" надежнее).
WD или Seagate 7200 об.\мин. Скорость и USB-3 позволит работать очень комфортно, главное - не ронять! Советую поставить такой диск
вместо привода DVD, который почти не актуален теперь. Переходники для такой установки продают тоже, с установкой помогу конечно.

---

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

ahead

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

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

Друзья, вполне доволен вашими отчетами по домашней работе, идете с небольшим опережением. 12-ти колоночную систему в
BootStrap можно сформировать другой, например 6-8 колоночной, так будет проще и таблицы будут получаться компактнее. Сегодня покажу интересный проект и будем знакомиться с FTP-менеджером FileZilla.  До встречи в офисе.

---

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

ahead

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

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

Напоминаю - для активации responsive-дизайна добавьте CSS-файл и meta-тег в <head> вашей страницы. Если вы компилировали Bootstrap
из доп. материалов, по инструкции установки, вам необходимо включить только meta-тег -

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

Медиа-запросы позволяют изменять CSS "на лету", в зависимости от размера экрана, соотношения ширины и высоты экрана, типа устройства, и т.д. (у пользователя), но обычно используются для изменения min-width и max-width элементов.

1. Изменяется ширина колонок в сетке шаблона.
2. Заменяются плавающие элементы на фиксированные при необходимости.
3. Изменяется размер заголовков и основного шрифта на разных устройствах.
Используйте динамические возможности Медиа-запросов только для создания мобильной версии сайта.

  /* Landscape - телефоны */
  @media (max-width: 480px) { ... }
 
  /* От ландшафтного экрана телефона до потретного планшета */
  @media (max-width: 767px) { ... }
 
  /* От портретного планшета до ландшафтного экрана и настольных дисплеев */
  @media (min-width: 768px) and (max-width: 979px) { ... }
 
  /* Большой дисплей */
  @media (min-width: 1200px) { ... }

Для крупных проектов всё-же  рекомендую создавать отдельную версию дизайна и сайта.

---

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