Основы
This presentation is the property of its rightful owner.
Sponsored Links
1 / 9

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


  • 91 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Html adobe dreaweaver

Основы html.

Знакомство с Adobe Dreaweaver


Html adobe dreaweaver

HTML (от англ.HyperTextMarkupLanguage — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине.

Большинствовеб-страниц создаются при помощи языка HTML (или XHTML).

Язык HTML интерпретируется браузером и отображается в виде документа,

в удобной для человека форме.


Html adobe dreaweaver

Команды языка HTML называются тегами (tag), они указывают, какую операцию необходимо выполнить.

Например: нарисовать линию, создать таблицу, изменить шрифт, выровнять абзац, добавить рисунок и др.

Открывающий тег

<название_команды> - начало команды

…………………………. - поле действия команды

</название_команды> - конец команды

контейнер

Закрывающий тег


Html adobe dreaweaver

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


Html adobe dreaweaver

Основные теги html. Форматирование текста.

Синтаксис:

<тег параметр1=«знач_параметра1» параметр2=«знач_параметра2»>

………

</тег>


Html adobe dreaweaver

Основные свойства параметра STYLE

http://css.manual.ru/

Синтаксис:

<тег style=«атрибут1:знач_атрибута1; атрибут1:знач_атрибута1»>

………

</тег>


Html adobe dreaweaver

Вставка изображений

Команда вставки рисунка

Ссылка на файл с рисунком

Высота рисунка (в пикселях)

Ширина рисунка (в пикселях)

Альтернативный текст

Всплывающая подсказка для рисунка

Выравнивание рисунка


Html adobe dreaweaver

Создание гиперссылок

Создание ссылки на сайт ТПУ:

Адрес ссылки (на документы, интернет-страницы)

Команда создания гиперссылки

В результате:


Html adobe dreaweaver

Задание на самостоятельную работу

1. Создайте в Блокноте html-файлследующего содержания и сохраните его под именем ponyatiya.html. Откройте его с помощью браузера.

2. Создайте в Dreamweaver такой же html-файл

  • 3. (не обязательно) Создайте и наполните одну страницу на персональном сайте в портале ТПУ:

  • ознакомьтесь с инструкцией по созданию персонального сайта http://portal.tpu.ru/departments/otdel/orws/portal/personal

  • наполните главную страницу своего персонального сайта

4. Подготовьте материал для размещения в ЭУИ


  • Login