SlideShare a Scribd company logo
1 of 6
Урок второй
Воспользуемся тем, что мы создали на первом цикле
занятий "Уроках для чайников", только вместо Блокнота у
нас будут все возможности новейшей технологии
предоставленные Мacromedia Dreamweaver 8.
Новая WEB страница
Для создания страницы выбираем пункт New в меню File.
Появится окно:
В левой части окна New Document расположен список
Category. Выбираем в нем пункт Dasic pege, а в правом
HTML, после чего нажимаем кнопку Create. На экране
появится пустое окно документа.
Набираем текст
Текст набирается с помощью клавиатуры. Dreamweaver
самостоятельно разобьет текст на строки. Для создания
нового абзаца нажимаем клавишу <Enter>. Вводим текст и
отформатируем его: расставим заголовки, выделим части
текста полужирным шрифтом. Dreamweaver мало чем
отличается от знакомых нам текстовых редакторов.
Рассмотрим панель управления редактором.
Мы видим на панели много знакомых кнопок. Нажимаем
кнопку Desing, в нижней части панели и вводим текст.
И так, мы написали текст. Если хотите увидеть это
творение в интернет браузере, откройте подпункт IExplore
6.0 в пункте Preview in Browser в меню File или нажмите
клавишу F12. При подготовке текста мы обошлись без
написания тегов HTML кода. Но любой грамотный web
дизайнер должен знать язык HTML и уметь с ним работать.
Как получить доступ к HTML коду напечатанной
страницы? Не нужно забывать, что мы имеем дело с
гибридным web редактором. Внимательно посмотрев на
панель, мы увидим три кнопки.
Они переключают три доступных режима отображения,
которые мы сейчас рассмотрим.
В данный момент нажата правая кнопка этого набора. Она
включает режим отображения web страницы, предлагаемый
Dreamweaver по умолчанию.
Теперь нажмем среднюю кнопку Split, включающую
режим отображения web страницы и HTML кода.
Как видно, окно документа разделилось на две части. В
нижней части отображается сама страница, в верхней ее
HTML-код. Такой режим полезен, когда надо
откорректировать код, держа перед глазами саму web
страницу. Перемещая мышью серую разделительную
полосу, мы можем увеличить верхнюю или нижнею часть
окна.
И наконец, левая кнопка Code, включает режим
отображения HTML кода.
HTML-код. Такой режим полезен, когда надо
откорректировать код, держа перед глазами саму web
страницу. Перемещая мышью серую разделительную
полосу, мы можем увеличить верхнюю или нижнею часть
окна.
И наконец, левая кнопка Code, включает режим
отображения HTML кода.

More Related Content

Viewers also liked

GAの最重要機能!アドバンスセグメントの使い方
GAの最重要機能!アドバンスセグメントの使い方GAの最重要機能!アドバンスセグメントの使い方
GAの最重要機能!アドバンスセグメントの使い方Kazuya Matsukura
 
лекция 2
лекция 2лекция 2
лекция 2JIuc
 
12
1212
12JIuc
 
039
039039
039JIuc
 
019
019019
019JIuc
 
лекция 18
лекция 18лекция 18
лекция 18JIuc
 
37
3737
37JIuc
 
49
4949
49JIuc
 
методичка на вкр
методичка на вкрметодичка на вкр
методичка на вкрJIuc
 
031
031031
031JIuc
 
032
032032
032JIuc
 
39
3939
39JIuc
 
03
0303
03JIuc
 
тест архитектура эвм 16.10.2010
тест архитектура эвм 16.10.2010тест архитектура эвм 16.10.2010
тест архитектура эвм 16.10.2010JIuc
 
50
5050
50JIuc
 
Ios8yahoo swift-json
Ios8yahoo swift-jsonIos8yahoo swift-json
Ios8yahoo swift-jsondankogai
 

Viewers also liked (20)

GAの最重要機能!アドバンスセグメントの使い方
GAの最重要機能!アドバンスセグメントの使い方GAの最重要機能!アドバンスセグメントの使い方
GAの最重要機能!アドバンスセグメントの使い方
 
лекция 2
лекция 2лекция 2
лекция 2
 
12
1212
12
 
8
88
8
 
039
039039
039
 
019
019019
019
 
лекция 18
лекция 18лекция 18
лекция 18
 
9
99
9
 
37
3737
37
 
49
4949
49
 
методичка на вкр
методичка на вкрметодичка на вкр
методичка на вкр
 
031
031031
031
 
032
032032
032
 
2
22
2
 
39
3939
39
 
03
0303
03
 
5
55
5
 
тест архитектура эвм 16.10.2010
тест архитектура эвм 16.10.2010тест архитектура эвм 16.10.2010
тест архитектура эвм 16.10.2010
 
50
5050
50
 
Ios8yahoo swift-json
Ios8yahoo swift-jsonIos8yahoo swift-json
Ios8yahoo swift-json
 

Similar to урок 2.2

урок 7
урок 7урок 7
урок 7JIuc
 
создание сайта в системе Ucoz(2012)
создание сайта в системе Ucoz(2012)создание сайта в системе Ucoz(2012)
создание сайта в системе Ucoz(2012)MarcoFill
 
создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)MarcoFill
 
Sozdanie blogov
Sozdanie blogovSozdanie blogov
Sozdanie blogovMarcoFill
 
создание сайта
создание сайтасоздание сайта
создание сайтаJIuc
 
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...Александр Шамрай
 
Сайт на narod.ru: добавляем скрипты
Сайт на narod.ru: добавляем скриптыСайт на narod.ru: добавляем скрипты
Сайт на narod.ru: добавляем скриптыproxy-ma
 
урок 5
урок 5урок 5
урок 5JIuc
 
козак кирилл
козак кириллкозак кирилл
козак кириллVlado Sudin
 
Удобный блоггинг для начинающих #6
Удобный блоггинг для начинающих #6Удобный блоггинг для начинающих #6
Удобный блоггинг для начинающих #6vdas us
 
как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)Михаил Парамонов
 
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...Alexander Oos
 
Сайт на wordpress
Сайт на wordpressСайт на wordpress
Сайт на wordpressSibday Tom
 
Webim новая версия
Webim новая версияWebim новая версия
Webim новая версияWebim
 
Конструктор создать сайт Artisteer Урок1
Конструктор создать сайт Artisteer Урок1Конструктор создать сайт Artisteer Урок1
Конструктор создать сайт Artisteer Урок1Александр Семенов
 

Similar to урок 2.2 (20)

урок 7
урок 7урок 7
урок 7
 
создание сайта в системе Ucoz(2012)
создание сайта в системе Ucoz(2012)создание сайта в системе Ucoz(2012)
создание сайта в системе Ucoz(2012)
 
создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)
 
Sozdanie blogov
Sozdanie blogovSozdanie blogov
Sozdanie blogov
 
WEB
WEBWEB
WEB
 
создание сайта
создание сайтасоздание сайта
создание сайта
 
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...
Изучение кода с использованием инструментов архитектуры в Visual Studio Ultim...
 
Сайт на narod.ru: добавляем скрипты
Сайт на narod.ru: добавляем скриптыСайт на narod.ru: добавляем скрипты
Сайт на narod.ru: добавляем скрипты
 
лек12
лек12лек12
лек12
 
урок 5
урок 5урок 5
урок 5
 
Access 2
Access 2Access 2
Access 2
 
козак кирилл
козак кириллкозак кирилл
козак кирилл
 
Opik
OpikOpik
Opik
 
Удобный блоггинг для начинающих #6
Удобный блоггинг для начинающих #6Удобный блоггинг для начинающих #6
Удобный блоггинг для начинающих #6
 
как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)
 
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...
Мастер-класс по использованию сервиса videocontrolpanel.net для создания виде...
 
ЛР 4.docx
ЛР 4.docxЛР 4.docx
ЛР 4.docx
 
Сайт на wordpress
Сайт на wordpressСайт на wordpress
Сайт на wordpress
 
Webim новая версия
Webim новая версияWebim новая версия
Webim новая версия
 
Конструктор создать сайт Artisteer Урок1
Конструктор создать сайт Artisteer Урок1Конструктор создать сайт Artisteer Урок1
Конструктор создать сайт Artisteer Урок1
 

More from JIuc

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоровJIuc
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисленияJIuc
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникацииJIuc
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмJIuc
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)JIuc
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениеJIuc
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмJIuc
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютераJIuc
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд ExcelJIuc
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бдJIuc
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данныхJIuc
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними даннымиJIuc
 
тест по Sql
тест по Sqlтест по Sql
тест по SqlJIuc
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрацияJIuc
 
тест запросы
тест запросытест запросы
тест запросыJIuc
 
тест бд
тест бдтест бд
тест бдJIuc
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функцииJIuc
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 

More from JIuc (20)

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоров
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисления
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникации
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвм
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечение
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвм
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютера
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд Excel
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бд
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данных
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними данными
 
тест по Sql
тест по Sqlтест по Sql
тест по Sql
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрация
 
тест запросы
тест запросытест запросы
тест запросы
 
тест бд
тест бдтест бд
тест бд
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функции
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвм
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 

урок 2.2

  • 1. Урок второй Воспользуемся тем, что мы создали на первом цикле занятий "Уроках для чайников", только вместо Блокнота у нас будут все возможности новейшей технологии предоставленные Мacromedia Dreamweaver 8. Новая WEB страница Для создания страницы выбираем пункт New в меню File. Появится окно: В левой части окна New Document расположен список Category. Выбираем в нем пункт Dasic pege, а в правом HTML, после чего нажимаем кнопку Create. На экране появится пустое окно документа.
  • 2. Набираем текст Текст набирается с помощью клавиатуры. Dreamweaver самостоятельно разобьет текст на строки. Для создания нового абзаца нажимаем клавишу <Enter>. Вводим текст и отформатируем его: расставим заголовки, выделим части текста полужирным шрифтом. Dreamweaver мало чем отличается от знакомых нам текстовых редакторов. Рассмотрим панель управления редактором. Мы видим на панели много знакомых кнопок. Нажимаем кнопку Desing, в нижней части панели и вводим текст.
  • 3. И так, мы написали текст. Если хотите увидеть это творение в интернет браузере, откройте подпункт IExplore 6.0 в пункте Preview in Browser в меню File или нажмите клавишу F12. При подготовке текста мы обошлись без написания тегов HTML кода. Но любой грамотный web дизайнер должен знать язык HTML и уметь с ним работать. Как получить доступ к HTML коду напечатанной страницы? Не нужно забывать, что мы имеем дело с гибридным web редактором. Внимательно посмотрев на панель, мы увидим три кнопки.
  • 4. Они переключают три доступных режима отображения, которые мы сейчас рассмотрим. В данный момент нажата правая кнопка этого набора. Она включает режим отображения web страницы, предлагаемый Dreamweaver по умолчанию. Теперь нажмем среднюю кнопку Split, включающую режим отображения web страницы и HTML кода. Как видно, окно документа разделилось на две части. В нижней части отображается сама страница, в верхней ее
  • 5. HTML-код. Такой режим полезен, когда надо откорректировать код, держа перед глазами саму web страницу. Перемещая мышью серую разделительную полосу, мы можем увеличить верхнюю или нижнею часть окна. И наконец, левая кнопка Code, включает режим отображения HTML кода.
  • 6. HTML-код. Такой режим полезен, когда надо откорректировать код, держа перед глазами саму web страницу. Перемещая мышью серую разделительную полосу, мы можем увеличить верхнюю или нижнею часть окна. И наконец, левая кнопка Code, включает режим отображения HTML кода.