Инструменты необходимые для разработки web-сайта
World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией.
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования.
Годом рождения World Wide Web считается 1989 - в этом году был изобретен язык, ставший впоследствии основным языком web-документов - это язык - HTML.
Автором языка HTML является Тим Бернерс-Ли .
Что такое HTML? Структура документа HTML
Язык HTML(Hyper Text Markup Language)—язык разметки гипертекста— используется при подготовке документов Всемирной паутины. В отличие от обычных текстов гипертекстовые Web-документы содержат специальные команды, задающие структуру документа - теги.
Структура html-документа на слайде:
Что такое CSS?
CSS (от англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML.
Цель создания CSS
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц.
Способ подключения CSS к документу на слайде
<head>
<link rel="stylesheet" href="style.css">
</head>
Глава 3. Практика реализации основных составляющих ИОС в подготовке IT-специалистов
Планирование структуры и дизайна будущего сайта
Создаваемый нами сайт нужен для учащихся которые интересуются web-разработкой , а так же для остальных людей у которых есть интерес к этому. Сайт должен быть одновременно понятен и прост в восприятии и поиске информации.
Сайт будет состоять из 2 разделов:
· HTML
· CSS Уроки
· Обратная связь
Навигация по сайту будет происходить через 3 контейнера ‘HTML’ , ‘СSS уроки’ и так же контейнера ‘Обратная связь’ . Их вы можете увидеть в главной странице сайта показанном на слайде.
Дизайн сайта
Дизайн сайта должен быть приятен к просмотру, удобен и красив. Ко всему прочему он по минимуму должен содержать картинок и графики что бы страница имела минимальный размер. Так же на главной странице расположен приветствующий текст. Для того что бы сайт был максимально прост в написании мы создали всего два контейнера для перехода по другим страницам .
При переходе по ‘HTML’ контейнеру пользователь попадает на страницу в котором показаны все теги Html.
Меню на слайде
При переходе по ‘CSS Уроки’ контейнеру пользователь соответственно попадает на страницу в котором находятся видео уроки про CSS.
Меню страницы CSS на слайде
При переходе по ‘Обротная связь’ контейнеру пользователь соответственно попадает на страницу в котором он может написать сообщение разработчикам сайта.
Слайд
Пользователь должен ввести все данные в поля корректно , иначе будет выдавать ошибку.
Верстка разработанного макета
Структура сайта очень проста. Как написано выше – на главной странице расположен приветствующий текст и так же расположены две div-ки с размещенным текстом в них. Тексты эти служат ссылками на другие страницы сайта. Как уже понятно сайт состоит из 3 страниц понятных пользователю.
Главная страница
Теги и атребуты HTML
CSS – создание стилей
Страница для обратной связью
Заключение
ИОС – это область и интегрированное средство (ресурс) осуществления и реализации образовательного процесса и образовательного взаимодействия, которое под воздействием информатизации стало информационным – информационно-образовательным, информационно-познавательным, информационно-деятельностным и информационно-коммуникативным.
Система или системно организованная совокупность средств, ресурсов и условий, направленных на обеспечение образовательного процесса, деятельность, передачу данных и взаимодействие, между субъектами, существующая благодаря использованию сети Интернет.
Таким образом, основной целью и задачей создания ИОС является обеспечение перехода образования в новое качество: в состояние, соответствующее информационному обществу, предоставление всей необходимой социокультурной, научно-популярной, познавательной информации, систем поиска и коммуникации.