Презентация РАЗРАБОТКА МАКЕТОВ Web-страниц С ИСПОЛЬЗОВАНИЕМ CSS-СТИЛЕЙ онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему РАЗРАБОТКА МАКЕТОВ Web-страниц С ИСПОЛЬЗОВАНИЕМ CSS-СТИЛЕЙ абсолютно бесплатно. Урок-презентация на эту тему содержит всего 7 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:7 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:156.50 kB
- Просмотров:53
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: РАЗРАБОТКА МАКЕТОВ
Web-страниц
С ИСПОЛЬЗОВАНИЕМ CSS-СТИЛЕЙ
№2 слайд
Содержание слайда: Основные типы CSS-макетов
CSS-макеты создаются на основе:
позиционирования position
плавающего размещения float
смешанные – позиционирование и плавающее размещение
№3 слайд
Содержание слайда: Макет с фиксацией крайних колонок в окне браузера
Левый столбец – положение и ширина зафиксированы:
{position: absolute; top: 10px; left: 10px; width: 200px;}
Правый столбец - положение и ширина зафиксированы:
{position: absolute; top: 10px; right: 10px; width: 200px;}
Центральный столбец – ширина рассчитывается относительно текущего размера окна браузера:
{margin-left:210px; margin-right:210px; margin-top:10px;}
№4 слайд
Содержание слайда: Макет с верхним и нижним колонтитулами и 3 колонками
В макете используется только плавающее размещение без фиксации блоков.
Блок верхнего колонтитула:
style=“width: 100%;”
З центральных блока:
style=“float: left; width: 30%;”
style=“float: left; width: 50%;”
style=“float: left; width: 20%;”
Блок нижнего колонтитула:
style=“width: 100%;”
№5 слайд
Содержание слайда: Макет с фиксированной шириной и выравниванием по центру
Колонка с фиксированной шириной и выравниванием по центру окна браузера.
Общий контейнер:
{position: absolute; left: 50%; width: 600px; margin-left: -300px;}
Блок колонки внутри контейнера:
{ margin-top: 100px;}
Заголовок:
{position: fixed; top:0; width: 600px;}
№6 слайд
Содержание слайда: Макет с плавающей шириной и выравниванием по центру
Колонка с фиксированной шириной и выравниванием по центру окна браузера.
Общий контейнер:
{margin-left: 300px; margin-right: 300px; }
Блок колонки внутри контейнера:
{ margin-top: 100px;}
Заголовок:
{position: fixed; top:0;}
№7 слайд
Содержание слайда: Смешанный макет
3 столбца с фиксированной шириной и выравниванием по центру.
Контейнер:
<div style="position: absolute; left: 50%; width: 700px; margin-left: -350px; margin-top: 0px; border: black 2px solid;">
Верхний колонтитул:
<p style="position:fixed; top:0px; width: 700px; z-index:2; background-color: #FFFFFF; font-size: 24px; text-align:center; border-bottom:black 2px solid; border-top:black 2px solid;margin:0px; padding:0px" >
Столбцы:
<div style="float:left; width: 300px;text-align:justify; margin-top: 50px; margin-left: 10px;z-index:1; ">
Скачать все slide презентации РАЗРАБОТКА МАКЕТОВ Web-страниц С ИСПОЛЬЗОВАНИЕМ CSS-СТИЛЕЙ одним архивом:
