Популярные сообщения

суббота, 10 декабря 2011 г.

RFpro.ru: КОМПЬЮТЕРЫ И СОФТ / Программирование / Хитрости и секреты создания сайтов

Похудение по Семёнову
25 лет работы, тысячи похудевших! Центр Вита. Новогодняя скидка 22%!
Волосы для наращивания!
Шампуни, косметика, наращивание волос! Товары и услуги на Avito.ru!


Если выпуск отображается некорректно, Вы можете посмотреть его на сайте

РАССЫЛКИ ПОРТАЛА RFPRO.RU

Лучшие эксперты по данной тематике

Валерий Ахметович Набиуллин aka ValeryN
Статус: Мастер-Эксперт
Рейтинг: 5220
• повысить рейтинг »
Гуревич Александр Львович
Статус: Профессионал
Рейтинг: 4884
• повысить рейтинг »
Коцюрбенко Алексей aka Жерар
Статус: Профессор
Рейтинг: 3142
• повысить рейтинг »

/ КОМПЬЮТЕРЫ И СОФТ / Программирование / Хитрости и секреты создания сайтов

Номер выпуска:285
Дата выхода:10.12.2011, 22:30
Администратор рассылки:Коцюрбенко Алексей aka Жерар (Профессор)
Подписчиков / экспертов:306 / 106
Вопросов / ответов:3 / 6

Консультация # 83503: Мне нужно выкладывать фотографии на сайт. Как или с помощью каких средств это сделать лучше? СПАСИБО!!!...


Консультация # 134657: Здравствуйте еще раз Эксперты. Можно ли както на HTML странице, в таблице сделать раскрывающийся список, как в Exel ????? Пример Если можно покажите код который выводит такой список....
Консультация # 79639: Здравствуйте! Что должно быть на сайте небольшой организации, предлагающей строительные и ремонтные услуги. Меня интересует, вообщевсё, контент сайта, его архитектура, какие разделы и какую инфу выкладывать. Может быть подскажите сайт на который нужно ровняться. Я тут читал, что по статистике сайты фирм очень неграмотно оформляются...

Консультация # 83503:

Мне нужно выкладывать фотографии на сайт. Как или с помощью каких средств это сделать лучше? СПАСИБО!!!

Дата отправки: 20.04.2007, 23:46
Вопрос задал: GReeN PunK
Всего ответов: 1
Страница онлайн-консультации »


Консультирует Zolton007 (Студент):

Здравствуйте, GReeN PunK!
Мое личное мнение - написать скрипт фотоальбома самому. Например на PHP. Т.е. сделать форму загрузки фотографий на сервер. Сразу все можно загружать, наример, архивом и распаковывать его уже на сервере. Что качается скрипта, - есть много вариантов реализации. например, с БД или без БД. Если использовать БД проще будет делить фотографии по группам. Хотя эту задачу можно решить и без БД. В общем, тут дело фантазии. По поводу маленьких фоток -

<?
/*if (!$max_width) $max_width = 100;
if (!$max_height) $max_height = 100;
$size = GetImageSize($image);
$width = $size[0];
$height = $size[1];
$x_ratio = $max_width / $width;
$y_ratio = $max_height / $height;
if ( ($width <= $max_width) && ($height <= $max_height) ) {
$tn_width = $width;
$tn_height = $height;
}else if (($x_ratio * $height) < $max_height) {
$tn_height = ceil($x_ratio * $height);
$tn_width = $max_width;
}else {
$tn_width = ceil($y_ratio * $width);
$tn_height = $max_height;
}
$src = ImageCreateFromJpeg($image);
$dst = ImageCreate($tn_width,$tn_height);
ImageCopyResized($dst, $src, 0, 0, 0, 0,$tn_width,$tn_height,$width,$height);
header("Content-type: image/jpeg");
ImageJpeg($dst, null, -1);
ImageDestroy($src);
ImageDestroy($dst);*/
// f - имя файла
// type - способ масштабирования
// q - качество сжатия
// src - исходное изображение
// dest - результирующее изображение
// w - ширниа изображения
// ratio - коэффициент пропорциональности
// str - текстовая строка

// тип преобразования, если не указаны размеры
if ($type == 0) $w = 70; // квадратная 70x70
if ($type == 1) $w = 100; // квадратная 90x90
if ($type == 2) $w = 200; // пропорциональная шириной 218
// качество jpeg по умолчанию
if (!isset($q)) $q = 70;

//Здесь как обычно проверяются входные параметры. Вы, конечно, можете задать более жёсткие условия проверки. Смотрим дальше.

// создаём исходное изображение на основе
// исходного файла и опеределяем его размеры
$src = imagecreatefromjpeg($f);
$w_src = imagesx($src);
$h_src = imagesy($src);

header("Content-type: image/jpeg");

// если размер исходного изображения
// отличается от требуемого размера
if ($w_src != $w)
{
// операции для получения прямоугольного файла
if ($type==2)
{
// вычисление пропорций
$ratio = $w_src/$w;
$w_dest = round($w_src/$ratio);
$h_dest = round($h_src/$ratio);

// создаём пустую картинку
// важно именно truecolor!, иначе будем иметь 8-битный результат
$dest = imagecreatetruecolor($w_dest,$h_dest);
$str = "ioptstudio";
imagecopyresized($dest, $src, 0, 0, 0, 0, $w_dest, $h_dest, $w_src, $h_src);
// определяем координаты вывода текста
$size = 2; // размер шрифта
$x_text = $w_dest-imagefontwidth($size)*strlen($str)-3;
$y_text = $h_dest-imagefontheight($size)-3;

// определяем каким цветом на каком фоне выводить текст
$white = imagecolorallocate($dest, 255, 255, 255);
$black = imagecolorallocate($dest, 0, 0, 0);
$gray = imagecolorallocate($dest, 127, 127, 127);
if (imagecolorat($dest,$x_text,$y_text)>$gray) $color = $black;
if (imagecolorat($dest,$x_text,$y_text)<$gray) $color = $white;

// выводим текст
imagestring($dest, $size, $x_text-1, $y_text-1, $str,$white-$color);
imagestring($dest, $size, $x_text+1, $y_text+1, $str,$white-$color);
imagestring($dest, $size, $x_text+1, $y_text-1, $str,$white-$color);
imagestring($dest, $size, $x_text-1, $y_text+1, $str,$white-$color);

imagestring($dest, $size, $x_text-1, $y_text, $str,$white-$color);
imagestring($dest, $size, $x_text+1, $y_text, $str,$white-$color);
imagestring($dest, $size, $x_text, $y_text-1, $str,$white-$color);
imagestring($dest, $size, $x_text, $y_text+1, $str,$white-$color);

imagestring($dest, $size, $x_text, $y_text, $str,$color);
}

// операции для получения квадратного файла
if (($type==0)||($type==1))
{
// создаём пустую квадратную картинку
// важно именно truecolor!, иначе будем иметь 8-битный результат
$dest = imagecreatetruecolor($w,$w);

// вырезаем квадратную серединку по x, если фото горизонтальное
if ($w_src>$h_src)
imagecopyresized($dest, $src, 0, 0,
round((max($w_src,$h_src)-min($w_src,$h_src))/2),
0, $w, $w, min($w_src,$h_src), min($w_src,$h_src));

// вырезаем квадратную верхушку по y,
// если фото вертикальное (хотя можно тоже серединку)
if ($w_src<$h_src)
imagecopyresized($dest, $src, 0, 0, 0, 0, $w, $w,
min($w_src,$h_src), min($w_src,$h_src));

// квадратная картинка масштабируется без вырезок
if ($w_src==$h_src)
imagecopyresized($dest, $src, 0, 0, 0, 0, $w, $w, $w_src, $w_src);
}

// вывод картинки и очистка памяти
imagejpeg($dest,\'\',$q);
imagedestroy($dest);
imagedestroy($src);
}

?>

Этот скрипт преобразует картинку в маленькую :)
Т.к. скрипт уже с комментариями, тут комментариев писать не буду.
Пример использования:
<img src=resize.php?f=\'filename.jpg&type=1\'>

Удачи. BYE.

Консультировал: Zolton007 (Студент)
Дата отправки: 21.04.2007, 12:35
Рейтинг ответа:

НЕ одобряю 0 одобряю!

Консультация # 134657:

Здравствуйте еще раз Эксперты.
Можно ли както на HTML странице, в таблице сделать раскрывающийся список, как в Exel ?????

Пример

Если можно покажите код который выводит такой список.

Дата отправки: 29.04.2008, 11:04
Вопрос задал: Кошман Дмитрий (Практикант)
Всего ответов: 1
Страница онлайн-консультации »


Консультирует Сурыев Назар (Студент):

Здравствуйте, Кошман Дмитрий!

Возможно, с применением JavaScript скачать можно вот с этих сайтов:

http://scripts.protoplex.ru/scripts_group/75.html
http://woweb.ru/load/100

Консультировал: Сурыев Назар (Студент)
Дата отправки: 29.04.2008, 13:21
Рейтинг ответа:

НЕ одобряю 0 одобряю!

Консультация # 79639:

Здравствуйте!

Что должно быть на сайте небольшой организации, предлагающей строительные и ремонтные услуги. Меня интересует, вообщевсё, контент сайта, его архитектура, какие разделы и какую инфу выкладывать.
Может быть подскажите сайт на который нужно ровняться.
Я тут читал, что по статистике сайты фирм очень неграмотно оформляются. Хотелось бы обойти эту проблему.

Дата отправки: 25.03.2007, 03:14
Вопрос задал: Артём Талипов (5-й класс)
Всего ответов: 4
Страница онлайн-консультации »


Консультирует Стас Тельнов/[анти]КИЛЛЕР:

Здравствуйте, Талипов А Н!
Ну про то как избежать ошибок и сделать идеальный сайт надо писать целые книги. Вообще, если вы не очень хорошо рабираетесь в веб-дизайне (и у вас в компании нет таких), то лучше заказать разработку сайта в веб-студии. Их сейчас расплдилось очень много или у частного дизайнера (но сильно дешеые выбирать не надо, т.к. могут сделать неграмотно или вобще кинуть).
Про контент сайта и его архитектуру впрочем тоже можно писать книги. Скажу лишь, что сайт должен хорошо выглядеть при любом расширении экрана и не зависимо от настроект и браузера пользователя. Сайт не должен резать глаз цветами, желательно не увелкаться java скриптами и флеш графикой, т.к. у некоторых они могут быть отключены. Навигация на сайте должна быть интуитивно понятной и простой, желательно чтобы было меню, а не только ссылки по хоу текста. И гне желательно исполтзовать много тяжелой графики. т.к. это сказывается на скорости загрузки страницы.
К тому же создать грамотный и хороший сайт - это мало. Надо ещ его раскрутить. тут вступает SEO-оптимизация и способы и методы раскрутки...Это тоже целая наука...

Консультировал: Стас Тельнов/[анти]КИЛЛЕР
Дата отправки: 26.03.2007, 15:26
Рейтинг ответа:

НЕ одобряю 0 одобряю!


Консультирует Script (Х Заблокирован):

Здравствуйте, Талипов А Н!
Ну во первых вам нужно сделать раздел "О нас"
"контактный телефон" "список работ выполняемых Вашей фирмой или сомого Вас" "прайс-лист"
вот что могу я посоветовать Вам.

Консультировал: Script (Х Заблокирован)
Дата отправки: 26.03.2007, 17:45
Рейтинг ответа:

НЕ одобряю 0 одобряю!


Консультирует Zolton007 (Студент):

Здравствуйте, Талипов А Н!
Для небольшой фирмы подойдет сайт типа "сайт-визитка".
То есть:
1) Главная страничка с описанием фирмы. Краткое описание рода деятельности. В общем, пару абзацев о фирме.
2) Полный список видов деятельности.
3) Прайс - лист (+ скидки и т.п. чтобы заманить клиента =) )
4) Контактная информация
5) Портфолио (фото готовых объектов или т.п.)
+ можно еще:
- Гостевая книга
- Вопрос - ответ
- Написать письмо

На счет грамотности оформления - это уже зависит от разработчика smile разумеется, что подобный сайт не должен быть рассчитан на продвинутого пользователя интернета smile поэтому должна быть максимально простая навигация по сайту. Возможно даже поиск (но это вряд-ли, т.к. объем информации на подобных сайтах-страничках =) маленький. Т.е. заметных ссылок и кнопок должно быть достаточно).

Консультировал: Zolton007 (Студент)
Дата отправки: 26.03.2007, 19:41
Рейтинг ответа:

НЕ одобряю 0 одобряю!


Консультирует NiGHT (Практикант):

Здравствуйте, Талипов А Н!

Лично Я сейчас в той же проблеме (только у меня электротехническая компания). Идеала найти неудалось, но Я выработал общие рекомендации.

1. Сайты неграмотно оформляются т.к.
А) Дизайн делают новички/студенты или левые дизайн студии. Это экономит деньги, но никто не думает о пользователях и вообще тратить время и силы на разработку не хотят. Получается очень некрасиво и неправильно.
Б) Отсутствует теоретическое планирование и мало времени на подготовку.
В) Заказчик сам не знает что ему надо, а всем остальным это вообще ненадо.
Г) Классические ошибки веб дизайна.

2. Теоретическая часть.
А) Первый вопрос: зачем вообще нужен сайт вашей конторе, чем без него хуже? Развернуто ответьте на него. Дальше приплюсуйте все типовые вопросы которые спрашивают в вашей фирме простые люди.
Б) На основании А) подготавливается расширенный ответ так как если бы вам его задал привередливый заказчик проекта на миллион $.
В) Далее вырабатываем общие "разделы". Тут если все правильно Вы должны придти к: Реквизиты компании, описание услуг, цены на все, что вы делали, как вы делали, условия, скидки, бонусы, способ связи с вами.
Г) Достаем "красивую" текстовку и графику. Главное это баланс чтоб не много и не мало. Типичная ошибка мало графики (ну монтажники не любят фотать свою работу). Так многие пишут просто красивые бестолковости (это в дизайн агенствах) или некрасивые прямолинейности (это студенты и работники).
Д) Реализовывать лучше на HTML+CSS. Без Flash и Java. PHP и MySQL как правило мало нужны. Лучше отдать им второстепенную роль или отбросить вообще (если страниц мало).
Если страниц мало, то можно их вообще скидать в одной папке (ну и сделать подпапку для картинок). Сложная архитектура нужна только для больших сайтов. Так что тут заморочек быть не должно.
Е) Выбираем хостинг, но договор пока не заключаем.
Ж) Вспоминаем юзабилити и то что потом нам ее раскручивать в поисковике.
З) Делаем проект на бумажке. Чтоб не забыть. И это мысли в порядок приводит. Если этот этап пропустить, то потом много раз переделывать. Хотя новички это любят.

3. Практическая часть.
А) Делаем шаблон сайта. Страницу без наполнения (фон, кнопки и пустое место). Показываем заказчику и дорабатываем пока не согласится.
Б) Делаем клоны шаблона и вставляем текст с картинками.
В) Проверяем с точки зрения логики и правил дизайна/юзабилити. Лучше привлечь для тестирования друзей или rusfaq.ru
Г) Тестируем на разных браузерах.

Хотя из сайтов мне www.npk.ru понравился, только бы они прайс на главной странице сделали бы.

Консультировал: NiGHT (Практикант)
Дата отправки: 26.03.2007, 22:57
Рейтинг ответа:

НЕ одобряю 0 одобряю!


Оценить выпуск | Задать вопрос экспертам

главная страница  |  стать участником  |  получить консультацию
техническая поддержка  |  восстановить логин/пароль

Дорогой читатель!
Команда портала RFPRO.RU благодарит Вас за то, что Вы пользуетесь нашими услугами. Вы только что прочли очередной выпуск рассылки. Мы старались. Пожалуйста, оцените его. Если совет помог Вам, если Вам понравился ответ, Вы можете поблагодарить автора - для этого в каждом ответе есть специальные ссылки. Вы можете оставить отзыв о работе портале. Нам очень важно знать Ваше мнение. Вы можете поближе познакомиться с жизнью портала, посетив наш форум, почитав журнал, который издают наши эксперты. Если у Вас есть желание помочь людям, поделиться своими знаниями, Вы можете зарегистрироваться экспертом. Заходите - у нас интересно!
МЫ РАБОТАЕМ ДЛЯ ВАС!



PANASONIC VIERA
Телевизор для общения! Узнай больше!

Нужен ли кондиционер в детской комнате?
Если это новый Panasonic CS-HE9MKD, то да. Функции Econavi и AUTOCOMFORT обеспечат оптимальный микроклимат для Вашего ребёнка и помогут избежать простуд. А инновационная система очистки воздуха e-ion APS предотвратит распространение аллергенов. Узнайте больше!

Денежные переводы онлайн
Перевод средств между картами разных банков на сайте Альфа-Банка!

Внимание! Некоторые из следующих ссылок позволяют войти в кабинет подписчика без знания пароля. Не передавайте никому это письмо во избежание несанкционированного доступа к Вашему личному кабинету на проекте Рассылки@Mail.Ru.
   
   
* Внимание!!! Ссылки отмеченные звездочками являются платными услугами.

Сообщить о нарушении данной рассылкой правил Сервиса
Рассказать другу о рассылке
Отказаться от получения данной рассылки: нажмите здесь или отправьте это письмо

Комментариев нет: