Главная страница
qrcode

Н., хаи, 2013 11. Введение в веб-программирование. Html-разметка


Скачать 11.83 Mb.
НазваниеН., хаи, 2013 11. Введение в веб-программирование. Html-разметка
Дата10.09.2019
Размер11.83 Mb.
Формат файлаpdf
Имя файлаВведение в веб-программирование.pdf
оригинальный pdf просмотр
ТипРеферат
#64805
страница3 из 12
Каталог
1   2   3   4   5   6   7   8   9   ...   12




Браузер
- программное обеспечение для просмотра веб-сайтов.

Веб-сервер
-
Веб-сервер - это сервер, принимающий
HTTPзапросы от клиентов, обычно веббраузеров, и выдающий им HTTPответы.
JavaScript
- язык сценариев для придания интерактивности веб-страницам.
9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
10
Помните, что в веб-программировании, как и в любом другом программировании, поставленную задачу обычно можно решить несколькими различными путями с использованием различных средств языка программирования. Всегда выбирайте из них тот вариант, который удобнее лично для Вас.
Чтобы закончить со всеми непонятными вещами в этом примере, рассмотрим свойство display стиля. Дело в том, что по умолчанию каждый блок текста, ограниченный тегами <div> .. </div>, выводится с новой строки вебстраницы. Значение inline свойства display позволяет убрать этот перенос строк. Если бы мы не задали это свойство в предыдущем примере, то увидели бы веб-страницу такой, какой она показана на рис. 2.4 (файл ex3_04.html).




Браузер
- программное обеспечение для просмотра веб-сайтов.

Веб-сервер
-
Веб-сервер - это сервер, принимающий
HTTPзапросы от клиентов, обычно веббраузеров, и выдающий им HTTPответы.
JavaScript
- язык сценариев для придания интерактивности веб-страницам.
Здравствуй, цифровой мир!




9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
11
в каждой из веб-страниц просто указать имя этого файла.
При описании стилей в отдельном файле теги
<style> .. </style> не нужны. Стили просто описываются один под другим. При этом в текст веб-страницы вставляется ссылка на этот файл (одинарный тег <link>), которая должна выглядеть примерно так:

Здесь “styles.css” имя файла, в котором описаны стили.
На рисунке 2.6 приведен текст файла описания стилей (файл styles.css), текст веб-страницы (файл ex2_06.html) и скриншот окна браузера с выведенной страницей.
/* это файл стилей styles.css */
.mama { color:red;
}



Здравствуй, цифровой мир!






Браузер
- программное обеспечение для просмотра веб-сайтов.

Веб-сервер
-
Веб-сервер - это сервер, принимающий
HTTPзапросы от клиентов, обычно веббраузеров, и выдающий им HTTPответы.
JavaScript

JavaScript - язык сценариев для придания интерактивности вебстраницам.
9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
12
замещает его.
Так, в описании второго стиля для стиля .mama переопределяется значение свойства font-size (с large на medium) и добавляется новое свойство color, ранее не заданное.
Такая гибкость в описании CSS позволяет экономить текст страницы и время разработчика при описании стилей, у которых много свойств с похожими значениями.
У стиля .derevo в данном примере нет общих свойств с стилями ,papa и .mama, поэтому он описан отдельно от них.
2.2.
Способы указания имени стиля
В приведенных выше примерах мы работали со стилями, идентифицируемыми произвольно заданным именем стиля.
Чтобы оформить какой-то тег в данном стиле, нужно в атрибуте class этого тега указать имя этого стиля (для имени стиля существует специальный термин: селектор).
Что делать, если мы хотим, например, все теги
в веб-странице оформить в определенном стиле? Решение приведено на рисунке 4.8 (файл ex2_08.html).



Здравствуй, цифровой мир!





Здравствуй, цифровой мир!
1   2   3   4   5   6   7   8   9   ...   12

перейти в каталог файлов


связь с админом