Recommandé
Contenu connexe
Similaire à презентация по миру
Similaire à презентация по миру (20)
презентация по миру
- 1. Создание Web-сайта по средствам HTML, HTML5,CSS Студенты Кузнецова Анна Терентьева Вика Гуськова Оля
- 2. Что такое web-сайт? Web -сайт — это совокупность программных, информационных, а также медийных средств, логически связанных между собой. По сути же web-сайт — это отражение успешности фирмы, ее лицо.
- 3. Задачи и цели современного web- сайта реклама продукции, услуг, идей продажа товаров, услуг, информации, идей бесплатное предоставление информации или услуг.
- 4. Основные типы web-сайтов Рекламные web-сайты Обычно такие сайты выполняются с использованием большого количества графики, flash-анимации. Для привлечения клиентов на сайт используют игровые и развлекательные методы. Web -сайты-продавцы Web-сайты Социальные сети Для таких сайтов характерно наличие описательного рекламного материала для товаров или услуг, каталог данных товаров или услуг, информации о фирме-продавце, а также контактная информация Тип сайтов, созданных для общения пользователей между собой.
- 5. Что такое HTML? HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB.
- 6. Что такое CSS? Принятие Консорциумом W3C в декабре 1996 года в качестве стандарта CSS первого уровня был огромным шагом вперед, поскольку позволял отделить содержание WEB-страницы (текст, изображение и т.д.) от ее форматирования. Cascading Style Sheets(CSS) - каскадные таблицы стилей.
- 7. В чём разница между CSS и HTML? HTML используется для структурирования содержимого страницы. CSS используется для форматирования этого содержимого.
- 8. Основные термины Хостинг — место в сети интернет, где будет размещен сайт (место на сервере). СMS (система управления сайтом) — скрипт (программа), на которую устанавливают сверстанный сайт, имеет админ-панель, предназначена для удобного управления сайтом, бывает платная и бесплатная. Тег - (от английского tag) – элемент html, знак или команда языка разметки гипертекста, который представляет собой текст, заключаемый в скобки <>. Движок – набор программного обеспечения, благодаря которому происходит динамическое формирования информации на сайте на основе данных, введёных администратором сайта (Вами) через специальную административную панель. Верстка – наложение выполненного макета на движок.
- 9. Создание Web-сайта • Базовый элемент (HTML) Базовым элементом веб-страницы является элемент HTML. Начальный тег — <html>, конечный тег — </html>. Внутри этого элемента располагаются все остальные элементы. • Элемент «Заголовок» (HEAD) Элемент «Заголовок» (от header) содержит различную техническую информацию о веб- странице, например название, ключевые слова, метаданные. Начальный тег — <head>, конечный тег — </head>. • Элемент «Название» (TITLE) Элемент «Название» (от title) содержит название веб-страницы, для идентификации её содержимого. Начальный тег — <title>, конечный тег — </title>. Элемент «Название» (title) включается в элемент «Заголовок» (head). • Элемент «Тело» (BODY) Элемент «Тело» (от body) содержит все основные элементы отображаемой веб-страницы: текст, изображения, цвета, графика. Начальный тег — <body>, конечный тег — </body>.
- 10. В окне приложения Блокнот(NotePad++) ввести HTML-код Web- страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. <HTML> <HEAD> <TITTLE>Компьютер</TITTLE> </HEAD> <BODY> Привет мир </BODY> </HTML> Создание Web-сайта
- 11. Форматирование текста Размер шрифта для имеющихся в тексте заголовков задается тэгами от <H1>(самый крупный) до <H6>(самый мелкий). Пример. <H1>Все о компьютере </H1>
- 12. Тег <a> Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Тег <div> Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Тег <br> Устанавливает перевод строки в том месте, где этот тег находится. Тег <p> Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Тег <meta> Определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Тег <li> Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка — маркированный или нумерованный. . Основные теги HTML
- 13. Основные элементы CSS Background-позволяет установить одновременно до пяти характеристик фона Border-позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. Bottom-устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Сlear- устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Color-определяет цвет текста элемента. Font-size-определяет размер шрифта элемента. Left- для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента.
- 14. <!-- jQuery library (served from Google) --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="./js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="./css/jquery.bxslider.css" rel="stylesheet" /> jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Использование jQuery library для создания слайдера
- 16. Приобретенные знания и навыки • Узнали историю создания сайтов, html,css •Узнали базовые элементы по созданию сайтов •Узнали ПО для создания сайтов •Применили полученные теоретические знания на практике, создав сайт группы.