Как залить сразу много фото на сайт?

Актуальность

Создать меня подобный мануал толкнуло то, что постоянно всем приходится объяснять: как заливать фото, презентации, видео, и т.д. на сайт. Но как показывает практика, данная информация в голове держится не долго. Я и сам многое часто забываю, так уж устроен мозг. Думаю, хранить в нем кучу, инфы. которую, можно записать и наглядно показать, не правильно. Запоминать это все, то же самое что и копать землю руками, в то время когда есть экскаватор. Хотя многие упражняются в запоминании разной информации, счете в уме и т.д. совершенно не актуальными вещами которые, по их мнению, не дают мозгу застаиваться. Но такие люди, как правило, упускают другие важные моменты. Если продолжить аналогию, они тренируются копать руками, в то время когда можно научиться работать на экскаваторе, и этим гордятся. Впрочем, это лирическое отступление, ниже перейду к практике и выложу фото которые предназначались для некоторых людей, которым я все не как не втолкую что можно работать эффективнее освоив ИТ, и в частности записывать все на компьютере, а не в блокнотике или в голове. Данный мануал решил выложить и на своем сайте, т.к. как показывает практика проблема чрезвычайно распространена, особенно в отсталых гос. структурах. Старался подать информацию на уровне пользователя, который с компьютером на «Вы» (таких в гос. учреждениях большинство), так что практический вся информация опытным пользователям может показаться излишне подробной и даже в чем-то занудной.

Фотографии в альбоме
Итак, начнем с самого начала:

Как зайти в почту?

Все ниже описанное можно не читать, а просто посмотреть картинки, в которых наглядно показано последовательность нажатия нужных кнопок. Если что-то не получится, тогда рекомендую прочесть и следовать подробной походовой инструкции.

Для того, что бы добавлять фото через яндекс дикс, надо иметь почтовый ящик на яндексе.

Зайти в яндекс можно через любое окошко программы для отображения интернет страниц (браузер он же обозреватель). Это может быть опера, фаерфокс, или даже интернет эксплорер, который присутствует практический на всех компьютерах в виде синенького значка буквы «е».

Рис 2016-12-15 15_02_04-

Хотя в эксплорере, как и во всех продуктах майкрософт много недоработок, поэтому рекомендую, если не сложно все токи использовать фаерфокс или другую подобную программу, к которой вы больше привыкли.

В строке, где можно написать пишем «яндекс». Это может быть строка в верху: «где написано https или html:\\ или можно написать в строке поисковика.

Рис. 2016-12-15 14_50_19-Mail.Ru_ почта, поиск в интернете, новости - Internet Explorer

Потом найти на клавиатуре клавишу с надписью «Enter» и нажать её.

Если сделано все правильно, то на странице откроются результаты поиска по запрашиваемому  слову «яндекс»

Рис. 2016-12-15 14_53_43-яндекс - 56 млн результатов. Поиск Mail.Ru - Internet Explorer

Как правило, нужная нам ссылка будет в самом верху. Там под словом «Яндекс» будет написано «yandex.ru». Надо нажать на слово «Яндекс» один раз, левой кнопкой мыши, предварительно наведя на него указатель, который двигается по экрану, когда двигаешь мышкой.

Откроется окно Яндекса. Нас интересует правый верхний угол. Если все правильно, и разработчики дизайна яндекса пока еще не чего не поменяли, то именно в данном верхнем левом углу будут надписи «Завести почту» и «Почта».

Рис 2016-12-15 14_54_46-Яндекс - Internet Explorer

Если вы не зарегистрированы, то можете зарегистрироваться. Я регистрацию пропущу т.к. уже зарегистрирован и кому надо (сотрудникам) дам логин и пароль. Но можно завести свой почтовый ящик либо зайти, если он у Вас уже есть, именно на Яндексе. Т.е. если Ваша электронная почта после символа собаки (вот такого значка @) имеет окончание yandex.ru. Если окончание другое, не яндекс а mail.ru или gmail то не подойдет.

Если пароль и логин есть то, копируем их и вставляем туда, где написано пароль и логин. После чего  так же, наведя указатель, нажимаем левой кнопкой мыши «Увійти» или, может, будет кнопка «Войти».

Загрузка фото на яндекс фотки.

Когда пароль и логин введены правильно, и не возникло др. проблем то откроется окно почты. После входа в почту надо нажать той же клавишей мыши на кнопку «ЕЩЕ» расположенную на экране. Она будет вверху возле кнопки «Диск». Опять же, если их не поменяют местами, как это часто любят делать специалисты по юзабилити, после работы которых, кнопки долго приходится искать заново, а мануалы переписывать.

Рис. 2016-12-15 15_04_34-67 · Входящие — Яндекс.Почта - Internet Explorer

После нажатия на «ЕЩЕ» внизу появятся пункты «Картинки», «Новости» и т.д. Нам надо в самом низу выбрать «Фото» и нажать на него той же кнопкой мыши (левой).

Откроется окно с красочной картинкой. Дабы не вводить в заблуждение я специально не делал скриншот (фотографию с экрана) окна, т.к. картинка на нем все время разная. Но важно, что вверху, где то по центру экрана, должна быть надпись «Загрузить». Вот на неё то, надо и нажать.

Рис. 2016-12-15 15_06_13-Яндекс.Фотки - Internet Explorer

После попадем на страницу загрузки фото. Но я рекомендую не спешить и для того, что бы потом не сбиться, внимательно следовать данному мануалу не смотря на всю очевидность дальнейших действий не предпринимать поспешных решений. Т.е. НЕ НАДО СРАЗУ ЗАГРУЖАТЬ ФОТО КУДА ПОПАЛО.

Что бы получить на них корректную ссылку и потом не заблудиться в куче неотсортированных фотографий, надо внизу напротив «Шаг 4» напротив надписи «Загрузить в альбом» еще правее альбома нажать на маленькую стрелочку, направленную вниз.

Рис. 2016-12-15 15_07_21-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

Откроется список альбомов и появится справа полосочка прокрутки. Надо либо прокрутить до самого верха,  либо нажать на стрелочку вверху, т.к. практический все начинающие пользователи с которыми мне приходилось работать, путают верх с низом. В общем, нам надо или колесико на мышке крутить, или нажимать на самый верхний правый угол списка пока не появится надпись: «Создать альбом», расположенная в самом верху этого списка. На данную надпись и надо нажать.

Рис. 2016-12-15 15_08_15-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

Если нажали правильно, то появится окошко примерно по центру экрана, в котором будет предложено введение название альбома. Рекомендую, что бы потом его долго не искать, писать дату и название новости, которая будет добавлена. Т.е. название альбома  в формате 19.01.2017 название. Но перед введением названия я выбираю альбом, в котором будет располагаться этот альбом. Опять же так легче искать, в массе альбомов. Для  2016 -2017 годов создан  альбом:  «2017». Аналогично можно создавать альбомы, в которые можно вставлять другие альбомы и в которых уже будут фото. Но это, довольно трудно, для начинающих пользователей, поэтому остановимся на том, что лучше вначале аналогично в списке (прокручивая колёсико мыши при выбранном данном окне) выбрать 2017 и уже, потом ввести название альбома, а затем нажать «Создать»

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

Добавить фото можно либо нажав на «Добавить фото», рядом с Шаг 1, либо по центру экрана «Добавить фото». Так же можно перетянуть фото прямо в данное окно, но опять же, это не для начинающих пользователей.  Впрочем, если вы умеете «перетягивать» то это будет даже проще. Можно перетянуть сразу все фото, которые надо добавить.

Рис. 2016-12-15 15_15_22-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

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

Или, все токи, лучше нажать на значок «Мой компьютер» либо значке: «Этот компьютер» и там создать на диске D (если он есть) папу в которой и будут фото. Так же их можно добавить прямо с флешки, если её удалось вставить в компьютер. В таком случае надо выбрать справа именно в открывшемся окне после нажатия «Добавить фото» «Мой компьютер» или «Рабочий стол», и уже там, нажимая левой кнопкой мыши, выбирать в какой папке нужные фото.

Рис 2016-12-15 15_16_55- выбираем папку с фото Select file….yandex.net

Хочу обратить особое внимание начинающих пользователей на то, что фото надо выбирать для добавления именно в открывшимся окошке, а не в каком-либо другом. А то не раз было что просто открывают сами другое окно с фотографиями и потом не находят в нем кнопки «Відкрыпити» или «Прикрепить».

Далее, когда будет найдена и открыта папка с фотографиями именно через данное окно, нажимая на фото, выбрав нужные. Для немножко более опытных пользователей рекомендую, нажав и удерживая клавишу «Ctrl» на клавиатуре выбирать левой кнопкой мыши фото которые надо добавить. Т.е. левой рукой ДЕРЖИМ нажатой «Ctrl», и не отпуская, правой рукой нажимаем левой кнопкой мыши на фото, которые надо добавить. Или наоборот, кому как удобней. Если нажать два раза, то фото вначале выделится, а потом снимется выделение. Поэтому надо нажимать нечетное количество раз, при желании все токи добавить фото.

Рис. 2016-12-15 15_16_55- выбираем папку с фото 2 Select …

Внизу, там, где «Имя файла», будут показаны добавленные фотографии. Но это еще не само добавление, а просто выбор фотографий, которые надо добавить. Чтобы их выбрать окончательно, надо отпустить «Ctrl» и нажать «Відкрити», или «Открыть», если у вас не украинизированный видновс. Это кнопка в правом нижнем углу окошка.

Рис 2016-12-15 15_22_56-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

Если все сделано правильно, то окошко с добавлением пропадет, а вместо него на месте «Добавить фото», появятся выбранные фотографии. Тут еще раз можно убедиться, что фотографии выбраны правильно т.к. они уже видны в виде маленьких изображений. В папках на компьютере, если включен другой вид, они так не отображаются. Можно, удалить не нужные: нажав на красный крестик рядом с фотографией. Можно добавить: нажав на «Добавить фото», рядом с Шаг 1 повторно. Когда с фотографиями окончательно определились нажать на кнопку в правом нижнем углу экрана «Загрузить фото».

Рис. 2016-12-15 15_24_00-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

Начнется загрузка фотографий. В зависимости от скорости интернета, количества и размера файлов фотографий загрузка может длиться от секунд до часов. Остается только ждать…

Получение ссылки на загруженные фотографии.

После того как фото будут загружены на яндекс фотки в том же окне появится сообщение в котором надо выбрать кнопку «Перейдите к просмотру своих альбомов»

Рис. 2016-12-15 15_25_23-Загрузка фотографий на Яндекс.Фотки - Internet Explorer

И здесь как раз пригодится то, что фотографии были положены в конкретный альбом, расположенный в другом альбоме. В моем случае нужный альбом расположен справа и имеет присвоенное ему имя 2017.  Если все делали правильно, по инструкции, то и ваш.

Рис. 2016-12-15 15_26_38- на Яндекс.Фотках - Internet Explorer

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

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

Рис. 2016-12-15 15_27_41- — альбом «2017» на Яндекс.Фотках - Internet Explorer

Заходим в него, нажав правой кнопкой мыши на само название.

Вверху,  после того как зашли в альбом, появятся кнопки «Слайд-шоу», «Получить код». Можно использовать и слайд шоу, но если фотографии с сайта придётся распечатывать вместе с текстом, то надо нажать все токи на кнопку «Получить код».

Рис. 2016-12-15 15_30_19-  альбом «2017 _ 15.12.2016 …

Для того, что бы выделились все фото, которые надо добавить на сайт, выбираем  кнопку «во всем альбоме» и напротив надписи «Получить код для … выбранных фото в размере» выбрать размер. Я выбираю 300, хотя можно и 500, в зависимости от оформления сайта. В момент данного выбора генерируется ссылка на все фото сразу.

Рис. 2016-12-15 15_31_36-Код  для вставки фотографий альбома «15.12.2016 поза…»

Потом нажимаем раз левой кнопкой в окошко под надписью «Код для вставки на сайт или блог». Код должен выделиться, и копируем его. Копировать можно двумя способами. Либо после выделения кода нажатием на клавиатуре Ctrl + С. Т.е. нажав ОДНОВРЕМЕННО Ctrl и С. А именно нажать Ctrl и держа её раз нажать С (кнопка в нижнем ряду слева). Либо если не удалось найти на клавиатуре букву С, то нажать на выделенном правой кнопкой мыши на экране и в появившемся списке выбрать «Копировать». А именно навести на «Копировать» указатель мыши, и нажать уже левой кнопкой мыши на него.  Другими словами: правой открываем меню ИМЕННО НА ВЫДЕЛЕННОМ ТЕКСТЕ, левой нажимаем на «копировать»).

Рис. 2016-12-20 12_32_03-

После этого больше не чего копировать нельзя т.к. этот код не вставится. А его нам нужно вставить при добавлении на сайт.

2016-12-15 15_45_03-Код для вставки фотографий альбома «15.12.2016 позак…»

Добавление фото на сайт

Входим на сайт. В принципе таким способом можно добавить фото на многие сайты, но по ряду причин покажу как добавлять на сайт «Классная оценка».

Заходим на сайт. Ссылку кому надо дам вместе с паролем. Пишем с права напротив логина и пароля свой логин и пароль

Рис. 2016-12-15 15_47_42-…

Если идентификация пршла успешно, то попадаем на страницу администрирования

Рис. 2016-12-15 15_49_27-Панель управления - Klasna Ocinka

вверху, между «Дистанционное обучение» и «Блоги» НАВОДИМ (не нажимая) указатель мышки на слово «Сайт». После того как навели (поставили указатель который на экране с помощью мыши поверх кнопки «Сайт») должен появится под ним список «Новости», «Фотоальбом». Наводим мышку сразу же на «Новости» (переместив указатель вниз) и нажимаем левую кнопку мыши. Т.е. надо навести на «Сайт» появится  меню с «Новости» и нажать на «Новости».

Откроется страница новостей. На ней справа вверху рядом с  зеленым плюсиком нажать на надписи «Добавить новость»

Рис. 2016-12-15 15_50_06-Новости - Klasna Ocinka

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

Напротив «Заголовок»,  справа в строке, пишем заголовок новости. Ниже аналогично в «Коротко» пишем коротко новость. Не более 1-2 не больших предложений.

Еще ниже в «Содержимое» пишем основной текст, после которого в самом конце нажимаем 2-3 раза кнопку “Enter” на клавиатуре.

Рис. 2016-12-15 15_51_04-Создать новость - Klasna Ocinka

Должно получится, примерно так:

Рис. 2016-12-15 15_52_22-Создать новость - Klasna Ocinka

Потом нажимаем той же кнопкой мыши на «Источник». После нажатия на источник появятся дополнительные не понятные буквы. Не надо пугаться и что-либо менять. Если есть текст, то прокрутить колесиком в самый низ, если его нет, то сразу после одной из <p> вставить, ссылку, которая была скопирована ранее с яндекс фото. Вставлять, надо нажав стрелочкой мыши после <p> и затем, аналогично копированию, нажав на клавиатуре ОДНОВРЕМЕННО Ctrl и V. А именно нажать Ctrl и держа её один раз нажать V (это буква расположена в нижнем ряду на клавиатуре там, где буква М).

Рис 2016-12-15 15_52_55-Создать новость - Klasna Ocinka

После появится ссылка, написанная в одну строчку.

Рис. 2016-12-15 15_53_56-Создать новость - Klasna Ocinka

Когда она добавится, не чего больше менять не надо – сразу жмем опять на кнопку «Источник». Она по-прежнему расположена над текстом (ту же кнопку которую нажимали на Рис. 2016-12-15 15_51_04 описанном в конце «Получение ссылки…»). После чего через определённое время под текстом появятся фотографии.

Рис. 2016-12-15 15_54_20-Создать новость - Klasna Ocinka

Затем фотографии иногда (по требованию) приходится расставить «эстетический» в шахматном порядке или хотя бы не эстетический – одна напротив другой. Для этого нажимаем левой кнопкой на второе фото (которое под первым, если считать сверху) и нажимаем уже на клавиатуре сочетания, Ctrl +X – которое вырезает фото. Потом с помощью мышки перемещаем курсор напротив первого фото и справа от него нажимаем левую кнопку мыши, ставим пару пробелов,  а затем на клавиатуре жмем Ctrl +V. Это комбинация уже упоминалась ранее, она вставляет фото в том месте, куда нажата левая кнопочка на мышке при наведенной стрелочке на экране. Т.е. к примеру: выбираем фото ниже, нажимаем Ctrl +X, фото пропадает, затем нажимаем правее от фото выше, нажимаем два или 3 раза пробел и Ctrl +V (вставляем в это место фото). Так проделываем со всеми остальными фотографиями.

Рис. 2016-12-15 15_54_43-Создать новость - Klasna Ocinka

После проделанной работы фотографии будут вставлены друг напротив друга.

И в завершении самое главное все это сохранить. Для этого надо в самом низу на экране нажать на кнопку «Создать»

Рис 2016-12-15 15_55_52-Создать новость - Klasna Ocinka

После сохранения появится страница с сохраненными новостями. Самая последняя, только что добавленная будет вверху. При необходимости её можно отредактировать (нажав на надпись «редактировать» рядом с карандашиком) или просмотреть нажав на кнопку рядом со значком лупы «читать полностью».

Рис. 2016-12-15 15_57_08-Новости - Klasna Ocinka

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

Не смотря на длинное описание, на самом деле, это все делается быстро и просто.

Возможные проблемы

Фото не загружается.

Иногда фото может, не загружаться, если в его названии написаны украинские буквы или какие-либо другие символы, которые яндекс «не понимает». В таком случае надо переименовать фотографии, которые на загружаются. Могут быть и другие причины.

Фото пытаются добавить прямо с фотоаппарата или телефона. Вообще то, так можно, но все токи лучше вначале их сбросить на компьютер, а уже потом с компьютера добавлять.  Например, пропало соединение с интернетом, фото в каком-то экзотическом формате, фото повреждено вирусом и т.д. и т.п.

Видео по теме

П.с.

Предупреждаю! Этот способ хорош в том случае если между фотографиями нет текста. Если же есть текст (так как в этой статье) то могут возникнуть проблемы, с которыми я столкнулся при её создании, а точнее выгрузки данной информации вместе с фотографиями с ворда на blogspot.com. При расстановки, фото весь текст начал дико прыгать, я с таким еще не сталкивался. Потребовалось железное терпение и каких-то там (без преувеличения) полтора часа, что бы расставить данные фотографии между текстом. Поэтому буду искать другие варианты. Если кто знает, подскажите бесплатный и легкий способ быстрой выгрузке контента с ворда (вместе с фотографиями на сайт).

Тут размещу ссылки на эти другие варианты.

Документа ворд на яндекс диск.

Например, банальном размещении, данного материала в виде документа ворд.

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