Web-дизайн Создание веб-страниц для различных разрешений экранов мониторов для не! профессиональных Веб дизайн еров Web design с нуля :

     Коды html мы еще не очень освоили, но, несмотря на это, сразу переходим к Java Script -ам, поскольку серьезные сайты, а именно такой мы с вами и создаем (ну, где-то посредине между … и … - не будем называть имен!!! Мы уже столько раз их повторяли, а все без толку) в создании веб-страниц используют язык JavaScript. Это делается так - вы пишите сами (это всегда интереснее, но трудно) или находите в интернет готовые скрипты (это не менее интересно и не менее трудно), с помощью которых, при обращении к вашему грандиозному сайту некоего посетителя, первым делом определяются параметры компьютера этого посетителя и потом, в зависимости от них - для каждого варианта (их не так уж и много : ) , можно навскидку прикинуть - сколько) загружаются в этот каждый компьютер соответствующие ему странички, которые нужно писать с учетом особенностей данного варианта. Насколько это актуально и вообще возможно в домашних условиях - оценить трудно. Теоретически, конечно, возможно все

Практически -

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

Щелкаем правой кнопкой мыши по свободному месту рабочего стола - выбираем из контекстного меню команду свойства (экрана). На вкладке Настройка смотрим - какая у нас область экрана - сейчас в моде 800 на 600 точек. А у вас сколько? (640x480, 800x600, 1024x768, 1152x864, 1280x1024) Вы можете менять область экрана в любую сторону и смотреть - как выглядит ваш сайт при различных настройках (перезагружать компьютер не обязательно). Постарайтесь сильно не испугаться - хотя бы в первый раз. Заодно - ну, раз уж мы на вкладке настройка уже находимся - проверьте - как выглядит ваш сайт при различных цветовых палитрах. Мы уже один раз говорили о том, что нормальным людям со здоровыми ногами не придет в голову смотреть картины, находящиеся в Третьяковской галерее, по телевизору. Вы думаете, что по компьютеру лучше, чем по телевизору?... Но все же - тоже не пугайтесь сильно изменений в вашем сайте при смене цветовой палитры.

Дальше еще несколько слов о непосредственно web дизайне. Я не берусь в рамках практического пособия пересказывать замечательную книгу о веб дизайне, на которую уже ссылалась (вы еще не прочитали ее? - напрасно). Считается дурным тоном, когда веб страницу нужно прокручивать и вниз и вбок. Поскольку все, у кого установлено разрешение экрана по горизонтали, меньше принудительно заданного вами, должны будут передвигать страницу вправо - предлагаю исключaть вертикальную полосу прокрутки, оставляя, в случае необходимости, ну, если места почему-то не хватило, только горизонтальную. : ) То есть это не я предлагаю - это азбука веб дизайна : )

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

 В качестве бонуса - коды html для создания таблиц

таблица 2 строки по 3 столбца

 

Теги:

<table> - начало таблицы

<tr> - начало строки таблицы

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

</tr>

<tr> - начало строки таблицы

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

<td> - начало колонки таблицы

содержание колонки в этой строке этой таблице

</td>

</tr>

</table>

Атрибуты:

align=left (по умолчанию)

valign=center (вроде тоже по умолчанию)

width=1% (ширина колонки таблицы)

width=100%

height=100%

Дальше можно работать уже только с англо-русским словарем, если вы до сих пор еще свободно не владеете английским в объеме языка HTML.

Вернуться к содержанию книги по web-design с нуля

На главную страницу сайта модный веб дизайн

в начало этой страницы :)


Rambler's Top100

Hosted by uCoz