Презентация на тему "Первые шаги по созданию своего сайта (в блокноте)." 10 класс

Презентация: Первые шаги по созданию своего сайта (в блокноте).
Включить эффекты
1 из 38
Ваша оценка презентации
Оцените презентацию по шкале от 1 до 5 баллов
  • 1
  • 2
  • 3
  • 4
  • 5
0.0
0 оценок

Комментарии

Нет комментариев для данной презентации

Помогите другим пользователям — будьте первым, кто поделится своим мнением об этой презентации.


Добавить свой комментарий

Аннотация к презентации

Посмотреть презентацию на тему "Первые шаги по созданию своего сайта (в блокноте)." для 10 класса в режиме онлайн с анимацией. Содержит 38 слайдов. Самый большой каталог качественных презентаций по информатике в рунете. Если не понравится материал, просто поставьте плохую оценку.

  • Формат
    pptx (powerpoint)
  • Количество слайдов
    38
  • Аудитория
    10 класс
  • Слова
    информатика
  • Конспект
    Отсутствует

Содержание

  • Презентация: Первые шаги по созданию своего сайта (в блокноте).
    Слайд 1

    Hypertext Markup Language — язык разметки гипертекста

  • Слайд 2
    Первый шаг Сидорова Здравствуйте, это страница Сидорова.Добро пожаловать! :)
  • Слайд 3
    Первый шаг СидороваЗдравствуйте, это моя первая страница.Добро пожаловать! :)  - голова документа - тело документа 
  • Слайд 4
    ... тэг3>тэг2>тэг1> ... тэг3>тэг1>тэг2>
  • Слайд 5
     Добро пожаловать! :)  что значению цвета обязательно должен предшествовать значок «решетка» - #
  • Слайд 6
    Первая страница Сидорова Здравствуйте, это моя первая страница. Добро пожаловать! :) 
  • Слайд 7

    Цвет фона

       
  • Слайд 8
    Первый шаг СидороваЗдравствуйте, это моя первая страница. Добро пожаловать! :) 
  • Слайд 9

    Параграфы

     С помощью параграфов мы можем центрировать текст: 

    текст

     С помощью параграфов мы можем выровнять текст по левому краю: 

    текст

     По правому краю документа: 

    текст

     По обоим краям документа: 

    текст

     
  • Слайд 10
    Первый шаг Сидорова

    Здравствуйте, это моя первая страница. Добро пожаловать! :) 

  • Слайд 11
  • Слайд 12

    комментарий

    Все, что находится внутри , элемент или текст – будет проигнорировано браузером (не будет обрабатываться и выводиться на экран).

    ... Комментарии, расположенные внутри элемента TITLE ( и любые другие теги) трактуются как текст и будут видны в заголовке окна.
  • Слайд 13
    Полужирный текст  Наклонный текст (курсив)  Подчеркнутый текст  Перечеркнутый  Перечеркнутый  Малый  Нормальный текстБольшой  Верхний индекс  sup Нижний индекс  sub 
  • Слайд 14

    тэг

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

    : текст   текст   текст   текст
  • Слайд 15
    Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) 

    Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)

     
  • Слайд 16
    текст текст текст текст текст текст
  • Слайд 17
    Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) 

    Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)

     
  • Слайд 18

    Размер шрифта

     текст  текст  текст  текст  текст  текст  текст  
  • Слайд 19
    Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) 

    Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)

     
  • Слайд 20

    тэг

     текст (шрифт Arial)  текст (шрифт Arial) 
  • Слайд 21

    картинка

       
  • Слайд 22
    Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) 

    Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)

     
  • Слайд 23
  • Слайд 24

    можно использовать стиль обтекания картинки по образцу.

  • Слайд 25

    Другие атрибуты картинки

  • Слайд 26

    - атрибут vspace - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. Pixel - минимальная единица изображения, точка. - атрибут hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали. Расстояние задается в пикселях. - атрибут alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд, выскочит описание картинки. Если параметр alt не задавать, описания не будет.  - атрибут width - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки (а так вы можете ее сделать или уже, или шире). - атрибут height - высота самой картинки (тоже в пикселях). Так же как в случае с width высоту (height) картинки можно не задавать.  – атрибут border - рамка вокруг самой картинки (в пикселях). По умолчанию, рамка вокруг картинки есть всегда. Если надо убрать, то нужно выставить атрибут border равным нулю. 

  • Слайд 27
    Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) 

    Я, Сидоров родился на улице, где росло много каштанов. Также произрастали клены и березы. Однако грибов подберезовиков на этой улице не водилось. Поэтому мое детство прошло на соседней улице, где не росли березы, и тоже не было грибов подберезовиков. Сейчас я увлекаюсь шахматами и компьютерными играми. Но если в Doom я еще могу выиграть, то в шахматы я ни разу у компьютера не выиграл. Дело в том, что у компьютера есть преимущество – он знает как ходят фигуры, а я нет. :)

     
  • Слайд 28

    Картинка как фон

  • Слайд 29

    Ссылки

    посмотреть мою другую страницу  - посмотреть мою другую страницу- посмотреть мою другую страницу- посмотреть мою другую страницу
  • Слайд 30
    link- цвет просто ссылки, alink- цвет активной ссылки (нажатой), vlink- цвет уже посещенной ссылки.
  • Слайд 31

    Картинка как ссылка

      Картинка как ссылка на большую картинку В том же каталоге, где находится файл index.html находится большой портрет Сидорова. При нажатии на ссылку он откроется в текущем окне. Если нужно открыть ссылку в новом окне используется атрибут target="_blank”.Овалом выделены открывающие-закрывающие теги.
  • Слайд 32

    Таблица

    вставлена таблица - строчка таблицы - столбец (ячейка) таблицы Таблица из двух строк
  • Слайд 33

    Таблица из двух строк и трех столбцов

  • Слайд 34

    Заполнение ячеек текстом

    текст 1*1текст 1*2текст 1*3текст 2*1текст 2*2текст 2*3
  • Слайд 35

    Цвета таблицы

    цвет для всей таблицы Фон задается атрибутом bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для ячейки (в пределе одного ряда)
  • Слайд 36

    Высота ширина ячеек в пикселях

    текст 1x1 текст 1x2 текст 1x3 текст 2x1 текст 2x2 текст2x3
  • Слайд 37

    Размеры в процентах

    атрибуты height и width можно задать в процентах: содержимое ячейки Если мы задали для ячейки ширину в 40 процентов значит на остальные ячейки осталось 60 процентов.

  • Слайд 38

    Пример с размерами и выравниванием

      текст 1x1     текст 1x2    текст 1x3     текст 2x1     текст 2x2     текст 2x3  
Посмотреть все слайды

Сообщить об ошибке