Студопедия — Фиксированный дизайн
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Фиксированный дизайн






Преимущества:

· Такой дизайн гораздо легче разрабатывать, можно заранее предугадать, как будет выглядеть сайт.

· У дизайнера есть возможность следить за размером строки.

Недостатки:

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

Резиновый дизайн

Преимущества:

· Сайт будет заполнять всё пространство браузера, что значительно улучшает его вид.

· Сайт с таким дизайном будет одинаково смотреться на разных разрешениях.

Недостатки:

· Разработка такого дизайна сплошной эксперимент, не знаешь, как поведёт себя вся структура сайта в тот или иной момент.

· На больших разрешениях возможно появление слишком длинных строк, что значительно утруждает читателя.

Адаптивная вёрстка

Преимущества:

· Сайт будет отображаться при разных размерах экрана так, как это наиболее удобно пользователю;

Недостатки:

· Требует тщательной проработки нескольких макетов, для различных размеров экранов.


То есть у каждого вида дизайна есть свои минусы и плюсы и выбор зависит от решаемой задачи. При этом может использоваться и смешанный дизайн — некоторые столбцы табличного дизайна задать в процентах а другие в пикселях.[3]

Вставка JavaScript в HTML-страницы.

Программы можно располагать в любой месте HTML страницы, но нельзя перемешивать HTML теги и операторы JavaScript, иначе результат наверняка будет не таким каким вы его себе представляли. Так же советую вставлять JavaScript между тегами <head>; и </head>;, так как они являются одними из первых тегов, которые читает браузер, но по сути JavaScript программу можно вставить куда вам пожелается. Впрочем, месторасположения программы зависит от её предназначения. Кстати, в случае если вы сделаете ошибку между тегами <script>; и </script>;, то в случае обнаружения её браузером он сообщит вам, в какой строке вы допустили ошибку. Если сценарии используются для динамического создания кода HTML и предназначенные для генерации программных или системных параметров контейнеры <script>; разбросаны по всему тексту документа HTML, то такое их расположение вполне оправдано. Однако если требуется определить функции для решения различных задач, то самым лучшим местом для них будет отдельный контейнер <script>;, расположенный в начале документа.
Синтаксис тега <script>; следующий:

<script language="JavaScript">
//операторы JavaScript...
</script>

Язык должен обязательно выглядеть так, как показано выше, с точным соблюдением регистра для всех программ на языке JavaScript. Несмотря на то, что язык указывать необязательно, посоветую всё-таки указывать его на всякий случай. Весь текст за пределами тегов <script>; и </script>;должен быть обязательно в формате HTML.

На HTML страницу можно добавить несколько программ на языке JavaScript. Они производятся в порядке их расположения в коде (сверху вниз). Браузер всегда анализирует программы JavaScript после загрузки всей HTML страницы. Функции загружаются в память и выполняются браузером, когда генерируется соответствующее событие или при явном вызове функции JavaScript (либо других функций, определенным пользователем, - под функцией здесь понимается группа операторов языка JavaScript).

Например:

< html >
< head >
< title >Заголовок документа</ title >
< script language="JavaScript">
alert ("Добро пожаловать!");
</ script >
</ head >
< body >
< p >Текст страницы...</ p >
</ body >
</ html >

Всегда помните о том, что символы верхнего и нижнего регистра на языке JavaScript различаются. Например, "JavaScript" не то же самое, что "Javascript". Так же посоветую помнить о том, что использование маленькой буквы "я" между тегами <script>; и </script>;, нежелательно, в связи с тем, что браузеры типа Netscape Navigator будут воспринимать ее как ошибку программы.

21. JavaScript. Особенности языка. Типы данных. Массивы.







Дата добавления: 2015-09-15; просмотров: 319. Нарушение авторских прав; Мы поможем в написании вашей работы!



Аальтернативная стоимость. Кривая производственных возможностей В экономике Буридании есть 100 ед. труда с производительностью 4 м ткани или 2 кг мяса...

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

Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...

Кардиналистский и ординалистский подходы Кардиналистский (количественный подход) к анализу полезности основан на представлении о возможности измерения различных благ в условных единицах полезности...

Значення творчості Г.Сковороди для розвитку української культури Важливий внесок в історію всієї духовної культури українського народу та її барокової літературно-філософської традиції зробив, зокрема, Григорій Савич Сковорода (1722—1794 pp...

Постинъекционные осложнения, оказать необходимую помощь пациенту I.ОСЛОЖНЕНИЕ: Инфильтрат (уплотнение). II.ПРИЗНАКИ ОСЛОЖНЕНИЯ: Уплотнение...

Приготовление дезинфицирующего рабочего раствора хлорамина Задача: рассчитать необходимое количество порошка хлорамина для приготовления 5-ти литров 3% раствора...

Гносеологический оптимизм, скептицизм, агностицизм.разновидности агностицизма Позицию Агностицизм защищает и критический реализм. Один из главных представителей этого направления...

Функциональные обязанности медсестры отделения реанимации · Медсестра отделения реанимации обязана осуществлять лечебно-профилактический и гигиенический уход за пациентами...

Определение трудоемкости работ и затрат машинного времени На основании ведомости объемов работ по объекту и норм времени ГЭСН составляется ведомость подсчёта трудоёмкости, затрат машинного времени, потребности в конструкциях, изделиях и материалах (табл...

Studopedia.info - Студопедия - 2014-2024 год . (0.012 сек.) русская версия | украинская версия