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

Как и обещал, расскажу, как делал последнее творение, а именно о переделке дизайна сайта "International Football" (прежде чем читать далее, сходите посмотрите, вам будет намного понятнее), который поступил в нашу "Web-мастерскую".

Так как сайт уже был создан, и имел уже большое количество страниц, то собирать информацию, о нем мне не пришлось, я уже имел практически все "кирпичи" для обновления дизайна:

1) Лого на сайте не было, зато было название - "International Football", и слоган "Футбол в России и за рубежом", отсюда уже было понятно, что сайт посвящен футболу вообще, не привязываясь к конкретной команде.

2) Отсюда последовал вывод, что цвета, применяемые на сайте, должны быть общими для футбола в целом. А именно, доминирующим цветом должен был быть зеленый (цвет поля), также применимы были белый и черный (цвет стандартного, привычного для нас, футбольного мяча, разметки поля и т.д.). Все остальные цвета должны были гармонировать (сочетаться) с основным цветом.

3) На ресурсе было очень большое меню, поэтому мы разбили его на три независимых блока. Блок меню типа "горизонтальный список", содержащий ссылки - "На главную", "Контакты", "Сделать стартовой", "Добавить в избранное", "Карта сайта". По негласному правилу вэб-дизайна, такие ссылки обычно представляют в виде кнопок (иконок), поэтому мы решили не отходить от этого правила.

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

4) Помимо основной информации, на странице должны были разместиться опрос, форма для подписки на рассылку, рейтинг "ФИФА", копирайт, и кнопки различных счетчиков.

5) Дизайн страницы решено было оставить динамическим ("резиновым"). Сказать, что сразу после сбора информации, я сажусь за изготовление ресурса, было бы чистым враньём, только на одну идею, у меня уходит несколько дней, и куча изрисованных листков бумаги. Первым делом я начинаю искать в сети ресурсы по аналогичной тематике, для того, чтобы посмотреть, что и как сделано, а также, чтоб ненароком не повторить чей-нибудь ресурс (чтоб потом не слушать обвинения в плагиате). Попутно скачиваю понравившуюся графику.

Из-за отсутствия логотипа, в голове засела мысль заменить его самым футбольным атрибутом - мячом , признаюсь, что на поиски крупного изображения мяча понадобилось пересмотреть кучу фотографий. Вертикальное меню мне сразу захотелось дать стилизованным под футбольное поле, но основной идеи всего внешнего вида пока не было.

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

Вот тут обратите внимание, на важный ключевой момент - есть принципиальное различие между тем, как начинает делать сайт новичок, и как профессионал или продвинутый новичок.

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

Далее предлагаю вам шампунь - два в одном, статья по дизайну, совмещенная с уроками по "Фотошоп".

Так как на странице особых витееватостей не предусматривалось, я сразу открыл "Adobe Photoshop 7.0." , намереваясь прямо в нем нарисовать все необходимое.Я создал новый файл 780 х 450 пикселей (780 пикселей - ширина страницы для экрана с разрешением 800 х 600), с цветом RGB и прозрачным фоном. В первом же слое дал прямоугольное выделение (780 х 128) и залил его #00902C цветом, получился темно-зеленый прямоугольник предназначенный для шапки страницы. Вы по прошлым статьям знаете, мое отношение к банальным прямоугольникам, ну вот я решил его немного "покорежить", вырезать в нем несколько "гнезд", в которых будут расположены блоки меню.

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

Как вымерить все эти расстояния? - Очень просто, дать их в виде текста на отдельном слое, с определенными параметрами шрифта (пользуйте "Arial", который есть практически на каждом ПК), который вы планируемого применить на странице. Эту же операцию нужно проделать везде, где положение или размер графических элементов будет зависеть от ширины текста. К примеру, в главном меню, я не вводил все его пункты, достаточно набрать самый длинный его пункт.

Рисуем оформление для меню.

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

Для этого понадобится 5 слоев (лучше делать его в отдельном окне).

• Слой 5 (самый верхний). Нарисуем зеленый прямоугольник шириной в 132 пикселя (необходимая ширина для вмещения самого длинного пункта меню),высотой в 200 пикселей (высота в данном случае роли не играет). Для этого выберем прямоугольное выделение, фиксированного размера ("Fixed size") и зальем его нужным цветом. Не снимая выделения, выберем инструмент "Карандаш" и зададим нужную толщину (в данном случае один пиксель), затем зажимаем "Shift" и чертим идеальные прямые линии по самому краю прямоугольника. Выделение не позволит случайно выйти за его границы.
• Слой 4. На нем дан прямоугольник с закругленными углами, (а на каждом следующим слое будет аналогичная фигура, большая предыдущей приблизительно на 3 пикселя с каждой стороны) зеленого, белого ,серого и снова белого цветов (последний цвет фона, чтобы отделить блоки от шапки). Итак , выбираем инструмент "Rounded Rectangle Tool" ("Прямоугольник с закругленными углами") и из трех опций выбираем "Fill pixels" ("Залитое краской"), дальше жмем на стрелочку выпадающего меню "Geometry options", и в нем выберем "Fixed Size". В активизировавшихся окошках введем 138 в ширину (больше предыдущего на 3+3 пикселя по бокам) и 230 пикселей в высоту, не забудьте поставить галочку в чекбоксе "Snap to Pixels", тогда фигура будет иметь более четкие края. Выставляем радиус - 0,78 сантиметра и щелкаем мышью в верхнем левом углу рабочего окна, нужная фигура, появилась мгновенно. Осталось выровнить ее относительно изображения на первом слое, и повторить эту же операцию на остальных слоях.

Вот параметры для других фигур:

• Слой 3- ширина 144, высота 236, радиус 0,8 см., цвет белый
• Слой 2- ширина 150, высота 242, радиус 0,9 см., цвет серый
• Слой 1- ширина 156, высота 248, радиус 1 см., цвет белый

Когда все фигуры идеально расположились одна под другой, можно обьеденить все слои ("Ctrl + E") в один, скопировать и вставить изображение меню в основное окно, где мы создаем эскиз нашего сайта. Рамочки, обрамляющие блоки информации были сделаны аналогично.

Рисуем кнопки.

Для этого тоже лучше открыть новый файл, с теми же параметрами, любого размера (но никак не маленького, 100х100 в самый раз будет). Для создания именно тех кнопок, я пользовался плагином "Eye Candy 3.0", опцией "Cutout…", это очень старый плагин, он у меня очень давно, но очень удобный и с хорошим набором фильтров (если кому надо могу выслать по почте или дать ссылку на скачивание [размер 1,04 Мб] ). Я расскажу, как сделать похожую, пользуясь стандартными инструментами.

Выбираем инструмент "Овальное выделение" ("Elliptical Marquee Tool") и рисуем круг (предварительно зажав "Shift"), затем заливаем его нужным цветом. Не снимая выделения, выбираем в меню "Select" -> "Transform Selection" (трансформация выделения), в секции изменения размеров ("Scale") жмем на кнопочку "цепь", это означает, что мы будем менять ширину и высоту пропорционально. Вводим 85 %, применяем трансформацию, и заливаем уменьшенную область цветом потемнее. Повторив туже операцию еще раз (но теперь уже 95%, от уменьшенного выделения),заливаем область первоначальным цветом, теперь внутри большого круга у нас появилась каемка из темно-зеленого цвета.

Теперь пришла пора придать кнопке псевдо - объемность, дать на ней блик света. Для этого снова трансформируем выделение снова на 85%, зададим "Foreground color" чуть по светлее и выберем наш любимый инструмент - "Градиент". Свет у нас якобы падает на кнопку с левого верхнего угла изображения (приблизительно под углом в 45 градусов), вот также и проведите градиент - от края ыделения до середины круга. Как не надоела эта операция, но придется вновь уменьшить выделение на 90%, затем создайте новый слой (Ctrl+Shift+N), и залейте область первоначальным цветом. Нажмите "Ctrl+D" и избавьтесь наконец от выделения, осталось сместить кружок на новом слое, от центра к правому нижнему углу картинки, и все, заготовка для копки готова.

Вот вам несколько другой способ рисования - выделением и заливкой. Перед тем как, рисовать на ней символические изображения, нужно склеить все слои ("Ctrl+E"), и уменьшить заготовку до нужного размера. Символы эти рисуются карандашом, но если у вас не получится, то можно воспользоваться готовыми фигурами -"Custom Shape Tool", кнопки "Сделать стартовой" и "Добавить в избранное" были сделаны именно так.

По Феньке и шапка.

Скажу, что коллаж в нашей шапке, до безобразия прост, но как показало наше обсуждение на форуме в "Мастерской", придется дать описание его создания.

Сразу отмечу, что "шапки" страниц как я знаю, могут быть трех типов - фиксированного размера для статического дизайна страниц , фиксированный с для динамического дизайна, динамический для того же типа.
Первый имеет размер обычно не больше 780 пикселей, просто жесткая картинка и все.

Второй представляет собой жесткую картинку, но имеющую очень большую ширину ("width"), равную ширине самого большего на сегодня разрешения экрана 1600 пикселей, обычно ее дают фоном к столбцу. Не самый лучший способ удовлетворения потребностей любителей больших разрешений, ибо "вес" такой картинки обычно очень велик и будет сильно оттягивать загрузку. Хотите пример? Пожалуйста - http://www.21vek.ua/.

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

Чуть по другому можно сделать три ячейки, две крайние, из которых будут содержать части коллажа, а "резиновая "часть будет по центру. На данном сайте я поступил именно так.

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

Чего-то мы отвлеклись, итак откроем картинку предназначенную стать фоном и уберем ее цвета - "Image ->Mode -> Grayscale", затем выделим ("Ctrl+A") и скопируем ее всю в память ("Ctrl+C"). Перейдем в окно, где мы ваяем наш коллаж к слою где нарисован широкий зеленый прямоугольник, выделим его тоже. Затем жмем "Ctrl+Shift+V" (вставить в выделение) и наша черно-белая картинка вставилась внутрь выделения , а новообразованный слой стал включать в себя маску созданную из выделения. Если подвигать вставленное изображение, то оно будет видно только в области маски. Если вы определились в том , как должно быть расположено изображение внутри маски, можно обрезать не нужные края изображения, щелкнув правой кнопкой мыши по пиктограмме маски и выбрать опцию "Apply Layer Mask".

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

Мне показалось этого не достаточным для фона, и снова выделив зеленый прямоугольник, я заштриховал его - "Edit -> Fill->Use->Pattern -> Custom Pattern", выбрал заранее сделанный "Паттерн".

Что такое "Pattern" (образец)? Это обычный рисунок в "Фотошоп". Откройте новый файл (с прозрачным фоном) произвольно размера и карандашом в 1 пиксель нарисуйте горизонтальную линию (зажав "Shift" естественно), затем ниже еще одну на расстоянии 3 пикселя. Нет необходимости зарисовывать все поле таким способом, можно скопировать все ("Ctrl+A") и вставить, затем подогнать под нужное расстояние, склеить слои ("Ctrl+E"), теперь мы имеем на ондном слое уже 4 линии. Повторите эту операцию, до тех пор, пока все поле не будет заполнено линиями, затем выберете "Edit -> Define Pattern", и создайте "паттерн" собственного производства.

Теперь можно было приступить к размещению на этом фоне других элементов. Выбрав несколько картинок, я сперва их "зачистил" отделил от фона. Для этого нужно скопировать изображение в новое окно с прозрачным фоном, выбрать инструмент "Polygonal Lasso" (), и очень кропотливо, кусочек за кусочком, вырезать и удалять не нужные ее части.

Делаем желтый след.

Для этого, перейдем на слой с изображеием и нажмем "Ctrl+A" (выделить все), затем выбрав в инструментах "стрелку" ("Movie Tool") , один раз нажмем любую управляющую кнопку на клавиатуре (со стрелочками которые =), выделение сразу охватит ваше изображение по контуру, это нам и нужно. Создадим ниже новый слой и зальем выделение желтым цветом, не снимая выделения, идем в фильтры, там выбираем "Eye Candy 3.0 -> Motion Trail", и вся любовь.

Изогнутая надпись.

Сначала пишем текст, затем в меню выбираем "Layer -> Type - > Wrap Text", и начинаем издеваться над ним. Конкретно для этой надписи был выбран стиль "Flag".

Статья получилась огромная, материала для осмысления много, и я естественно понимаю, что многое может быть непонятно,поэтому жду ваших писем или отзывов, от которых будет зависеть о чем будет следующая статья. Либо она будет с более подробным описанием рисования в программе "Фотошоп", либо пойдем дальше и я опишу нарезку в "Image Ready" и верстку в "Dreamweaver".

Полезные советы

Закрываем доступ к сайту, определённому посетителю.

Когда-нибудь обязательно сталкиваешься с такой ситуацией, что кому-то нужно закрыть доступ к сайту, зная его IP адрес. Если это один человек с одним IP адресом, то скрипт можно использовать следующий:

Способ № 1:

<? 
// IP адрес жертвы =) 
$ip="127.0.0.1"; 
if(empty($_SERVER['REMOTE_ADDR'])) 
die("<b>Ваш IP адрес не определён!</b>"); 
elseif($_SERVER['REMOTE_ADDR']==$ip) 
die("<b>Вам сюда нельзя!</b>"); 
?> 

Если же нужно закрыть доступ всем посетителем, у которых IP адрес начинается на 127., то скрипт уже такой:

Способ № 2:

<? 
// Начало IP адреса жертв =)) 
$ip="127."; 
if(empty($_SERVER['REMOTE_ADDR'])) 
die("<b>Ваш IP адрес не определён!</b>"); 
elseif(preg_match("!".preg_quote($ip)."!",$_SERVER['REMOTE_ADDR'])) 
die("<b>Вам сюда нельзя!</b>"); 
?> 

Пишем генератор паролей.

Как он делается? Просто...

Для этого нужно:

1) Определить символы, которые будут использоваться.
2) Размер пароля.

Пишем скрипт:

<? 
// Символы, которые будут использоваться в пароле. 
$chars="qazxswedcvfrtgbnhyujmkiolp1234567890QAZXSWEDCVFRTGBNHYUJMKIOLP"; 
// Количество символов в пароле. 
$max=10; 
// Определяем количество символов в $chars 
$size=StrLen($chars)-1; 
// Определяем пустую переменную, в которую и будем записывать символы. 
$password=null; 
// Создаём пароль. 
    while($max--) 
    $password.=$chars[rand(0,$size)]; 
// Выводим созданный пароль. 
echo 
"<center>
Сгенерированный пароль: 
<hr><font face=verdana color=red size=7><b>".$password."</b></font><hr> 
<a href=?>Создать новый пароль.</a></center>"; 
?> 

По материалам http://manlix.ru

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

NetCaptor v.7.5.2
Многофункциональный удобный браузер на движке Internet Explorer-а (старое имя - SimulBrowse). Позволяет просматривать несколько страниц в одном онке браузера. Добавляет ряд удобных toolbar-ов, с кнопками быстрого доступа к важным функциям. Так, к примеру, можно нажатием одной кнопки разрешать и запрещать браузеру загрузку картинок, медиа-файлов и т.д.
1.44 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать: http://webstudent.net.ru/modules/mydownloads/visit.php?cid=23&lid=361

AM-DeadLink 2.00
Обновилась программа, которая ищет и удаляет битые и повторяющиеся ссылки в закладках браузеров. AM-DeadLink работает со следующими браузерами: Internet Explorer, Opera, Netscape, Mozilla. Если у вас в закладках браузера несколько ссылок, то не тратьте время на эту программу, а вот если у вас закладки постоянно пополняются и обновляются, то воспользоваться ей стоит наверняка. Программа быстро проверит все ссылки, находящиеся в закладках, и отметит повторяющиеся и неработающие. Затем можно весь этот мусор удалить. В этой версии появилась функция экспорта закладок в текстовый файл, добавлена возможность работать с протоколом IDN (Internationalized Domain Names) и протоколом https, исправлены ошибки.
780.00 KB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=12&lid=360

NO1 ACE Search Engine Submission Software v.2.1.0
Программа служит для регистрации сайтов в поисковиках, каталогах и топах.
2.35 MB Win 9*/ME/NT/2K/XP, Shareware, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=68&lid=359

SpyCamera XP
Вы хотите знать что происходит на Вашем компьютере в Ваше отсутствие? Вы хотите знать какие сайты посещает Ваш босс? А может быть Вам интересно знать кому пишет письма Ваша girlfriend? Тогда эта программа для Вас. Рекомендую, тем у кого есть дети...
1.08 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=53&lid=358

Matrix 5less 1.3Matrix 5less 1.3
Стильный "матричный" скринсейвер с множеством настроек, работающий в двух режимах: эмуляция кода и слайд-шоу.
405.00 KB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=39&lid=357

Tag&Rename 3.1
Утилита служит для создания и сортировки больших массивов/архивов музыкальных медиафайлов. Программа поддерживает большое число форматов (MP3, MPC, MP+, Flac, WMA, ASF, WMV, Ogg Vorbis), умеет получать данные из ID3, ID3 v.2, CDDB, FreeBD и т.д., обладает мощным поисковым движком по композициям, альбомам и авторам.
2.39 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=49&lid=356

K-Lite Codec Pack 2.27 FULL
Вышла новая версия самого полного пакета кодеков для просмотра видео.
2.26 MB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=48&lid=355

Nero Burning ROM 6.3.1.16
Свежая версия популярной программы для нарезки болванок. Имхо - лучшая в своем роде. Позволяет записывать СD диски любых форматов. Для полноценной работы с форматом UDF необходимо скачать с домашней страницы и установить поверх Nero дополнение InCD. Есть встроенный енкодер-декодер популярных аудио форматов, опция перепрожига. И самое главное - стабильность работы на всех платформах Windows и поддержка большого числа CD-R/RW приводов. Рекомендую эту прогу всем владельцам резаков.
25.56 MB Win 9*/ME/NT/2K/XP, Shareware, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=64&lid=343

CWShredder 1.59.1
Вышла новая версия утилиты, предназначенной для нахождения и уничтожения шпионских модулей. CWShredder обнаруживает следы присутствия на вашем компьютере так называемых Cool Web Search - инструментов, которые якобы помогают работе в Интернете. А помощь эта выливается в перенаправление на другие веб-страницы во время неправильно набранного URL, а также во время посещения поисковых систем. Все эти модули тормозят работу IE, меняют стартовую страницу при перезагрузке и еще делают много грязных вещей. Кстати, вы можете и не догадываться о том, что эта зараза у вас уже завелась. Но, даже если и так, CWShredder быстро вычислит эти шпионские модули и безболезненно для вас их удалит. В этой версии программа научилась искать и удалять шпионские модули более результативно.
146.00 KB Win 9*/ME/NT/2K/XP, Free, EN
Скачать:
м

WinTools.net Professional 4.4.1
Набор инструментов, предназначенный для повышения производительности операционной системы MS Windows и поддержания производительности на высоком уровне на протяжении всего эксплуатационного периода.
840.00 KB Win 9*/ME/NT/2K/XP, Shareware, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=73&lid=349

Wallpaper.Recycler v.3.5
Надоело смотреть на свои обои на рабочем столе? Меняйте их почаще. А ещё лучше, если с заданным интервалом их будет менять за вас сам компьютер. А может быть вы хотите использовать в качестве обоев свои фотографии, например с флэш-карты камеры в формате TIFF, но ведь Windows этот формат не понимает, и чтобы использовать их ещё надо потратить время на конвертацию. Так вот, время тратить не надо, если вы используете сменщик обоев WALLPAPER RECYCLER, поскольку программа понимает картинки в форматах: BMP, DIB, JIF, JPG, PCX, PNG, RLE, TGA, TIF 5.0 (uncompressed), WMF, and WPG. Большей возможности использовать разные форматы, кроме как в графических редакторах, я пока не встречал. Кстати, понравившуюся картинку можно и "заморозить", т.е. приостановить смену. Картинки можно сгруппировать по 10 разным группам, и в каждую собрать до 1000 картинок.
3.89 MB Win 9*/ME/NT/2K/XP, Shareware, EN
Скачать:
http://webstudent.net.ru/modules/mydownloads/visit.php?cid=66&lid=351

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

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

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

Вопрос №14

"Пожалуйста кто может , подскажите: Можно ли имея страницу например на *.narod.ru оставить файлы для скачивания у себя на компе. Хочу раздавать MP3 и видео, но файлы великоваты, да и народ.ру ругается, что создаю архив для хранения файлов."

Ответ от Vasyasya (www.kpeatops.narod.ru) : Тогда придется держать комп постоянно подключенным к Сети, а это не очень и дешево. Но, если деньги есть, то проще договорится на платный хостинг.

Ответ от Dansury (http://punk.ru.ru.ru/) : Чтобы оставить файлы на компе и их можно было качать, надо чтобы комп был всегда в сети, т.е. чтобы он сам стал как бы сервером. Для этого надо заплатить кучу бабок и вообще париться на счёт разрешения и регистрации (т.е. скорее -циЙ). Тебе это надо? Если файлы великоваты, то лучше завести себе счёт, чтобы деньги передавались электронно, а файлы слать на болванках по родной почте бандеролем или ещё чем :)

Ответ от Голубевы (http://www.frnet.narod.ru/) : Если ты постоянно подключен к интернету 8-), то можешь, установи у себя на компе сервер, например Apache и делай ссылки на странице слудующего вида:
http://твой_ip/каталог/с/файлом/фильмы/xxx.avi

Вопрос №15

"Как можно прописать сделаный сайт на локальном сервере? У меня, новичка, ни чего не получается. Выложенные страницы не открываютсь, что нужно сделать? Помогите..."

Ответ от Александр : Используй Small HTTP server (смотри на http://homecomp.ru/progr/p_shttp.html)
или пакет Денвер-2 (http://homecomp.ru/progr/p_denver.html).

Ответ от synchro : Быстрее и легче всего установить себе джентльменский набор web-разработчика denver

Ответ от Vasyasya (www.kpeatops.narod.ru) : Даю инструкцию:
1.Зарегиться на хостинге.
2.Установить у себя какой-н. FTP менеджер (как лучший вариант-CuteFTP)
3.Закачать файлы на сервер.
Главную страницу нужно назвать index.htm или index.html - без разницы, но ссылаясь на этоту страницу нужно знать какое у неё расширение (*.htm, *.html или вообще *.HTM)

Ответ от Голубевы (http://www.frnet.narod.ru/) : Установи сервер, настрой каталог в котором храняться файлы. А чтобы загрузить сайт в браузере прописывай ip сервера.

Новый вопрос: Вопрос №16

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

Ответить!

Новый вопрос: Вопрос №17

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

Ответить!

Новый вопрос: Вопрос №18

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

Ответить!

Новый вопрос: Вопрос №19

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

Ответить!

Новый вопрос: Вопрос №20

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

Ответить!

Новый вопрос: Вопрос №21

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

Ответить!

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

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