Добавление фотогалереи
На этом уроке мы добавим фотографии в раздел “Фотогалерея” на нашем сайте.На странице фотогалереи вы будете иметь эскизы изображений. Эскиз-это небольшая версия изображения. При нажатии на миниатюры исходное изображение будет открыто на новой странице.
1. Соберите свои изображения и подготовьте эскизы ваших изображений размером 200×150 пикселей с помощью программного обеспечения photo editor.
2. Cкопируйте все изображения (включая эскизы) в папку Images.
- Открываем блокнот
- Вводим данные с картинки:
- Добавьте миниатюры изображений и гиперссылки в теги <td>. Гиперссылки даются не на страницы, а на изображения. Так как значение атрибута target пустое ( target=» _blank»), изображения будут открываться в новом окне.
- Можно определить класс CSS для таблицы. Добавьте attiribute класс к тегу <table>, чтобы отформатировать его с помощью правила CSS: <table class=»tformat»>. Добавьте селекторы классов в таблицу стилей css-файл для форматирования таблицы:
- Cохраняем блокнот:
В конечном итоге мы получаем:
