Создание Web- документов. Создание Web- документов средствами HTML. Автономные Web- документы. HTML(язык разметки гипертекста). Гипертекст, то есть расширенный. Все теги заключаются в угловые. Урок, посвящённый таблицам в HTML, их созданию и управлению. В нём описано, как сделать таблицу, как управлять её отображением, какие теги в .![]() Парные теги заканчиваются скобками < /. При этом. автор добавляет в документ теги разметки. Эту работу можно выполнять в. HTML. 2. С помощью специального редактора для. HTML. Простейший. Front. Page. Express. Таблица основных тегов HTML. Изменение размера шрифта. Указывает программе просмотра страниц, что это HTML документ. Программа создания перекрестной таблицы. Мастер перекрестных таблиц использует в своей работе программуVFPXTAB.PRG. Эту программу вы . Windows. Справочник по HTML: документ 1 документ 2 документ 3. Упражнение 1. Создание. Web- страницы. 1. Щелкните на кнопке Обзор. Проверьте, что происходит при уменьшении ширины окна. В этом упражнении мы создали. HTML. Мы познакомились с особенностями.
![]() HTML и их отображения при помощи обозревателя Internet. Explorer. Изучение. Текст, который. будет вводиться в последующих пунктах этого упражнения, необходимо поместить. BODY>. а его конкретное содержание может быть любым. Пробелы и символы. Откройте файл paragraph. Установите соответствие между элементами кода HTML и фрагментами документа. В этом упражнении мы создали документ HTML. Мы определи как влияют теги HTML на отображение. Упражнение 3. Создание. Текст, который. будет вводиться в последующих пунктах этого упражнения, необходимо поместить. BODY>. 3. Откройте файл link. Убедитесь, что ссылка теперь считается «просмотренной» и отображается. В этом упражнении мы создали документ. НТМL содержащий гиперссылки. Мы увидели, как гиперссылки отображаются в. Упражнение 4. Создание изображения и использование его на Web- странице 1. Задайте. размеры нового рисунка, например 5. Рисунок > Атрибуты). Выберите красный цвет переднего плана и зеленый. Залейте рисунок фоновым цветом. Инструментом Кисть нанесите. Сохраните рисунок под именем pic. GIF). Установите флажок Использовать прозрачный. Щелкните на кнопке Выбор цвета и выберите зеленый цвет. Если это упражнение выполняется не сразу. Блокнот. Удалите весь текст, находящийся между. BODY> и < /BODY>. Текст, который будет. BODY>. 9. Введите произвольный текст. Введите тег < IMG. SRC=. Сохраните документ под именем picture. Запуститеобозреватель. Internet Explorer (Пуск». Программы» Internet. Explorer). Дайте команду Файл» Открыть. Щелкните. на кнопке Обзор и откройте файл picture. Посмотрите на получившийся. Вернитесь в программу Блокнот и. ALIGN=. Сохраните файл под тем же. Вернитесь в программу Internet. Explorer. и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как. изменился вид страницы при изменении атрибутов. Вернитесь в программу Блокнот и измените значение. ALIGN=. Сохраните файл под тем же именем. Вернитесь в программу Internet. Explorer. и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как. изменился вид страницы при изменении атрибутов. Вернитесь в программу Блокнот и. IMG> атрибуты: HSPACE=4. VSPACE=2. 0. Вернитесь в программу Internet. Explorer. и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как. изменился вид страницы при изменении атрибутов. Посмотрите, как изменился вид страницы при изменении. В чем различие между двумя созданными рисунками? В этом упражнении мы научились вставлять. Мы выяснили, как влияют атрибуты тега «IMG» на способ. Мы узнали, как отображаются GIF- изображения, имеющие. Упражнение 5. Приемы форматирования текста 1. Если это упражнение выполняется не. Блокнот. Введитетег< BASEFONT SIZE=”5”. COLOR=. Введите произвольный абзац текста. Начните этот абзац с. P>. 5. Введите теги: < P> < FONTSIZE=. Введите очередной абзац текста, закончив. FONT>. В следующем абзаце используйте по своему. B> (полужирный шрифт), < I>. U> (подчеркивание), < S> (вычеркивание), < SUB>. SUP> (верхний индекс). В следующем абзаце используйте по своему. ЕМ> (выделение), < STRONG>. CODE> (текст программы), < KBD>. SAMP> (пример вывода), < VAR> (компьютерная. Сохраните полученный документ под именем. Запуститеобозреватель. Internet Explorer (Пуск. Программы > Internet. Explorer). Дайте команду Файл > Открыть. Изучите, как использованные элементы HTMLвлияют на способ отображения текста. Вернитесь в программу Блокнот и. Сохраните документ под тем же именем. Вернитесь в программу Internet. Explorer и щелкните на кнопке Обновить на панели инструментов. Мы познакомились с некоторыми элементами. HTML, которые могут использоваться и для форматирования текста документа. Приемы создания списков 1. Если это упражнение выполняется не сразу. Блокнот. Удалите весь текст, находящийся между. BODY> и < /BODY>. Текст, который будет. BODY> , а его конкретное содержание может быть любым. Вставьте в документ тег < OL. TYPE=. Вставьте в документ элементы списка. LI>. 5. Завершите список при помощи тега < /OL>. Сохраните полученный документ под именем. Запуститеобозреватель. Internet Explorer (Пуск. Программы >. Internet Explorer). Дайте команду Файл > Открыть. Изучите, как упорядоченный список. Internet Explorer, обращая особое внимание на. TYPE=. Вернитесь в программу Блокнот и. Вставьте в документ тег < ULTYPE=. Вставьте в документ элементы списка. LI>. 1. 3. Завершите список при помощи тега < /UL>. Вернитесь в программу Internet. Explorer и щелкните на кнопке Обновить на панели инструментов. Вернитесь в программу Блокнот и. Вставьте в документ тег < DL>. Вставьте в список определяемые слова. DT>. 1. 8. Вставьте в список соответствующие. DD>. 1. 9. Завершите список при помощи тега < /DL>. Вернитесь в программу Internet. Explorer и щелкните на кнопке Обновить на панели инструментов. Мы научились создавать списки средствами. Мы установили, как выглядят. Internet Explorer. Мы также научились. Если это упражнение выполняется не сразу. Блокнот. Удалите весь текст, находящийся между. BODY> и < /BODY>. Текст, который будет вводиться. BODY>. Введите тег < TABLEBORDER=. Введите строку: < CAPTIONALIGN=. Первая строка таблицы должна содержать. Определите ее следующим образом: < TRBGCOLOR=. Определите последующие строки таблицы. TR > и помещая содержимое каждой. TD>. 7. Последнюю строку таблицы задайте. TR> < TD. ALIGN=. Завершите таблицу тегом < /ТАВLЕ>. Запуститеобозреватель. Internet Explorer (Пуск> Программы > Internet Explorer). Дайте команду Файл > Открыть. Изучите, как созданная таблица. Internet Explorer, обращая особое внимание на. Измените ширину окна обозревателя и. Мы познакомились с приемами создания. HTML для представления данных. Мы научились. создавать таблицы и изменять их вид при помощи атрибутов тегов HTML. Создание описания фреймов Запустите. Блокнот (Пуск > Программы > Стандартные. Блокнот). Введите следующий. HTML> < HEAD> < TITLE> Описаниефреймов< /TITLE> < /HEAD> < FRAMESET ROWS=. Сохраните этот документ под именем frames. Запуститеобозреватель. Internet Explorer (Пуск. Программы >. Internet Explorer) 5. Дайте команду Файл > Открыть. Изучите представление нескольких. Посмотрите, что происходит при изменении. Проверьте, можно ли изменить положение. Создание Web- документов с помощью редактора Front. Page Express. 1. Запустите программу Front. Page Express (Пуск – Программы - Microsoft Front. Page). 2. Введите в программе Front. Page Express произвольный текст документа. Например: Челябинский. Государственный Университет. Личная страница студента. Ф. И. О. Например, чтобы изменить цвет. Формат – Заливка (Format – Background), в открывшемся окне задайте нужный цвет (Background). Для создания таблицы щелкните на кнопке. Вставить таблицу (Table –. Insert – Table) на стандартной панели инструментов. Для добавления иллюстраций используйте кнопку. Вставить изображение (Insert – Picture) на стандартной. Дайте команду Файл – Сохранить как (File – Save As) и задайте имя файла wwprob. Подтвердите сохранение изображений, требующих преобразования. Посмотрите на созданный вами документ в. HTML, для этого щелкните. HTML. внизу страницы. Запустите обозреватель Internet. Explorer. 9. Откройте файл wwprob. Убедитесь, что созданный документ правильно. Упражнение 1. 0. Создание Web- документов с помощью редактора Microsoft Word. Запустите программу Microsoft Word. Введите произвольный текст документа. С помощью панели инструментов форматирования. Дайте команду Файл – Сохранить как. Дайте команду Файл – Предварительный просмотр. Убедитесь, что созданный документ правильно отображается.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |