Здравствуйте! В начале видео вы называли ресурс, откуда можно скачать картинки для заполнения сайта, но название прозвучало не четко. Можете написать источники, где можно брать картинки?
Я нашла нужные картинки, сжала их в программе для сжатия изображений, но размеры картинок в среднем около 500 КБ.
Прописала код, как в уроке, и проблема в том, что картинки растянулись на весь экран. И все. Что нужно сделать?
https://beonmax.com/source_courses/html_css_img_part_1.zip возьмите исходники которые использует преподаватель в курсе, уже далее вы можете самостоятельно найти нужные вам картнки, для вашего будущего проекта, а потренируйтесь на этих
посмотрите статьи в Блоге
Обзор ресурсов. Где взять картинки для сайта?
SEO оптимизация изображений для сайта
Изучила ваши рекомендации, но в тех стоковых сайтах не нашла тематики именно постеры для фильмов (а в задании как раз мы создаем кино портал), вобщем удалось мне найти источник с постерами, и размер картинок был не большой, в формате jpeg. Только после преобразования в формат png (как в задании) размер картинки например, с 26 кб увеличивался больше 100 кб.
В SEO оптимизации изобрпжения для сайта я не нашла ответа на свой вопрос.
В том видеоуроке, гле обьснялось как работать с картинками и прописывать их в коде, и слова не было о размещении превью. В каком материале можно изучить работу с картинками по их преобразованию?
И, если я делалала все согласно инструкции в уроке, то почему мои 4 картинки, которые должны быть в одном ряду в одном уровне, разбежались по всей главной странице?
вот как выглядит мой код:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Поиск</h2>
<form method="post" action="#" id="search_form" >
<input type="search" name="search_field" placeholder="ваш запрос"/>
<input type="submit" class="btn" value="найти" />
</form>
</div>
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="#" id="login">
<input type="text" name="login_field" placeholder="логин"/>
<input type="password" name="password_field" placeholder="пароль"/>
<input type="submit" class="btn" value="вход">
<div class="lables_passreg_text">
<span><a href="#">забыли пароль?</a></span> | <span><a href="#">регистрация</a></span>
</div>
</form>
</div>
<div class="sidebar">
<h2>Новости</h2>
<span>31.02.2018</span>
<p>Мы запустили расширенный поиск</p>
<a href="#">читать</a>
</div>
<div class="sidebar">
<h2>Рейтинг фильмов</h2>
<ul>
<li><a href="#">Интерстеллер</a><span class="rating_sidebar">8.1</span></li>
<li><a href="#">Матрица</a><span class="rating_sidebar">8.0</span></li>
<li><a href="#">Безумный Макс</a><span class="rating_sidebar">7.5</span></li>
<li><a href="#">Облачный атлас</a><span class="rating_sidebar">7.4</span></li>
</ul>
</div>
</div>
<div class="content">
<h1>Новые фильмы</h1>
<div class="films_block">
<a href="#"><img src="assets/img/interstellar.png"></a>
<a href="#"><img src="assets/img/matrica.png"></a>
<a href="#"><img src="assets/img/max.png"></a>
<a href="#"><img src="assets/img/could.png"></a>
</div>
</div>
</div>
Спасибо большое!!!
