Как написать код к презентации в ловади
Для начала нам нужно загрузить презентацию на один из хостингов:
http://www.radikal.ru/
http://sevphoto.net/
http://www.imagepost.ru/
Но лично я советую вам загружать свою презентацию на
http://www.radikal.ru/ , где указана ширина и высота нашей презентации после обработки.
Шаг первый.
Код пишется на языке ХТМЛ, в спец. редакторе. Чтобы не морочить голову, можно работать с онлайн-редактором.
Ссылка на него : http://xhtml.ru/instr/html_editor/
Открываем.
Шаг второй. Шаблоны презентаций.
Выделяем весь текст в хтмл-редакторе, удаляем. В зависимости от кол-ва окон есть разные шаблоны, но все строятся по одному принципу.
Шаблоном для презентации с одним окном является след.код:
Для того, чтобы добавить еще окно, следует после тегов После него, с энтера вставить это : И проделывать подобное то того времени, когда у вас будет достаточно окон для текста. Итак, пояснение по указанному (от `anetta): Тыкабельные кнопки — это отдельные окна. Делают их так : | ||||
и И вновь разбираем… Вот и все. Скопировали код и вставили. Готово. Источник статьи: http://vk.com/topic-58101630_28839550 Как сделать презентацию для ловади Как сделать презентацию для ловади?Чтобы сделать презентацию для Ловади надо: Написать HTML код,и разместить в него изображение. Делаем презентацию в фотошопе.Наведите курсор на пример ниже. Для начала нужно выбрать изображение, которое будет основным фоном презентации. Можно выбрать изображение здесь, или здесь. Для этого надо открыть понравившееся изображение и скопировать ссылку в адресной строке, либо кликнуть по изображению правой клавишей мыши и выбрать — сохранить изображение как. или что то в этом роде. Открываем фотошоп и загружаем изображение любым, приемлимым для вас, способом. Делаем HTML код для презентации.Затем загрузить на радикал, или любой подобный хостинг. Это делается для того, что бы получить ссылку на изображение. Затем создаём таблицу и делаем изображение основным фоном. Главное помните, что ссылка на изображение будет действовать до тех пор — пока изображение находится на том месте, с какого взята ссылка на него. Другими словами если удалить изображение, ссылка останется пустой и ничего не покажет! Что бы размещать текст, или дополнительные картинки на презентации в нужном месте, нужного размера и стиля — надо написать HTML код (в данном случае это будет таблица) и сделать изображение презентации основным фоном. Пример таблицы с фоновым изображением: С помощью HTML можно так же изменить указатель курсора на любую свою картинку . Так же можно воспользоваться визуальным редактором онлайн. Эта программа похожа на FrontPage от microsoft. Если не разберётесь, то пишите. Сделаю бесплатно!Как вставить презентацию на свою страницу.Чтобы вставить презентацию на свою страницу — зайдите на свою страницу пользователя, нажав на аватар. Он находится в правом верхнем углу. Затем щелкните по кнопке изменить, в правом верхнем углу поля для презентации. Выберите «Режим HTML». Вставьте код в окно и щелкните по значку под окном «Сохранить презентацию». Вы так же можете изменять настройки презентации на самой странице. Для этого щелкните по значку «Параметры». В появившемся окне вы можете изменить высоту своей презентации (от которой будет зависеть наличие вертикальной прокрутки) и ширину презентации (от которой будет зависеть наличие горизонтальной прокрутки). Потом возвращайтесь в обычный режим и сохраняйте презентацию Если возникли какие вопросы — обращайтесь. Источник статьи: http://vob.webservis.ru/index-old9.php Как сделать презентацию |
любой текст |
Можно воспользоваться онлайн HTML — редактором(он тоже есть в онлайне на главной странице), для просмотра и редактирования кода.
Для этого надо скопировать код, открыть HTML редактор и вставить код в место текста.
Так же можно воспользоваться Визуальным редактором онлайн. Эта программа похожа на FrontPage от microsoft.
С помощью HTML можно так же изменить указатель курсора на любую свою картинку .
Как создать правильно таблицу?
Для создания таблиц используются 3 базовых тэга:
— начало и — конец таблицы.
— (table row — ряд таблицы), начинает и заканчивает горизонтальный ряд ячеек.
— сокращение от (table data — табличные данные). Этот тэг начинает и заканчивает каждую ячейку ряда таблицы.
Ряды ( ) это горизонтальные строки ячеек, а столбцы ( ) — вертикальные столбцы ячеек.
В таблице может быть неограниченное число рядов и столбцов.
ячейка 1 |
ячейка 2 |
будет выглядеть в браузере:
Сам контур ячеек для вас видим не будет. Как сделать его видимым, написано ниже.
Источник статьи: http://vob.webservis.ru/index-old11.php
Как написать код к презентации в ловади
Доброго времени суток!
Сегодня я постараюсь Вам внятно объяснить, как делать презентации.
Начнем с простых — просто фон и блок текста (первая картинка).
Для начала открываем HTML — редактор. Я пользуюсь этим: http://xhtml.ru/instr/html_editor/
Теперь копируем туда этот волшебный код (это наша основа):
Эту строчку удалить. Тут начинается код самой прокрутки.
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Эту строчку удалить. Тут заканчивается код прокрутки.
Далее находим понравившуюся нам картинку и копируем ссылку (важно: копировать ссылку не из адресной строки, а : ПКМ (правой кнопкой мыши) по картинке — копировать ссылку на изображение.
Я выбрала такую картинку (2) Вот ссыль:
http://zooland.md/attachments/van-turceasca-jpg.480/
Вставляем ссылку в код (рис 3). Только скобочки оставляем!
Получается вот такая фиговина (рис 4). Не пугайтесь! так и должно быть.
Далее нужно заполнить ширину и высоту изображения (рис 5)
Наугад Вам их ставить не советую — лучше узнать в «Информации об изображении» (рис 6 и 7)
Вставляем эти значения в код, НЕ убирая кавычки (как там и написано)
Теперь удаляем ненужные строчки, где дана информация о прокрутке (текст)
Теперь меня не устраивает текст. Он мешает лицезреть кошку. Надо его сдвинуть!
Теперь придется подставлять значения наугад или исходя из логики.
1) Отступать сверху мне не надо, и так устраевает, поэтому стираю эти скобки, вместе с их содержимым.
2) Сколько отступить слева? Будем подставлять) Мне подошло значение 320
3) Ширина окна. ХМ, можно вычесть из ширины изображения (500) отступленное место (320) = 180
4) Осталась ВЫСОТА. Я хочу, что бы текст был по всей высоте, но не выезжал за пределы, поэтому ставлю высоту изображения (375)
ОК, презентация готова! Простенько, но меня радует, подобные презентации можно использовать для КСК.
Что еще нужно Вам сказать — не называйте просто значения (когда говорите), добавляйте слово «пиксели». 320 пикселей, 21 пиксель. (px) — это своеобразный призыв к грамоте)
И всегда проверяйте презентации — подставляйте себе (у меня так уже одна не влезла — пришлось переделывать)
Источник статьи: http://vk.com/topic-36493222_27742814
—>☆Un-for»get-table☆ —>
Как написать хтмл код к презентации ?
Олечка | Дата: Суббота, 28 Апреля 2012, 11.17.26 | Сообщение # 1 |
Для начала нам нужно загрузить презентацию на один из хостингов: http://www.radikal.ru/ http://sevphoto.net/ http://www.imagepost.ru/ http://www.image123.net/ и другие. Но лично я советую вам загружать свою презентацию на http://sevphoto.net/ В http://sevphoto.net/ ширина и высота презентации пишутся сверху вашего изображения . 2. если вы хотите сделать код с тенью , просто скопируйте данный ниже код : хтмл код определённых цветов можно посмотреть тут : Размер же может быть от 1 до 7-ми пикселей . Наиболее подходящий для себя вы можете выбрать сами . 3. |
.
а затем проделываете пункт 2 , только подбирая подходящие критерии для второго окна .
т.е. копируете всё , находящееся ПОСЛЕ
. При том эта часть кода должна находиться в презентации только в конце , и только 1 раз (т.е.
— не верно . а