Презентация "Программирование web-страниц"

Содержит информацию об известных языках программирования, известных программистах. Более подробно рассмотрен язык HTML. Его структура и теги. Практическая часть выполняется на компьютере. В конце презентации даются логические задачи для развития.
Скачать материал
библиотека
материалов
Содержание слайдов
Номер слайда 1

Программирование веб - страниц. Три самых распространенных языка программирования в мире – это HTML, CSS и Java. Script. На них пишутся веб-страницы и веб-приложения. С их помощью можно создавать не только красивые, но и интерактивные веб-страницы.

Номер слайда 2

HTMLСейчас почти все веб-страницы написаны на языке HTML. Его изобрел в начале 1990-х Тим Бернес-Ли. Это хороший способ создать базовую структуру веб-страницы. Документы HTML состоят из отдельных элементов, которые создаются с помощью открывающихся и закрывающихся тегов. Тэг – это имя элемента в угловых скобках (<>). Содержимое помещается между тегами. Каждый HTML-тег – это инструкция, сообщающая браузеру, как отображать содержимое. Тэги позволяют добавлять на страницы текст, картинки и видео и делить информацию на разделы, например строчки или абзацы. CSSЯзык CSS(каскадные листы стилей) вместе с HTML дает нам красивые страницы. Сам по себе HTML выглядит скучно, поэтому мы прибегаем к CSS, чтобы выбрать цвета, шрифты и положение текста и картинок. Язык CSS позволит менять размер текста и цвета фона, а также поместить картинку в любое место экрана. Java. Script- Очень важный язык программирования, именно он обеспечивает интерактивность веб-страниц (это когда страница меняется в ответ на действия пользователя). Если мы хотим разместить на странице нажимаемую кнопку или всплывающее окно, используем Java. Script. Без Java. Script мы получим красивую, но статичную страницу.

Номер слайда 3

Знаменитые программисты. Ада Лавлейс (1815-1852) В 1843 году написала первую компьютерную программу. Грейс Хоппер(1906-1992)Создала первый компилятор – программу, преобразующую написанные человеком строки кода в машинный код. Алан Тьюринг(1912-1954)Математик, заложивший основы современной информатики. Тим Бернес-Ли(1955)Изобрел Всемирную Паутину и язык программирования HTMLБрендан Эйх(1961)Создал язык программирования Java. Script

Номер слайда 4

Заголовок страницы

Текст

Это объявление, с которого начинается любой HTML-файл. Оно сообщает браузеру, на какой версии языка HTML написана страница. одиночный. Это тэг, сообщающий браузеру, что страница написана на языке HTMLЭтот тэг, содержит информацию, которая не отображается в теле страницы, например, заголовок. Сюда помещают инструкции, которые браузер должен применять к станице в целом. Это тэг помещается внутрь тега и мы увидим его как заголовок окна браузера, открыв страницу в браузере. Все что хочешь увидеть на странице, помещается внутрь этого тега. Это тэг абзаца. Текст между открывающим и закрывающим тегами будет сгруппирован в абзац.

Номер слайда 5

- - - -

-
- тег переноса строки, позволяет начать текст с новой строчки, не создавая нового абзаца. Это непарный тег. Так как в этом случае нет содержимого для отображения на экране, тэг переноса один. Непарный тег совмещает в себе открывающий и закрывающий теги. Это особый случай. Такие теги отличаются тем, что косая черта (/) стоит в конце, а не в начале, как в случае обычного, закрывающего тега.

Номер слайда 6

Разминка. Улитка. Улитка вздумала взобраться на дерево 15 м в высоту. В течение каждого дня она успевала поднятьсяна 5 м, но каждую ночь, во время сна,спускалась вниз на 4 м. Через сколькосуток улитка достигнет вершины дерева?Пять обрывков цепи. Кузнецу принесли 5 цепей, по 3 звена в каждой, и велели соединить их в одну цепь. Прежде чем приняться за дело, кузнец стал думать о том, сколько колец понадобится для этого раскрыть и вновь заковать. Онрешил, что 4. Нельзя ли однако выполнить ту же работу, раскрыв меньше колец?

Номер слайда 7

Создаем веб-страницу

Номер слайда 8

Тэг изображений. Добавляются картинки на страницу еще одним непарным тегом Выглядеть это будет так:Здесь знак (=) и( “”) задают значение атрибута пути. Атрибут пути добавляется к тегу, чтобы браузер знал, где взять картинку. Значением атрибута пути может быть или имя файла с сохраненной картинкой, или адрес URL этой картинки.

Номер слайда 9

Номер слайда 10

растровое изображение храниться в памяти компьютера в виде цифр и символов. Они уже с определенной последовательностью описывают какую-то отдельную область (элемент) самого изображения. Этот элемент отображен в виде пикселя (ячейки определенного цвета). К самым распространенным форматам растровых изображений относятся: BMPGIFJPEG, JPGPNGPCXTIFFRAWВекторные это изображения, состоящие из множества отдельных, масштабируемых объектов (линий и кривых), которые определены с помощью математических уравнений. К самым распространенным форматам вектора относятся: AI (Adobe Illustrator);CDR (Corel. DRAW);CMX (Corel валютный);SVG (масштабируемая векторная графика);CGM Computer Graphics Metafile;DXF Auto. CAD.

Номер слайда 11

Растровые изображения используют для передачи плавного перехода цветов, множества оттенков. Наиболее распространенное применение – обработка фотографий, создание коллажей и т.п. Самый популярный редактор растровой графики – Photoshop. Векторная графика применяется зачастую в полиграфии: буклеты, листовки, визитки и пр. Т.е. продукты, в которых есть текст, логотип, узоры-орнаменты, — все, что не требует точной передачи всех 18 оттенков персикового цвета, и может быть описано с помощью кривых. Часто векторные изображения так и называют «в кривых». Наибольшим плюсом векторных изображений, является то, что даже при сильном увеличении графического объекта, качество изображения не изменяется.

Номер слайда 12

Закат солнца. Посмотрите на изображённыйздесь закат солнца и скажите,правильно ли он нарисован. На этом рисунке есть однанесообразность, которую вами нужно обнаружить.

Номер слайда 13

Имеется квадратный пруд. По углам его, у самойводы, растёт 4 старых развесистых дуба. Пруд по-надобилось расширить: сделать вдвое больше поплощади, сохранив квадратную форму. Но вековыедубы трогать не хотят. Можно ли расширить пруддо требуемых размеров так,чтобы все 4 дуба, оставаясьна своих местах, оказалисьна берегах нового пруда?

Информация о публикации
Загружено: 28 января
Просмотров: 657
Скачиваний: 6
Мария Сергеевна Романова
Информатика, 7 класс, Презентации