Добавил:

ivanov666 Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Башкирский Государственный Аграрный Университет

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Практические аспекты разработки веб-ресурсов. Учебное пособие

.pdf

Скачиваний:

Добавлен:

08.09.2026

Размер:

2 Мб

Скачать

☆

<<< < Предыдущая 1 2 3 4 56 / 136 7 8 9 10 11 12 13 > Следующая >>>

<TR>

<TD style = «border-width: thin»>thin

<TD style = «border-width: medium»>medium

<TD style = «border-width: thick»>thick

<TR>

<TD style = «border-width: 1px»>1px

<TD style = «border-width: 2px»>2px

<TD style = «border-width: 4px»>4px

<TR>

<TD style = «border-width: 1pt»>1pt

<TD style = «border-width: 2pt»>2pt

<TD style = «border-width: 4pt»>4pt

<TR>

<TD style = «border-width: 1mm»>1mm

<TD style = «border-width: 2mm»>2mm

<TD style = «border-width: 4mm»>4mm

</TABLE>

</BODY>

</HTML>

Тема 11. Пример 11.3

<HTML>

<HEAD>

BODY {padding-left: 40px}

BODY {background-image: url(background.jpg); background-repeat: repeat-y}

P.p1 {background-color: blue}

P.p2 {background-image: url(P_background.GIF)}

STRONG {background-color: yellow}

</STYLE>

</HEAD>

<BODY>

<P class = «p1»>Абзац с фоном <STRONG>одного</STRONG> цвета

<P class = «p2»>Абзац с <STRONG>рисунком</STRONG> в качестве фона

</BODY>

</HTML>

Тема 11. Пример 11.4

<TITLE>Свободное позиционирование</TITLE>

<BODY>

<IMG src = «right.gif» style = «position: absolute;

left: 30; top: 30» border = «1»>

<IMG src = «right.gif» style = «position: absolute;

left: 60; top: 60» border = «1»>

<IMG src = «right.gif» style = «position: absolute;

left: 90; top: 90» border = «1»>

<IMG src = «right.gif» style = «position: absolute;

left: 120; top: 120» border = «1»>

<P style = «position: absolute; left: 45; top: 45;

font-size: x-large»>А это свободно позиционированный текст абзаца

</BODY>

Тема 11. Пример 11.5

<HTML>

<HEAD>

<TITLE>Использование элемента DIV</TITLE>

<STYLE>

.person {border-style: solid; border-width: 1;

background-color: fuchsia; width: 80%; padding: 3}

.person2 {border-style: solid; border-width: 1;

background-color: fuchsia; width: 80%; padding: 3;

left: 20%; position: relative}

.ptitle {font-weight: bold}

</STYLE>

</HEAD>

<BODY>

<H1>Список сотрудников</H1>

<P>

<P><SPAN class = «ptitle»>Имя: </SPAN>Василий

<BR><SPAN class = «ptitle»>Фамилия: </SPAN>Пупкин

<P><SPAN class = «ptitle»>Должность: </SPAN>Директор

<BR><SPAN class = «ptitle»>Телефон: </SPAN>123-45-01 (секретарь)

</DIV>

<P>

<P><SPAN class = «ptitle»>Имя: </SPAN>Владимир

<BR><SPAN class = «ptitle»>Фамилия: </SPAN>Замахов

<P><SPAN class = «ptitle»>Должность: </SPAN>Зам. директора

<BR><SPAN class = «ptitle»>Телефон: </SPAN>123-45-02

</DIV>

<P>

<P><SPAN class = «ptitle»>Имя: </SPAN>Мария

<BR><SPAN class = «ptitle»>Фамилия: </SPAN>Иванова

<P><SPAN class = «ptitle»>Должность: </SPAN>Секретарь

<BR><SPAN class = «ptitle»>Телефон: </SPAN>123-45-01

</DIV>

<P>...

</BODY>

</HTML>

Тема 11. Пример 11.6

<HTML>

<HEAD>

<TITLE>Первая буква</TITLE>

P.first_par:first-letter { font-size: 300%; font-weight: bold; color: blue }

</STYLE>

</HEAD>

<BODY>

<P class = «first_par»>Первая буква этого текста будет большой и краси- вой буквой синего цвета.

<P>Все последующие абзацы будут начинаться по-обычному

</BODY>

</HTML>

Тема 11. Пример 11.7

<HTML>

<HEAD>

<TITLE>Первая строка</TITLE>

P:first-line {font-weight:bold; color:blue}

P.big {font-size:150%}

P.small {font-size:75%}

</STYLE>

</HEAD>

<BODY>

<P>Абзац, оформленный шрифтом по умолчанию.

Абзац, оформленный шрифтом по умолчанию.

<P class = «big»>Абзац, оформленный шрифтом большого размера.

Абзац, оформленный шрифтом большого размера.

<P class = «small»>Абзац, оформленный шрифтом малого размера.

Абзац, оформленный шрифтом малого размера.

</BODY>

</HTML>

Тема 11. Пример 11.8

<HTML>

<HEAD>

<TITLE>Использование разных CSS для разных устройств</TITLE>

H1 {color: black; font-family: newroman; text-align: center}

H2, H3 {color: black; font-family: newroman; text-align: center}

P {font-style: normal; font-weight: normal; color: black}

</STYLE>

BODY {background-color: black}

H1 {color: red; font-family: arial; text-align: center}

H2, H3 {color: yellow; font-family: courier; text-align: left}

P {font-style: italic; font-weight: bold; color: white}

</STYLE>

</HEAD>

<BODY>

<H1>Заголовок первого уровня</H1>

<P>Текст абзаца

<H2>Заголовок второго уровня</H2>

<P>Текст абзаца

<H3>Заголовок третьего уровня</H3>

<P>Текст абзаца

</BODY>

</HTML>

Для подготовки данного раздела использован материал из [12].

2. ОСНОВЫ ЯЗЫКА ПРОГРАММИРОВАНИЯ

Java

JavaScript

Разработан

Java был разработан Джеймсом Гослинг в компании Sun Microsystems.

Разработан

JavaScript был разработан Бренданом Айхе в корпорации Netscape

Communications.

Объектно-ориентированный язык программирования

Java является истинным объектноориентированным языком программирования, так как требует, чтобы все было в рамках классов и, объектов.

Объектно-ориентированный язык сценариев

JavaScript также объектно-ориентированный язык, но это язык сценариев, который отличает его от java.

JAVASCRIPT

Почему я выбираю JavaScript

Программы на Java обычно выполняют вычисления и основные «интеллектуальные» процессы на стороне сервера или в апплете Java, который должен быть загружен первым. А JavaScript, с другой стороны, выполняет расчеты и «думает» всегда на стороне клиента, компьютере, где открыта веб-страница. По этой причине JavaScript часто быстрее, иногда почти мгновенный. Приложениям на Java нужно немного больше времени на обработку.

Программы Java иногда могут потребовать много компьютерной памяти для своего функционирования, что может привести к замедлению компьютера или других программ. В то время как Java может быть использован для создания очень мощных вещей, более высокое потребление памяти является его недостатком. JavaScript, однако, использует меньше памяти (в некоторых случаях очень мало) для выполнения обработки и функций должным образом. Это общий язык программирования, используемый сегодня во многих веб-страницах из-за его низкого требования к памяти и возможности обеспечить много различных функций на веб-странице. Сравнение Java и JavaScript приведено в табл. 2.1.

Таблица 2.1

Сравнение Java и JavaScript

Java

JavaScript

Приложения и апплеты

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

Веб-Разработка

JavaScript обычно встраивается в HTML код и используется только для целей вебразработки.

Java является класс-ориентированным языком программирования

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

JavaScript — это прототип-ориентированный язык сценариев

Это своего рода объектноориентированная парадигма, в которой наследование, т. е. повторное использование поведения осуществляется через процесс клонирования (дублирования) существующих объектов, которые выступают в качестве прототипов.

Java — это статически типизированный язык программирования

Java использует статическую типизацию. Это процесс, в котором проверка типов осуществляется во время компиляции. Следовательно, Java является статически типизированным языком программирования

JavaScript — это динамически типизированный скриптовый язык

JavaScript использует динамическую типизацию. Это процесс, в котором проверка типа выполняется во время выполнения. Следовательно, JavaScript считается динамически типизированным языком сценариев.

Приложения на Java

Язык Java может помочь нам создавать автономные приложения, которые могут выполняться в рабочей среде, такой как Windows, Mac и Linux. Он также может помочь нам создавать апплеты, которые могут быть встроены в HTML.

Приложения на JavaScript

Язык JavaScript не может быть использован для создания Апплетов или автономных приложений. JavaScript находится внутри HTML-документов, и предоставляет отличные возможности интерактивности веб-страниц, которые не достижимы с помощью HTML и CSS.

Взаимозависимость

Java-Апплет работает на веббраузерах, независимо от HTML или любого другого языка сценариев, используемого в конструкции этой конкретной веб-страницы.

Взаимозависимость

JavaScript зависит от HTML-кода, так как он всегда должен быть в него встроен. Он может работать только в веб-браузерах.

Java

JavaScript

Выполнение

Язык программирования Java — это компилируемый язык. Следовательно, он должен быть преобразован в файл машинного кода на различных ОС.

Выполнение

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

Возможности для изменений

После того, как Java-приложение или отдельное приложение будет разработано и пройдет компиляцию, оно не может быть изменено. Если вы захотите его изменить, вам нужно будет редактировать исходный код, а затем повторно выполнить компиляцию полного файла.

Возможности для изменений

JavaScript-код может быть изменен/ модифицирован столько раз, сколько вы хотите без вопроса о компиляции или интерпретации. Вы просто измените его, и он будет напрямую обновлять новый код.

Простота использования

Java может быть довольно сложным для новичка, так как он должен хорошо понимать концепции объектноориентированного программирования. Однако если подходить к нему с интересом, он может принести отличные результаты.

Простота использования

Понять JavaScript намного легче для новичка так как его синтаксис очень прост и лаконичен.

Вот такие существуют различия между языками Java и JavaScript.

Хотите делать игры и приложения, берите и используйте язык Java (http://devcolibri.com/1043 — уроки java).

Хотите создавать сайты, учите JavaScript + HTML и CSS.

Для создания веб — серверов используется дополнительная технология

http://msdn.microsoft.com/ru-ru/asp.net).

(среда программирования) Node.js с языком JavaScript (http://nodesj.org;

https://developer.mozilla.org/ru/docs/JavaScript — хорошее пособие по JavaScript)

Алфавит языка JavaScript

Обозначение знака пунктуации

Пояснение

;

Разделение операторов, объявлений

( )

Выделение выражений, списков параметров

Разделение параметров, элементов списка

{ }

Объединение элементов списка

[ ]

Выделение индексов массива, указание размерности

Программы на данном языке пишутся с использованием символов таблицы кодировки Unicode. При написании программы на JavaScript учитывается регистр символов. Элементы алфавита языка JavaScript можно разделить на несколько групп:

1. Символы, использующиеся в идентификаторах.

2. Разделители.

3. Специальные символы.

4. Символы, использующиеся в строках и строках комментариев.

Символы, использующиеся в идентификаторах это символы нижнего подчеркивания (_) или знака доллара ($), арабские цифры (0–9), символы латинского алфавита с учетом регистра (символы от «A» до «Z» (верхний регистр) и символы от «a» до «z» (нижний регистр). Идентификатор должен начинаться с буквы, символа нижнего подчеркивания или знака доллара. В нем не должно быть пробелов.

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

// — Комментарий однострочный, область действия до конца строки.

/* — Комментарий, многострочный,_____________________________

___________может содержать несколько строк */

Комментарии нельзя вкладывать друг в друга!

Специальные символы можно разделить, в свою очередь, на подгруппы:

 знаки пунктуации;

 знаки операций;

 зарезервированные слова.

Знаки пунктуации приведены в табл. 2.2.

Таблица 2.2

Знаки пунктуации, использующиеся в JavaScript

Знаки операций приведены в табл. 2.3.

Обозначение операции

Название операции

Сложение, сцепление строк

Вычитание

Умножение

Возведение в степень

Деление

Остаток от целочисленного деления

Инкремент

Декремент

Логический AND (конъюнкция)

Логический OR (дизъюнкция)

Логический XOR (исключающее или)

Логическое NOT (отрицание, инверсия)

Побитовое отрицание

===

Строгое равенство

!==

Строгое неравенство

Равенство

Неравенство

Больше

Меньше

Меньше или равно

Больше или равно

Принадлежность свойства

instanceof

Принадлежность классу, типу

Сдвиг вправо

Сдвиг влево

>>>

Сдвиг вправо с заполнением нулями

Зарезервированное слово

arguments

break

import

case

catch

instanceof

Знаки операций, использующиеся в JavaScript

Таблица 2.3

Зарезервированные слова приведены в табл. 2.4.

Зарезервированные слова, использующиеся в JavaScript

Таблица 2.4

<<< < Предыдущая 1 2 3 4 56 / 136 7 8 9 10 11 12 13 > Следующая >>>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]