1 / 9

Основы html . Знакомство с Adobe Dreaweaver

Основы html . Знакомство с Adobe Dreaweaver. HTML  (от  англ. HyperText Markup Language  — «язык разметки  гипертекста ») — стандартный язык разметки  документов во  Всемирной паутине . Большинство веб-страниц  создаются при помощи языка HTML (или  XHTML ).

whitney-sheppard
Download Presentation

Основы html . Знакомство с Adobe Dreaweaver

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Основы html. Знакомство с Adobe Dreaweaver

  2. HTML (от англ.HyperTextMarkupLanguage — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинствовеб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

  3. Команды языка HTML называются тегами (tag), они указывают, какую операцию необходимо выполнить. Например: нарисовать линию, создать таблицу, изменить шрифт, выровнять абзац, добавить рисунок и др. Открывающий тег <название_команды> - начало команды …………………………. - поле действия команды </название_команды> - конец команды контейнер Закрывающий тег

  4. Структура html-документа

  5. Основные теги html. Форматирование текста. Синтаксис: <тег параметр1=«знач_параметра1» параметр2=«знач_параметра2»> ……… </тег>

  6. Основные свойства параметра STYLE http://css.manual.ru/ Синтаксис: <тег style=«атрибут1:знач_атрибута1; атрибут1:знач_атрибута1»> ……… </тег>

  7. Вставка изображений Команда вставки рисунка Ссылка на файл с рисунком Высота рисунка (в пикселях) Ширина рисунка (в пикселях) Альтернативный текст Всплывающая подсказка для рисунка Выравнивание рисунка

  8. Создание гиперссылок Создание ссылки на сайт ТПУ: Адрес ссылки (на документы, интернет-страницы) Команда создания гиперссылки В результате:

  9. Задание на самостоятельную работу 1. Создайте в Блокноте html-файлследующего содержания и сохраните его под именем ponyatiya.html. Откройте его с помощью браузера. 2. Создайте в Dreamweaver такой же html-файл • 3. (не обязательно) Создайте и наполните одну страницу на персональном сайте в портале ТПУ: • ознакомьтесь с инструкцией по созданию персонального сайта http://portal.tpu.ru/departments/otdel/orws/portal/personal • наполните главную страницу своего персонального сайта 4. Подготовьте материал для размещения в ЭУИ

More Related