| РАССЫЛКИ ПОРТАЛА RFPRO.RU Лучшие эксперты в разделе | Номер выпуска: | 504 | | Дата выхода: | 11.12.2017, 15:45 | | Администратор рассылки: | FOXhunter (Профессионал) | | Подписчиков / экспертов: | 23 / 12 | | Вопросов / ответов: | 3 / 9 | Консультация # 54136: Добрый день, уважаемые эксперты! Не так давно стал увлекаться web-дизайном и начал с программы Macromedia Dreamweaver. При создании страниц и их тестировании в браузерах заметил, что браузеры созданные мною страницы отображают по-разному, особенно Опера. У меня к вам вот какой вопрос: «Как добиться правильного отображения страниц ...
Консультация # 173898: Как мне используя изображение размером 14,4 Мб (2500х1400px) сделать аватару размером 100х100px и файл размером не более 16Кб? Спасибо......
Консультация # 74391: Вопрос в следующем нужно средствами PHP или CSS сделать ссылочки при наведении на которые открывалось подменю или высвечивалась картинка. ...
Консультация # 54136: Добрый день, уважаемые эксперты!
Не так давно стал увлекаться web-дизайном и начал с программы Macromedia Dreamweaver. При создании страниц и их тестировании в браузерах заметил, что браузеры созданные мною страницы отображают по-разному, особенно Опера.
У меня к вам вот какой вопрос: «Как добиться правильного отображения страниц или где об этом можно почитать в инете»
Большое спасибо!
Дата отправки: 03.09.2006, 09:15
Вопрос задал: Пашин Сергей
Всего ответов: 4
Страница онлайн-консультации »
Консультирует Fdf: Здравствуйте, Пашин Сергей!
Это действительно так..для этого собственно инужно верстать сайт..просто в некоторых браузерах отображаются не все тэги, вам нужно поискать таблицу на соответсвие различных тэгов в различных браузерах
Консультирует dianacode: Доброе время суток, Пашин Сергей
для верного отображения ваших страниц в любых браузерах нужно "на уши встать" )) цитата одного человека )
а вообще, придерживайтесь стандартов, утверждённых консорциумом w3c - тогда проблем будет меньше, под каждый браузер подогнать сайт сложно, но можно - отказавшись от многих дополнительных параметров, используемых ТОЛЬКО и только одним браузером
для того чтобы проблем не было вообще рекомендую хорошо знать сам язык разметки, таблицы стилей и заниматься верствой шаблонных страниц в БЛОКНОТЕ - ето самый универсальный редактор ) поверьте
с уважением, удачи
Консультирует Митрофанов Артем Борисович: Здравствуйте, Пашин Сергей!
Отображение документов разными браузерами по разному не зависит от инструмента разработки. Так уж сложилось, что между всеми браузерами есть различия в тэгах, скриптах, объектной модели и т.д. Есть два выхода. Первый - использовать разные CSS для разных браузеров, определяя браузер с помощью JavaScript, второй - использовать общие тэги и приемы для всех браузеров. Удачи!
Консультирует Physicist: Здравствуйте, Пашин Сергей!
А DOCTYPE в начале HTML-файла явно указан? Зачастую, проблемы связаны именно с этим. См., например, статью http://www.artlebedev.ru/tools/technogrette/html/doctype2/
Также попробуй набрать в поисковике что-нибудь вроде "кроссбраузерность DOCTYPE". Консультация # 173898: Как мне используя изображение размером 14,4 Мб (2500х1400px) сделать аватару размером 100х100px и файл размером не более 16Кб? Спасибо... Дата отправки: 01.11.2009, 20:13
Вопрос задал: SkyFly
Всего ответов: 2
Страница онлайн-консультации »
Консультирует Гуревич Александр Львович: Здравствуйте, SkyFly.
Вначале вырежьте квадратный "кусок" для "аватара" или ужмите размер до 1400х1400 (Image - Image Size...) (предварительно, уберите галочку Constrain Proportions (пропорциональное изменение) и, если необходимо, переведите рисунок в режим RGB Color (Image - Mode - RGB Color)).
Если необходимо, уменьшение размера делайте за несколько итераций. За одну итерацию рекомедуется уменьшать размер не более, чем в 2 раза (для получения лучшего качества лучше уменьшать в 1,5 раза и менее). После каждой итерации обязательно выполните действие Unsharp Mask (Filter - Sharpen - Unsharp Mask) (после первого раза Ctrl+F) (на уменьшение в 2 раза рекомендуется выполнять Unsharp Mask 4 раза).
Следите за качеством изображения.
Настройки режиа Unsharp Mask (см.: http://slil.ru/28151299):
- галочка в поле Preview;
- Amount 25%;
- Radius 1,0 pixels ;
- Threshold 0 levels.
После того, как Вы получили квадратную область, снова поставьте галочку Constrain Proportions (пропорциональное изменение) в опции Image - Image Size... и продолжайте уменьшать рисунок, пользуясь вышеуказанными правилами.
Когда Вы получите размер 100х100, сохраните рисунок в формате gif или jpg (опция File - Save for Web - Закладка 2-Up). В правой части окна в выпадающем списке выберите GIF или JPEG и изменяйте значение в поле Quality. При этом смотрите на приблизительный размер файла в нижней части закладки (см. http://slil.ru/28151300). Доведите этот размер до 15-16 Кб. Далее сохраняйте.
Желаю успеха! :)  | Консультировал: Гуревич Александр Львович
Дата отправки: 02.11.2009, 07:47 5 Спасибо!
-----
Дата оценки: 02.11.2009, 23:12 | Рейтинг ответа:  0  |
Консультирует FOXhunter (Профессионал): Здравствуйте, SkyFly.
1. Если Вам необходимо использовать всю картинку для аватара, то в Photoshop выберите Изображение (Image) --> Изменить размер (Image Size). В открывшемся окне укажите ширину в 100 пикселей, при включенной опции сохранения соотношения сторон, Вы получите изображение 100 Х 56 пикселей.
Нажмите ОК для подтверждения изменения размера. Что бы из этого изображения получить аватар 100 Х 100, выберите Изображение (Image) --> Размер холста (Canvas Size). В открывшемся окне укажите в строке Высота, вместо 56 пикселей - 100. Выберите фон добавленного пространства, если для аватара, то лучше его сделать прозрачным (Transparent), для подтверждения, нажмите ОК. Тогда на форуме (ну при условии что форум поддерживает прозрачные GIF аватары) у Вас будет отображаться видимая часть - 100 х 56, а сам аватар будет соответств овать необходимым параметрам 100 х 100.
2. Если Вам надо что бы аватар 100 х 100 был полностью занят картинкой, и Вы не против обрезки части изображения, тогда можно сделать так:
Изображение (Image) --> Изменить размер (Image Size). В открывшемся окне укажите высоту в 100 пикселей, так как она меньшая сторона, при включенной опции сохранения соотношения сторон, Вы получите изображение 179 Х 100 пикселей.
Затем - Изображение (Image) --> Размер холста (Canvas Size). В открывшемся окне укажите в строке Ширина, вместо 179 пикселей - 100. Вы получите обрезанную картинку размером 100 х 100 пикселей.
3. Первый и второй пункт заканчиваются одинаково - с охранение результатов. Для этого выберите Файл (File) --> Сохранить для вэб (Save For Web) или нажмите сочетание клавиш - Alt+Shift+Ctrl+S. В появившимся окне Вы увидите изготовленный Вами аватар. В левом нижнем углу Вы увидите три строчки:
Первая строка - это формат картинки, в который будет сохранен аватар. Вторая строка - Размер будущего файла. Третья строка - это время необходимое для загрузки будущего аватара при скорости 28,8Kbps. В правой части окна найдите вот такую область:
Кликните по, отмеченному красным, меню. Появится полоска с бегунком - это полоса качества. Изначально она находится слева, в значении 0. Это значит что качество без потерь. Если размер будущей картинки менее 16Кб тогда просто нажмите кнопку Сохранить (Save). Выберите папку для со хранения и нажмите еще раз Сохранить. Если же в левом нижнем углу, во второй строке значение превышает 16Кб, тогда воспользуйтесь настройкой качество (Lossy) и подгоните потери качество до 16 Кб будущей картинки или чуть меньше. Потом просто нажмите кнопку Сохранить (Save). Выберите папку для сохранения и нажмите еще раз Сохранить. Ваш аватар готов.
Удачи!  | Консультировал: FOXhunter (Профессионал)
Дата отправки: 02.11.2009, 09:49 5 Спасибочки!
-----
Дата оценки: 03.11.2009, 18:06 | Рейтинг ответа: +2 | Консультация # 74391: Вопрос в следующем нужно средствами PHP или CSS сделать ссылочки при наведении на которые открывалось подменю или высвечивалась картинка. Дата отправки: 06.02.2007, 12:13
Вопрос задал: VIS
Всего ответов: 3
Страница онлайн-консультации »
Консультирует Maxim V. Tchirkine: Здравствуйте, VIS!
Во вложении три примера:
1. Не исчезает в самый неподходящий момент (она исчезнет только после того, как вы уберёте курсор с ссылки); в ней можно менять шрифты, цвета шрифтов, их начертания; можно вставлять графические изображения.
2. Линк при наведении имеет текстовую подсказку. Скидываю на всякий случай, может пригодиться.
3. Курсор работает на подсказке, т.е. может использоваться как меню.
Также можете зайти на slil.ru и посмотреть их решение.
Удачи!
Консультирует Bartleby: Здравствуйте, VIS!
В который уже раз выкладываю здесь пример создания выпадающего меню при помощи css.
Подробнее можно почитать здесь: http://www.alistapart.com/d/horizdropdowns/horizontal.htm
Приложение:
Консультирует Angel7: Здравствуйте, VIS!
Осмелюсь предложить Вам еще меню на КСС(код в приложении) и Яве (ссылка).
Надеюсь, Вам не составит труда изменить код! Если же с этим все-таки будут проблемы - обращайтесь.
Удачи! Приложение:
Оценить выпуск | Задать вопрос экспертам главная страница | стать участником | получить консультацию
техническая поддержка Дорогой читатель! Команда портала RFPRO.RU благодарит Вас за то, что Вы пользуетесь нашими услугами. Вы только что прочли очередной выпуск рассылки. Мы старались. Пожалуйста, оцените его. Если совет помог Вам, если Вам понравился ответ, Вы можете поблагодарить автора - для этого в каждом ответе есть специальные ссылки. Вы можете оставить отзыв о работе портале. Нам очень важно знать Ваше мнение. Вы можете поближе познакомиться с жизнью портала, посетив наш форум, почитав журнал, который издают наши эксперты. Если у Вас есть желание помочь людям, поделиться своими знаниями, Вы можете зарегистрироваться экспертом. Заходите - у нас интересно! МЫ РАБОТАЕМ ДЛЯ ВАС! |
