Инструменты необходимые для разработки 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 – создание стилей

Страница для обратной связью

Заключение

ИОС – это область и интегрированное средство (ресурс) осуществления и реализации образовательного процесса и образовательного взаимодействия, которое под воздействием информатизации стало информационным – информационно-образовательным, информационно-познавательным, информационно-деятельностным и информационно-коммуникативным.

Система или системно организованная совокупность средств, ресурсов и условий, направленных на обеспечение образовательного процесса, деятельность, передачу данных и взаимодействие, между субъектами, существующая благодаря использованию сети Интернет.

Таким образом, основной целью и задачей создания ИОС является обеспечение перехода образования в новое качество: в состояние, соответствующее информационному обществу, предоставление всей необходимой социокультурной, научно-популярной, познавательной информации, систем поиска и коммуникации.

Наши рекомендации