Презентация на тему: « Fullstack » разработка

« Fullstack » разработка Взаимодействие между элементами web- разработки Архитектура Web Немного о HTML Немного о HTML Немного о HTML Немного о HTML Практические задания "Только день не повторится..." Одностраничный сайт Одностраничный сайт
1/11
Средняя оценка: 4.7/5 (всего оценок: 16)
Скачать (455 Кб)
Код скопирован в буфер обмена
1

Первый слайд презентации: « Fullstack » разработка

Лекция 0 Введение в web- разработку

2

Слайд 2: Взаимодействие между элементами web- разработки

3

Слайд 3: Архитектура Web

4

Слайд 4: Немного о HTML

Расширения файлов:. htm,. html HTML - это язык разметки гипертекста (от англ. HyperText Markup Language ). Данный язык применяется для создания веб-страниц. Он интерпретируется (обрабатывается) браузером и отображается в виде документа в удобной для человека форме. HTML – это неотъемлемая составляющая и основа практически любой веб-страницы. Язык HTML в первую очередь выступает как средство логической разметки страницы. Именно HTML позволяет нам наделять содержимое страницы определенным смыслом, а реализуется это с помощью так называемых тэгов.

5

Слайд 5: Немного о HTML

Тэги – это специальные маркеры, которые определенным образом интерпретируются браузером. Суть тэгов в том, что содержимое страницы, заключенное в разные тэги, по-разному обрабатывается браузером.

6

Слайд 6: Немного о HTML

Мы можем заключить контент (содержимое) страницы в тэг параграфа, и данное содержимое будет считаться браузером параграфом. Мы можем заключить содержимое в тэг списка, и тогда информация внутри него будет интерпретироваться как список. Мы можем поместить контент в тэг таблицы, и содержимое в итоговом документе будет отображаться в виде таблицы и т.д. Иными словами, каждый из HTML-тэгов, предназначенных для разметки текстовой информации, придает этой информации некоторый смысл.

7

Слайд 7: Немного о HTML

Также следует упомянуть о том, что существует еще и язык XHTML. Это расширяемый язык разметки гипертекста (от англ. Extensible Hypertext Markup Language ). На данный момент его развитие остановлено и рекомендуется использовать HTML. Новые версии XHTML не выпускаются. В заключение хочу отметить также тот факт, что средствами HTML все же можно управлять не только логической структурой веб-страниц, но и некоторыми аспектами ее внешнего вида. Однако такой подход считается неверным и устаревшим, т.к. для задания внешнего вида существует отдельный язык.

8

Слайд 8: Практические задания

9

Слайд 9: "Только день не повторится..."

Создайте html-файл с заголовком "Задача 1", результат которого показан на рисунке. Используйте подходящий тег заголовков (<h1>-<h6>), теги < br >, < p >, < i >, < em >, < strong >, < b > (необязательно все перечисленные). Добавьте комментарии: дату решения данной задачи и ФИО.

10

Слайд 10: Одностраничный сайт

11

Последний слайд презентации: « Fullstack » разработка: Одностраничный сайт

1. Меню навигации ( Подсказка: сделать с помощью якорей ) и логотип 2. Информацию о деятельности сайта (текст и картинки) 3. Таблицу, содержащею данные в различном формате (числовом и текстовом), а так же объединенные ячейки и столбцы. 4. Сверстать блог, содержащий картинки и ссылки на отдельные страницы блога ( Подсказка: использовать кнопки ). 5. На страницах блога должна быть информация и картинки. Сверстать одностраничный сайт, содержащий:

Похожие презентации

Ничего не найдено