Слайдшоутата са често срещан интерфейс на уебсайт, използван за подчертаване на скорошно съдържание.
Кредит на изображението: Miriam2009/iStock/Getty Images
Dreamweaver е професионален софтуер за уеб разработка на Adobe и предоставя набор от функции за изграждане на уеб страници. Тези функции варират от интеграция на бек-енд база данни до слайдшоута на JavaScript, които променят изображенията на фиксирани интервали. Стандартизираният JavaScript на Dreamweaver позволява на разработчиците на уебсайтове да създават слайдшоута, без да се налага да ровят директно в кода. Докато уеб елементът, наречен "слайдшоу", споделя същото име като тесте слайдове на PowerPoint, изходът на Dreamweaver е стандартен HTML, който може да се види във всеки уеб браузър.
Етап 1
Стартирайте Dreamweaver и отворете проекта на уебсайта от менюто "Файл". Придвижете се до страницата на вашия уеб проект, където ще бъде интегрирано слайдшоуто.
Видео на деня
Стъпка 2
Щракнете върху "Вмъкване", след това върху "Слой" от менюто на горния слой. Това ще отвори диалогов прозорец; щракнете върху "Изображение" за типа слой в това поле.
Стъпка 3
Щракнете върху "Преглед" и отидете до директорията с изображения. Изберете изображението на първия си слой - това ще бъде първият слайд, показан в слайдшоуто. Можете също да посочите други HTML страници, а не изображения; това е един от начините да интегрирате текст и връзки с възможност за щракване в слайдшоуто на вашия уебсайт.
Стъпка 4
Повторете предишните две стъпки, като добавите нов слой и подходящо съдържание за всеки слайд, който искате да се показва. Тъй като JavaScript, използван за показване на слайдшоуто в уеб браузъра, ще извлече предварително цялото съдържание, вие ще го направите вероятно искате да поддържате слайдшоута до не повече от шест или седем елемента, така че уеб страницата да се зарежда в разумен срок време.
Стъпка 5
Щракнете върху "Прозорец", след това върху "Timeline" от менюто на горния слой. Ще се появи редактор на времевата линия. Въведете продължителност за всяко изображение в слоя, който сте създали. Изберете първото изображение, което искате да се покаже, щракнете с десния бутон върху записа на времевата линия за него и изберете „Добавяне на ключов кадър“.
Стъпка 6
Изберете комбинация слой/изображение за избрания ключов кадър и повторете тази процедура за всеки слой и изображение, които искате във вашата времева линия.
Стъпка 7
Щракнете върху "OK", за да запазите настройките си.
