Несмотря на всё большее распространение широкополосного доступа к Интернету,
проблемы скорости загрузки HTML-страниц всё ещё не безразличны многим
пользователям Сети, особенно на просторах бывшего Союза. CSS (Cascading Style
Sheets) может помочь в этом деле, сэкономив нам время и трафик.

1. Избегайте использования таблиц для разметки страницы

• Браузеры анализируют таблицы дважды: первый раз для того, чтобы оценить
  структуру таблицы, и второй — для определения их содержимого.
  
• Таблицы отображаются сразу полностью, а не по мере загрузки.
  
• Таблицы заставляют использовать прозрачные картинки для определения ширины
  колонок и т.п.
  ... Читать дальше »

  Написал: CorsaR

  Комментарии (0)

  Голосов:

  Просмотров 600

  11.Авг.2008

Введение

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

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

Пара слов о работе вебсервера

Установив вебсервер, как описано в этой статье, Вы получаете полноценный работающий сервер с полным набором возможностей. Что же это та ... Читать дальше »

Введение в графику

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

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

Так как еще достаточно много людей используют модемы на 14 400 бод, многие разработчики сайтов накладывают ограничения на размер своих страниц. Как пр ... Читать дальше »

"Использование слоев для создания баннера"

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

1 слой. Фон баннера (туда помещаются графические картинки в виде фотографий и т.п., что в дальнейшем не требует изменения и не будет содержать анимацию).
2 слой. Простая анимация (мигающий текст, стрелки и т.п., что можно будет заменить в случае изменения баннера).
3 слой. Сложная анимация (мультипликация, которая является ведущей ролью в баннере и которая именно подчеркивает эффект анимации)
4 слой. Рамки баннера ... Читать дальше »

"Использование импортированной графики" FLASH

Давайте поговорим об использовании импортированной графики во Flash. Для чего она нужна?
А нужна она, потому, что в баннере часто используют уже готовые рисунки: фотографии, фоны, шаблоны, собственные заготовки. О том какие существуют графические форматы Вы можете узнать ЗДЕСЬ.
Для начала остановимся на таком формате, как GIF. Данный формат поддерживает прозрачность, а это даст нам возможность наложение рисунков на любой фон баннера. Например, у Вас есть хорошая заготовка для баннера, и на этой заготовке Вам нужно разместить свой текст, не просто текст, а объемный. Для этого в Ulead Cool 3D Вы создаете объемный текст на фоне, который имеет фон баннера. Т.е. баннер будет зеленый, то и там текст будет на зеленом фоне. Сохраняете этот текст "Create Image Files"->"GIF File", установите в опциях флажок "Transparent background" и Ваше текст (или изобра ... Читать дальше »

Какими программами можно воспользоваться, чтобы натворить кучу эффектов с текстом?
Думаю на этот вопрос многие ответят по разному, ведь существует огромное количество программ направленных на работу с текстом. Вот о некоторых программах мы все таки поговорим.
Возьмем один из распространенных пакетов Corel и его программу "Corel Photo".
Создадим "Создать" новый баннер размером 120х60 и зададим ему "Цвет фона" черный. С помощью инструмента "Текст" напишем на баннере любой текст "НАШ САЙТ", при этом укажите цвет краски "красный" в правом нижнем углу. Написав текст разместите в любом подходящим для Вас месте тест и теперь можно наложить эффекты на него. Для этого в программном меню есть меню "Эффекты" в котором предлагается неплохой выбор эффектов (двухмерные, трехмерный, художественные, размывка, шумы и другие). Воспользуемся к примеру двухмерным эффектом "ветер" - перед нами открывается окошко в котором можно установить параметры "ветра": направление, сила, непрозрач ... Читать дальше »

Код имеет следующий вид:
 
<p><a href="http://moyweb.moy.su" target="_top"><img border="0" src="http://www.moyweb.moy.su/baner/021.gif" alt="moy-web"  width="88" height="31"></a></p>


href - указываете URL вашего сайта куда при нажатии на Ваш баннер будет переходить пользователь.
target - в каком окне открывать ссылку. Применяются в основном два параметра "_top" открывает в текущем окне браузера минуя все фреймы, и "_blank" отк ... Читать дальше »

Создадим текстовый баннер и придадим ему эффектов.

Запускаем программу Flash и создадим в нем заготовку для текстового баннера. Вы видите перед собой белую площадку, собственно в которой Вы будете создавать свой баннер или предположим картину для сайта. Преобразуем этот лист в требуемый для нас размер. Для этого откроем в меню Modify команду Movie, это и есть настройка свойств Вашего фильма. Параметры имеют следующие значения:
Frame Rate - скорость фильма, количество кадров в секунду.
Dimensions - размеры фильма, в пикселях.
Grid Spacing - задает шаг сетки и режим отображения для более удобной компоновки объектов.
Colors - задает цвет сетки и фона Вашего фильма.
Этого достаточно, чтобы установить параметры Вашего баннера. Создадим баннер размером 100х100 пикселей, с черным фоном. Для этого установим в свойстве Dimensions размеры 100х100 и background зададим черным цветом. Итак место для творения готово.
Добавим т ... Читать дальше »

Вы научитесь делать не только баннеры, а еще кое-чего для Вашего сайта. Итак, какие требования предъявляются баннерам в сети:
+ баннеры 468х60 допускаются размером до 15Кб.
+ баннеры 100х100 допускаются размером до 10Кб.
+ баннеры 88х31 допускаются от 9Кб до 5Кб.
Это все к тому, что сделав самый навороченный баннер со суперэффектами, его просто никто, никогда и нигде не поставит у себя, только если ты сам у себя на сайте. И чем быстрее загрузиться Ваш баннер, тем больше вероятность, что его заметят, ну а нажмут ли, это другой вопрос. При обмене кнопочками, Вы сами можете оговорить размер вашего файла, поэтому здесь бояться особенно нечего, до 9Кб - Вы такое можете сотворить, что весь мир бы нажимал только на нее.

Программы

Какие программы нужны? Сразу можно сказать, что Вам хватит нарисовать самый простой баннер даже в PowerPoint, не говоря о таких престижной программе как PhotoShop. Или возьмем к примеру многим полюбившийся CorelPhoto. Множество эфф ... Читать дальше »