• Новости
• Новая статья
• Рубрика "Интересные программы"
• Рубрика "Вопрос в рассылку"
• Новости форума

Новости:

(c) it4all
   Главная новость такая - рассылка будет продолжать выходить все лето, а также осень, зиму, весну, и снова лето! В общем, рассылка от "Вэбстудента" - форева !!!
   Я получил множество писем, и как вы понимаете в большинстве из них (пометка "yes"), было - "даешь круглогодичную рассылку", более того, в письмах с пометкой "no", были сочувствия - "ребята, мы вас понимаем, вам тоже нужно отдыхать". Я бы с радостью, но пока я спал, Crystall приковал меня цепью к компьютеру и холодильнику, а сам укатил на юга, и забрал ключ с собой. Так что придется мне все лето сидеть и делать рассылку, писать статьи, отвечать на ваши письма, руководить на нашем форуме.
   Данный выпуск, хоть немного и ограничен в привычных для вас рубриках, но отнюдь не маленький, и в основном будет посвящен ответам на вопросы, заданные в прошлом выпуске.

Продолжаем цикл статей по созданию сайта с нуля. Все замечания и предложения сюда: it4all@yandex.ru

Практика web-дизайна. Часть четвертая.

   Меню сервисов (кнопки), а также часть коллажа с двумя футболистами и мячом, должны были по замыслу "прижиматься" к правому краю экрана, а для заполнения пространства между частями коллажа, нам понадобится кусочек теперь шириной в 1 пиксель. А что бы фоновый рисунок не искажался при этом, я обрезал его сверху и снизу, оставив лишь зеленое штрихованное поле.

   Аналогичная история и с "меню чемпионатов", только здесь фоновым рисунком, у нас будет заполняться пространство от меню и до правого края страницы.

   Оформление информационных блоков, на данном сайте (для наглядности), сделано чуть по иному, нам понадобится верхняя и нижняя часть с закругленными углами, а вот боковая окантовка дана практически средствами HTML

   Откроем созданный эскиз в "Adobe ImageReady", который обычно идет вместе с "Photoshop". Интерфейс этой программы во многом повторяет набор инструментов своего "родителя", но имеет некоторые дополнительные возможности, которыми мы сейчас и воспользуемся.

• "Original" - окно с оригинальным изображением, если вам необходимо внести кое - какие коррективы, вы сможете сделать это только в этом окне;
• "Optimized" - основное рабочее окно, где каждый отдельный "слайс" можно конвертировать (оптимизировать) в различные графические форматы;
• "2 - UP" - рабочее окно делится на 2 части, где сверху представлено, оригинальное изображение, а в нижней части его оптимизированный вариант. Сделано это для сравнения качества картинок при оптимизации. И если вы счастливый обладатель большого монитора, рекомендую пользовать именно эту вкладку.
• "4 - UP" - это (ИМХО) для извращенцев, потому как пользоваться сразу четырьмя окнами с разной степенью оптимизации картинок, практически не возможно.

  Здесь нет "ползунка" масштабирующего изображение в окне, зато более удобно можно приблизить изображение ("Ctrl+") и уменьшить ("Ctrl-"), либо пользовать меню, выпадающее по щелчку в левом нижнем углу окна.
Также нам понадобится окно "Slice", если его на экране нет, то вызовите его - "Window - Slice", а также совмещенное окошко "Info & Optimize", которое вызывается аналогично. Из меню инструментов выбираем естественно "Slice Tool". Можно приступать к нарезке.

  Наш сайт это не огурчик или лучок, и поэтому шинковать его на равные дольки нам не придется, поэтому прежде чем начать его кромсать, нужно подумать, как это сделать, учитывая последующую верстку (размещение нарезанных элементов в ячейках таблицы).
Начнем с самого верха. В правом углу у нас находятся кнопки, для каждой из которых понадобится отдельная ячейка таблицы, затем к ней прилегает изображение футболистов, далее планировалось сделать динамический столбец, а часть мяча и название ресурса у нас будут привязаны к левому краю окна. Ниже основная картинка коллажа у нас также будет делиться на несколько частей, эмблема, слоган и футболисты будут прижиматься к правому краю, а мяч и еще два архаровца к левому, по центру будет "резина" содержащая повторяющийся фоновый рисунок. Еще ниже в "шапку" встроена часть главного меню, а также "меню чемпионатов", которые будут незыблемо располагаться у левого края, в таком случае динамика будет иметь место с права.
Исходя из этого, сразу можно сказать, что для размещения всех этих элементов, понадобятся три таблицы с разным количеством ячеек в строке, и нарезку "шапки" нужно вести построчно, т.е. сначала нарезать три строки (как было описано выше), а затем делить каждую строку на составляющие.

Описывать нарезку абсолютно всех элементов, я не буду, вы можете скачать страницу с картинками, чтобы посмотреть каждый кусочек этой мозаики. Опишу лишь ключевые моменты.

Имена и оптимизация.
   Помимо нарезки каждый отрезанный ломтик, должен иметь уникальное имя, которое в последствии станет именем графического файла, содержащего этот кусочек. Конечно "ImageReady" сам именует каждый слайс, но пользоваться потом этими именами очень сложно.
Причем именовать советую лаконично и понятно, а еще лучше используя английский язык, к примеру, иконку "На главную" лучше именовать "home" (а не "glavnaya"), к примеру фоновый рисунок для верхней строки я назвал "top_row_bg".
Оптимизация проводится в соответствующем окне путем выбора параметров из выпадающих списков, а информация о графическом типе и размере выбранного слайса после оптимизации, видна внизу главного окна в третьем окошке слева. Естественно понятно, что кусочки содержащие фотографии нужно оптимизировать в "JPEG" а остальные в "GIF", к примеру визуально разницы между соседствующими "слайсами" с головами футболистов(JPEG), и первой иконкой "home"(GIF), практически не видно.

Сохранение результата.
   После того, как все необходимые для дизайна, части эскиза разделены на "слайсы", наименованы и оптимизированы, пришло время сохранить результат нашей работы. Прежде всего, рекомендую сохранить оригинал со всей нарезкой - "File - Save", при последующих открытиях этого файла, вся нарезка будет сохранена.
Потом выберите инструмент "Slice Select Tool" (), зажмите клавишу "Shift" и отметьте все необходимые вам кусочки, каждый выбранный "слайс" при этом, должен обрамиться желтой рамкой и стать ярче. Более мелкие части рекомендую выбирать, максимально приблизив их.

   Затем идем по пути - "File - Save Optimized As", после чего появится диалоговое окно, в котором вам предстоит выбрать место для сохранения ваших файлов;
тип фала - выбираем "Images Only" (c остальными можете поэкспериментировать);
Setting (установки) - выбираем "Other…", появится еще одно окно с кучей настроек, большинство из которых в данном случае, мы трогать не будем.

• "File Naming", блок присоединяющий к имени файла вспомогательные обозначения, в зависимости от функций, которые вы закладываете в него (об этом в одной из следующих статей). В данном случае нам понадобится только имя "слайса" (slice name) и расширение фала (.ext) , остальные опции можно оставить в положении "none".
• "Filename Compartibility" (совместимость имени файла), естественно нам нужно, чтоб наша страничка была хорошо видна и пользователям "Mac"ов, и в браузерах Unix систем;
• "Optimized Files" нам нужно положить в отдельную папку, я обычно оставляю ее имя по умолчанию - "images".

С сожалением должен отметить, что верстку придется отложить до следующего раза.

Интересные программы

Вопрос в рассылку

Уважаемые Гуру! Нам, новичкам, нужна Ваша помощь! Помогите нам, ведь это выгодно обоим сторонам: мы получаем желанные знания, а вы имеете уникальную возможность продемонстрировать свои знания и опыт. Ссылка на ваш сайт гарантирована!

Присылайте свои вопросы на адрес it4all@yandex.ru

Вопрос №16

"Подскажите, можно ли при помощи PHP вставлять в HTML другой документ не целиком (вроде: include("text.txt");), а только часть этого документа?"

Ответ от Mosthate : C помощью include(); и require() не получится, но можно попробовать вот так:

<?php
  $fp=fopen('tema.txt','rb');//получаем указатель на файл(в Win b- обязательно)
  if (!($fp===false)){
           fseek($fp,"c какой позиции считывать");//если   читаем с начала то пропускаем
           $text=fread($fp,"сколько считать символов");
           fclose($fp);
   }
  else {
           echo "файл невозможно окрыть";
  }
        echo $text;// теперь вставляем текст в любое место странички
   ?> 

Ответ от Vadim E. Ulybin. (http://wuk.mipk.ru/) : Можно. В зависимости от конкретных нужд см. описания функций работы с
файлами (file, fopen/fseek/fread/fclose и т.п.)

Вопрос №17

"Можно ли сделать чтобы при заполнении поля со списком в форме выполнялась бы автоподстановка значения из таблицы (база данных на MySQL)"

Ответ от Vadim E. Ulybin. (http://wuk.mipk.ru/): если правильно понял, то имеем и надо следующее:

CREATE TABLE formvalues (id int auto_increment,   value varchar(20) NOT   NULL default ''....) ...
и делаем так:
        [получили результат выборки в $res]
echo "<select name=sel1...>\n";
for ($i=0; $i<mysql_num_rows($res); $i++) {
             $row=mysql_fetch_array($res);
             echo "<option value=".$row['id'].">".$row['value']."</option>\n";
  }
 echo "</select>\n";

Вопрос №18

"Подскажите пожалуйста, где можно достать в инете бесплатные музыкальные трэки для своих проэктов. пусть будет, как обыкновенная музыка, так и звуки, к примеру, дождя, воды, молний и т.д. пришлите пожалуйста линьки."

Ответ от Oleg Manzhos : Где в сети, я не знаю, но если дашь мыло, могу скинуть, у меня есть :)
И все, кому надо, могут оставить свои адреса.

Коментарий it4all : мыло ответившего есть у меня, шлите письма с соответсвующими пометками , и они будут пересланы по адресу Oleg Manzhos.

Вопрос №19

"Я разработал сайт для крупного государственного предприятия, но руководству сейчас некогда заниматься этим вопросом (размещением в сети). Могу ли я сам разместить где-нибудь этот сайт бесплатно и как это сделать? Просто очень хочеться поместить свою первую работу в сети, в качестве портфолио."

Ответ от Алексей Голубев (http://www.frnet.narod.ru/): Выбери какой-нибудь бесплатный хостинг, типа: narod.ru, fatal.ru, newmail.ru и т.п. И следуй инструкциям по загрузке файлов на сервер.

Ответ от Mosthate : Бесплатные хостинги : www.narod.ru;www.fatal.ru;www.nm.ru ... А лучше воспользоваться поисковиком.

Ответ от Vadim E. Ulybin. (http://wuk.mipk.ru/): narod.ru не устраивает? ;-)

Ответ от Vasyasya (www.kpeatops.narod.ru) :Если сайт без cgi-скриптов, то можешь выложить на Народе (www.narod.ru), как самом простом в использовании бесплатном хостинге. Если же ты воспользовался cgi-скриптами, то можешь "взять" Holm
(www.h12.ru) или KM (www.km.ru). Вообщем как оговорится "выбирай любого". Как это сделать ?
1. Регишься на полюбившемся хостинге
2. Смотришь свой ftp-аккаунт (логин и пароль)
3. Ищешь FTP-качалку (CuteFTP как вариант)
4. Настраиваешь её на нужный сайт (если возникнут вопросы, посмотри FAQ или задай вопрос в форуме.
5. Подключаешься к хосту и закачиваешь файлы

Ответ от Strega : Обычно "крупные государственные предприятия" ;-) у новичков ничего не заказывают, а если и заказывают, то проблемой размещения в сети занимается сам разработчик, но никак не руководство. Обычно "предприятия" выделают n-ную сумму на хостинг. Но это опять-таки лирика не по теме. :-)
А бесплатно разместить можно много где. Например на http://narod.yandex.ru или на http://boom.ru
Еще можно зайти на Яндекс (http://yandex.ru) ввести в строке поиска: "бесплатный хостинг, место под страницу". Там столько адресов, что можно месяц выбирать. :-)

Ответ от Oleg Manzhos : Возможно, что это моё субъективное и не особо правильное мнение, но я уверен, что найдутся люди, которые меня поддержат.
Мне кажется, что пора начинать забывать о бесплатных хостингах. Сервера бесплатных хостеров всегда сильно загружены, на них много рекламы и они не несут ответственности за информацию, размещенную на своих винтах.
А платный хостинг - это надежно (ну, более надежно, чем бесплатный), там нет рекламы, там больше возможностей.
Я тебе советую потратить деньги на платный хостинг, разместить сайт твоей крупной государственной компании, а потом продать его этой самой компании. Если сайт ты им уже продал, то продай место.
А ещё лучше, купи доменное имя, сделай своё личный и на нем размести сайт этой компании в виде портфолио.
Гораздо красивее и престижней твой сайт будет выглядеть на домене типа com, ru, net, чем на narod.ru, nm.ru или на каком-то ещё.
Ну, а если тебе все же хочется бесплатный хостинг, то просто введи в свой browser следующую строчку и кликни на любую их выпавших линков:
http://www.yandex.ru/yandsearch?text=%E1%E5%F1%EF%EB%E0%F2%ED%FB%E9+%F5%EE%F1%F2%E8%ED%E3&stype=www
Но я тебе советую сразу обратить внимание на платные хостинги!

Вопрос №20

"У меня к вам такой вопрос. Почему при загрузке сайта в сеть не загружается картинка?"

Ответ от Mosthate : Скорее всего, в теге <img src="прописан абсолютный путь типа c:/."> , поэтому надо переписать все пути на относительные, (относительно загруженного файла) или если сильно охота, то можно между тегам <head></head> и написать вот такую строчку <base href=http://ваш_сайт.ru/>, тогда все пути нужно указывать относительно корневого каталога сайта.

Ответ от Vasyasya (www.kpeatops.narod.ru) : Её нужно загружать самому и ручками.

Ответ от Strega : Если вы заливаете картинки, то проблемы могут быть следующие:
1. Картинка слишком много весит. В этом случае ее можно слегка "обкусать" в графическом редакторе. :-)
2. Сбои на сервере. Особенно этим страдает http://boom.ru. Тут ничего не поделаешь, надо ждать конца глюков.
3. Закачивается сразу много картинок. Лучше закачивать по одной, это дольше, но качественнее.
4. Возможно картинка сохранилась, чтобы проверить нажмите кнопку "обновить" и поищите среди файлов.

Если картинка сохранилась, а вы открываете страницу и не видите картинку, то:
1. У вашего браузера отключен показ графики. Посмотрите в Свойствах своего обозревателя Интернета.
2. Дана неверная ссылка. Например, ошибка в названии (или расширении) картинки или ошибка в написании кода (например картинка лежит в другой папке, а кто-то ;) "забыл" это прописать). :-)
3. Картинка не сохранилась. :-) Идем и пытаемся грузить ее снова.

Вопрос №21

"Записываю фильмы с TV тюнера, как вырезать кадры(рекламу)?"

Ответ от Mosthate : Вырезать кадры можно при помощи специализированных программ например Adobe Premiere v.6.0

Новый вопрос : вопрос № 22.

Как склеивать и резать файлы *.mpeg не конвертируя формат, а сохранять в том же формате? С форматом *.avi прекрасно работает программа Virtualdub. Какую программу использовать для *.mpeg, если можно, то подскажите ссылку на неё?

Ответить.

Хочу задать вопрос!

Последние темы форума: