Web-дизайн от Wmaster Design Group - выпуск 2

 
В этом выпуске: Так же на сайте: Действия
  << задать вопрос >>
  << прислать анекдот >>
  << прислать статью >>
  << прислать новость >>
  << дать объявление >>
  << Стать другом >>
 

 :: Свежие новости Дизайн-портала Wmaster :: 

     Проект "Wmaster" вышел в свет 5 ноября 2001 года. Наша студия долго и тщательно готовила этот проект. Так как каждый сайт должен содержать тематику, то следовательно наш сайт относится к тематике "веб-дизайнеру". Тут выложено практически всё, что может пригодиться как начинающему, так и профессионалу. Это огромное количество статей, справочников, обзоров и многое другое. В построении сайта принимали участие: Бочкарёв Антон, Котляр Степан, Морозов Денис.... На очень помогли своими публикациями Евгений Жданов и его проект ProtoPlex и Валентин Холмогоров и его авторский проект .

     Также у нас работает дизайн-студия. Цены вы можете посмотреть вот здесь : www.wmaster.ru/price.htm .

Хочу отметить раздел "Статьи". Здесь собрано около 100 статей на разные темы. Если взглянуть на  структуру сайта, то видно, что всё самое главное находится  "рядом" : естественно я имел ввиду две удобные менюшки справа и слева. Страницы загружаются довольно быстро. Это связано с небольшим кодом страницы и скоростью нашего Хостера - Компании Valuehost . Именно по всем этим причинам этот проект и получил звание "Дизайн портал". Разделы сайта будут пополняться новой и интересной информацией. Также вы можете подписаться на нашу рассылку. Форма для подписки находится в правой менюшке. Редакция Дизайн портала Wmaster надеется, что вы будете посещать наш сайт снова и снова. Заметно обновляется наш каталог статей по Web-дизайну, Windows, Программированию........ Заходите.. Не пожалеете.

  http://www.wmaster.ru 

  ::Публикации :: 

 

Изменения в зависимости от разрешения экрана— подгрузка фонов, изменение стилей

Илья Алямкин
"A-design studio"


Похоже, эта тема становится любимой. :)) Хотя тема действительно актуальная, очень часто web дизайнеру приходиться придумывать "универсальные" странички под все возможные разрешения экранов. Как решать эту проблему— личное дело каждого. Можно использовать таблицы, можно все просто сделать одного фиксированного размера, можно использовать скрипты. У использования JavaScript есть только два серьезных минуса, на мой взгляд, первый— отключенная поддержка в броузере посетителя, второй— недостаток знаний и опыта у web дизайнера. Очень часто встречается и то, и это. :))) Гениев нет, так сказать...

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

<script language="JavaScript">
<!--
if (self.screen) { 
width = screen.width
height = screen.height
}
else if (self.java) { 
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize(); 
width = scrsize.width; 
height = scrsize.height; 
}else{
width = height = 'x' 
}
if (width == 640) {
 document.write('<BODY 
BACKGROUND=fon1.jpg>');  }
else if (width == 800) {
 document.write('<BODY 
BACKGROUND=fon2.jpg>');  }
else if (width == 1024) {
  document.write('<BODY 
BACKGROUND=fon3.jpg>');   }
else if (width == 1280) {
 document.write('<BODY 
BACKGROUND=fon4.jpg>');  }
else {
 document.write('<BODY 
BACKGROUND=fon5.jpg>');  }
//-->
</script>

Вариант второй

<SCRIPT LANGUAGE="JavaScript">
<!-- Script Begin
  if (screen.width==800)
    {  document.write("<BODY 
BACKGROUND='images/800.jpg'>");
    }
  else if (screen.width==1024)
    {  document.write("<BODY 
BACKGROUND='images/1024.jpg'>");
    }
  else
    {  document.write("<BODY 
BACKGROUND='images/other.jpg'>");
    }
//  Script End -->
</SCRIPT>

Изменение параметров фреймовой структуры в зависимости от разрешения экрана.
Фреймовые структуры не всегда "выживают" при изменении размеров экрана, данный скрипт изменяет размеры фреймов и вполне может пригодиться... По идее, ничего особо и не изменилось по сравнению с предыдущими JavaScript-ами.

<script language="JavaScript">
<!--
if (self.screen) { 
width = screen.width
height = screen.height
}
else if (self.java) { 
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize(); 
width = scrsize.width; 
height = scrsize.height; 
}else{
width = height = 'x' 
}
if (width == 640) { 
document.write('<FRAMESET cols=20%,80%>
<FRAME src="menu.htm">
<FRAME name=display src="firstpage.htm">
</FRAMESET> '); }
else if (width == 800) { 
document.write('<FRAMESET cols=50%,50%>
<FRAME src="menu.htm">
<FRAME name=display src="firstpage.htm">
</FRAMESET>'); }
else if (width == 1024) { 
document.write('<FRAMESET cols=10%,90%>
<FRAME src="menu.htm">
<FRAME name=display src="firstpage.htm">
</FRAMESET> '); }
else if (width == 1280) { 
document.write('<FRAMESET cols=30%,70%>
<FRAME src="menu.htm">
<FRAME name=display src="firstpage.htm">
</FRAMESET> '); }
else { document.write('<FRAMESET cols=40%,60%>
<FRAME src="menu.htm">
<FRAME name=display src="firstpage.htm">
</FRAMESET> '); }
//-->
</script>

Всем этим можно воспользоваться, но лучше попробовать обойтись простыми таблицами и компоновкой графики. Не всегда имеет смысл "наворачивать" все возможные эффекты и удобства... Самая универсальная страничка— просто таблицы, графические файлы в GIF или JPG, без скриптов, эффектов и прочего. Возможно, возникнет некоторое неудобство при просмотре на совсем маленьком или, наоборот, большом экране, но все броузеры поддерживающие графику отобразят все в приемлемом виде и без потери информации. А web дизайнеру и тут работы много будет, одна графика чего стоит...    Ö

:: Вопрос-Ответ ::

 Всем знаменитая рубрика по вопросам на тему Web-дизайн, web-мастеринг, HTML  и т.д. Присылайте свои вопросы. Ö

:: Net-юмор ::

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

  1. Нет курсора у текстовых редакторов.

  2. Герои всегда чрезвычайно быстро набирают текст, причем никогда не пользуются при этом клавишей пробела.

  3. Персонажи фильмов никогда не печатают с ошибками.

  4. На любом мониторе буквы имеют размер в несколько сантиметров.

  5. Суперкомпьютеры, которые использует НАСА или ЦРУ, или другие правительственные учреждения, всегда имеют очень простой графический интерфейс. Если же графического интерфейса нет, то используется чрезвычайно мощная текстовая командная оболочка, понимающая литературный английский (такая оболочка предоставляет доступ к любой нужной информации, стоит только набрать что-нибудь вроде 'Получить доступ к секретным файлам" на первой попавшейся клавиатуре).

  6. Для того чтобы заразить компьютер разрушительным вирусом, достаточно просто набрать "Загрузить вирус" (фильм "Крепость").

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

  8. Мощные компьютеры пищат при каждом нажатии на клавиши или перерисовке экрана. Некоторые компьютеры замедляют вывод на экран так, чтобы вы могли читать текст по мере вывода, а наиболее продвинутые компьютеры при этом еще и эмулирует звук матричного принтера.

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

  10. После набора текста компьютер можно спокойно выключить, не сохранив данные.

  11. Хакер способен взломать самую крутую защиту, угадав пароль со второго раза.

  12. Вы можете обойти сообщение "Отказ в доступе" с помощью команды "Игнорировать".

  13. Любой компьютер загружается не более чем за 2 секунды.

  14. Сложные вычисления и загрузка больших объемов данных завершаются не более чем за три секунды.

  15. Модемы в фильмах обычно передают данные со скоростью не менее двух гигабайт в секунду.

  16. Когда перегревается главный компьютер атомной станции или ракетной базы, все панели управления взрываются - непосредственно перед взрывом всего здания.

  17. Если вы просматриваете файл, а его кто-то удаляет, то файл исчезает с экрана.

  18. Если на дискете есть зашифрованные файлы, то стоит вам вставить ее в дисковод, и у вас сразу запросят пароль.

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

  20. Любые дискеты читаются на любом компьютере, оснащенном дисководом, любые программы работают на любой платформе.

  21. Чем совершеннее компьютер, тем больше у него кнопок. При этом работа на таком компьютере требовала весьма профессионального оператора, так как на кнопках нет никаких надписей, за исключением кнопки "Самоуничтожение" :)

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

  23. Лаптопы всегда могут работать в режиме полноэкранного видеофона в режиме реального времени и имеют производительность, сопоставимую с Cray'ем.

  24. Когда персонаж смотрит на монитор, изображение настолько яркое, что проецируется на его лицо.

  25. Поиск в Интернете всегда дает вам именно то, что вы искали, независимо от того, насколько общие ключевые слова вы задали (так, например, в фильме "Невыполнимая миссия* Том Круз задал поиск по ключевым словам "файл" и "компьютер", после чего получил 3 ссылки).     Ö

 :: Объявления ::

 Ваши объявления по сотрудничеству и т.д.

 
Ведущий рассылки: Anton
mail: webmaster@wmaster.ru
Page: http://www.wmaster.ru 

ValueHost : Самый популярный и профессиональный хостинг.  Лучший выбор это "План А": 200 mb, mySQL, cgi-bin, perl, PHP, FTP, неограниченно POP3 Email,  SSI, и всё это всего за $8.95 в месяц.  "Заказывайте на Valuehost !!". Если будет не трудно, то при заказе укажите Промо код нашего портала : 5394.


 Дизайн-студия: 
"Wmaster Design Group"
 www.wmaster.ru/price.htm Приемлимые цены и отличный дизайн.
Количество подписчиков: 2