XXI Международный конкурс научно-исследовательских и творческих работ учащихся
Старт в науке
СОЗДАНИЕ ВЕБ-САЙТА В ФОРМАТЕ HTML
Автор работы награжден дипломом победителя III степени
Полная версия работы доступна во вкладке "Файлы работы" в формате PDF
І. Значимость научного проекта :
В работе данного научного проекта рассказывается о создании Web - сайта в формате HTML"; о развитии в соответствии с требованиями современной жизни. Общество, в котором мы живем, приобретает все больше информационных особенностей и используется во всех сферах. HTML показывает способы создания сайтов, их структуру и общие свойства, а также их типы поиска, сбора, хранения, преобразования и использования.
ІІ. Актуальность темы:
Создание сайтов в современном HTML и его применение в эффективных отраслях. О распространении информации, сборе, хранении и преобразовании очень больших объемов информации с помощью возможности создания сайта с помощью HTML.
ІІІ. Цель научного проекта :
Научиться создавать Web-сайт с использованием возможностей языка HTML. Структура HTML-документа и основной текст документа и организация работы с тегами.
ІV. Этапы выполнения научной работы:
Исследование состоит из двух этапов: первый сбор полных данных , второй отображение информации путем создания сайта в HTML.
Ход исследования:
Собрал необходимые данные, проанализировал, сотрудничал с учащимися кружка.
Самостоятельность и новизна исследовательской работы: Предоставление HTML-страницы сайта
V. Заключение: Выделить место языка HTML в современном обществе. Осознание того, что создание сайта может принести много успеха
Содержание
Введение ....................................................................................... 4
1 Теоретические основы "создание сайта в формате html" .......5
1.1 Типы тегов языка HTML ........................................................6
2. Практическая часть
2.1 описание программы для работы на языке HTML...............9
Заключение ..................................................................................11
Литература….................................................................................12
Введение
Человечество вступило в новую фазу развития, основанную на знаниях. В настоящее время появилась принципиально новая ситуация, в которой информация занимает ведущее место в жизни общества. Информационные технологии сделали жизнь настолько проще, что теперь, не прилагая особых усилий, можно заказывать продукты питания, оплачивать бытовые услуги, узнавать последние новости, поддерживать связь с людьми, живущими за тысячи километров от нас, а также развиваться и добиваться больших успехов в таких областях, как медицина, астрономия, виртуальная реальность и многое другое.
Информационные технологии сегодня стремительно развиваются. Несколько десятилетий назад было невозможно представить себе такое мощное развитие информационных систем, спрос на интернет-услуги (взаимодействие физических объектов («вещей») друг с другом или с внешней средой без участия человека). Если рассматривать медицинскую сферу, то в последнее время можно ясно видеть, что несколько десятков лет назад люди создали искусственный заменитель человеческого сердца, о котором только мечтают. Трудно точно предсказать, как информационные технологии будут развиваться в будущем и как они повлияют на человечество в целом. Однако жизнь общества невозможно представить без информационных технологий.
В ходе своего исследования я изучил динамичное развитие информационных технологий в современном обществе, в том числе возможности создания сайтов на языке HTML. Причина, по которой я получил эту тему, заключается в том, что я хочу выбрать IT-отрасль в будущем и создавать сайты, которые будут служить образцом для подражания для многих молодых людей с использованием новых технологий. Сегодня в средних и высших учебных заведениях страны задачей становится использование новых информационных технологий в учебном процессе. Все знают, что наше нынешнее время жизни-это эпоха информатизации. Без компьютера в этот момент кажется, что ни одна работа не будет выполнена. Мы активно боремся с развитием технологий. Каждая страна гордится своими информированными сторонами и вкладывает свет в мир. Но почему бы нам не показать свои живописные места, используя эти информационные технологии.
В настоящее время широкое применение компьютерных технологий позволяет сделать любой материал интересным и научно содержательным. Уметь правильно, культурно использовать компьютерные технологии,уметь применять их. Делитесь множеством необходимых вещей с помощью компьютерных технологий. создание коллекции сайта с использованием возможностей компьютерных технологий.
1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ "СОЗДАНИЕ САЙТА В ФОРМАТЕ HTML"
1.1 Способы отображения особенностей создания сайта с помощью языка HTML
Основные разделы информатики-теоретическая информатика и практическая информатика. Основные области информатики включают изучение архитектуры традиционных компьютеров, языков программирования и разработку программного обеспечения. Кроме того, к ним относятся вычислительные науки (использование алгоритмических методов моделирования научных данных), графика и визуализация, взаимодействие человека и компьютера, социальные и профессиональные проблемы, уникальные для практики информатики.
Выпускники школы осваивают компьютерную грамотность, но в дальнейшем они не обязательно должны быть программистами, инженерами, системными администраторами. Однако любая творческая профессия требует от вас владения компьютерными технологиями в соответствии с современностью. Итогом творческой работы является каждый раз получение новых знаний, новой информации, а самый простой способ распространения этой информации – публикация в Интернете.
Знакомство с видами создания сайтов и изучение их деятельности.
Сбор, анализ, сравнение полной информации о Web-дизайне.
Для публикации материала в интеренете необходимо соблюдать правила Web-дизайна. Следовательно, знание основ Web-дизайна будет необходимо в любой профессии, поскольку Web-дизайн страницы – это проект информационного дизайна .
Сегодня востребованность специалистов компьютерного дизайна, Web-дизайна, системного программиста, администратора и других можно увидеть в различных рекламных газетах, средствах массовой информации. Знать проект методической работы, который можно усовершенствовать, подготовив к ним указанные специальности и обучив их каким программным инструментам.
Web для создания сайта:
- Возможность Web выбрать необходимую технологию при создании сайта;
- Понятие информационных систем;
- Понятие тега языка HTML.
- Обеспечение использования Web возможностей языка HTML при создании сайта,
- Обобщение путей управления информационными потоками;
- Освоение технологий создания Web сайта;
- Умение пользоваться возможностями языка HTML;
- Организация сущности и возможностей интернета.
- Изучение истории происхождения языка HTML
1.2 Типы тегов языка HTML
Web-сайт это маленькая модель мира. В прошлом Web-сайт создавался одним человеком-Web-мастером, в настоящее время Web-сайты создаются несколькими людьми. Это Web-дизайнер, программист, бизнес-консультант, менеджер по маркетингу, менеджер.
Зачем нужно было преподавать Интеренет-технологии на школьном курсе? Профессия Web-мастер в настоящее время теряет свою практичность, а технология создания сайта выходит за пределы лаборатории и становится все более известной.
Основным признаком этого являются растущие инвестиции в Интернет-проекты, сложные образовательные, научные, коммерческие возможности Web-сайтов.
- Web-технологии;
- Экономика создания сайтов;
- Web-дизайн и маркетинг Web-программирования;
- Человеческие ресурсы и т. д.
Работа по созданию Web-сайта состоит из нескольких этапов:
Планирование;
Разработка элементов;
Программирование;
Тестирование;
Публикация;
Рекламировать;
И контроль.
На этапе планирования должны быть решены более низкие вопросы:
1. Расположение сайта.
2. Кто является аудиторией сайта.
3. Какая информация публикуется.
4. Каким образом организуется общение с пользователями.
Одним из основных этапов создания сайта является тестирование. На этапе тестирования проверяется правильность функционирования сайта, в том числе:
1. Работа ссылки;
2. ошибки в тексте;
3. эффективность навигации.
4. правильность почтовых и других форм.
5. Открытие графических файлов.
6. сайтовая работа в разных браузерах.
Публикация
По окончании тестирования Web-сайт публикуется на сервере и проверяется повторно.
Реклама
Чтобы Web-сообществу стало известно о недавно опубликованном сайте, необходимо сообщить адрес сайта и аннотацию к материалу на нем. Для достижения этой цели можно использовать следующие возможности:
1. адрес Web-сайта нужно писать в разные издательства;
2. Регистрация Web-сайта на разных серверах;
3. включение ссылок на Web-сайт на другие Web-сайты;
4. использование баннеров в качестве рекламы.
Контроль
Уровень участия в ней после публикации на Web-сайте определяется потребностью, новизной и актуальностью информации, размещенной на его страницах. Чтобы сохранить имидж Web-сайта, необходимо всегда обновлять информацию о нем.
Структура документа
Основная структура HTML-документа выглядит следующим образом:
<HTML>
<HEAD>
<TITLE>
…
</title>
</head>
<BODY>
…
</body>
</html>
HTML-тег состоит из списка атрибутов. Тег пишется в треугольных скобках.
Например: <FONT face=Arial> моя первая страница</font> - здесь <FONT > - тег, face – атрибут, arial – значение атрибута.
Любой HTML-документ должен начинаться с тега <HTML> и заканчиваться тегом </html>. Эти теги отображают HTML-документ в браузере. Если документ простой текстовый файл в коде ASCII. Без тегов <HTML>, </html> программы браузера могут не распознать документ.
В центре тегов <HTML>, </html> находится тело документа. Документ состоит из двух разделов: заголовочного раздела, который начинается с тега <HEAD> и основного раздела, который начинается с тега <BODY>.
Раздел заголовка не является обязательным, но он может содержать много информации, необходимой браузеру.
Между тегами <TITLE>, </title> пишется имя документа, и это слово появляется в строке заголовка окна.
Например:
<TITLE > моя первая страница</title>
Еще в разделе <HEAD> можно применить теги <META>, которые используют сайт для быстрого поиска в сети интернет
<meta name=" Language "content= "kz" > - язык сайта
<meta name=" Autor "content= " Molutjan Arziev" > - автор сайта
<meta name="Keywords" content="информатика, школа, учитель, компьютер, уйгур, пурочный план, математика"> - слова для поисковой деятельности
<meta name=" Generator "content=" блокнот " > - в какой программе Сделано
С тегом <BODY> начинается основной раздел Web-страницы. Этот раздел включает текст, графику, расписание, аудио-и видео информацию.
2. Практическая часть
2.1. Описание программы создано на языке HTML
Главная страница
Коды
<html>
<head>
<link rel=»icon» href=»oqyshylarlogo.jpg» type=»image/x-icon»>
<body style=»background-image: url('fon97.png');»>
<title>Түркістан обылысы білім басқармасының Түркістан қаласы білім бөлімінің «Оқушылар сарайы» ШЖҚ МКК</title>
<img src=»oqyshylarlogo.jpg» width=»200» height=»200»>
<body text = darkred>
<center><h1><marquee bgcolor=»LightBlue» direction=»right» scrollamount=»10» scrolldelay=»200» width=»90%»>Түркістан обылысы білім басқармасының Түркістан қаласы білім бөлімінің «Оқушылар сарайы» ШЖҚ МКК</h1></marquee></center>
<center><img src=»223125564-1.jpeg» width=»1000» height=»600»></center>
<h2><lI><a href=#.html>Басты бет</a>
<li><a href=»рӘМІЗДЕР.html»>Мемлекеттік рәміздер</li></A>
<li><a href=»Jetystyk.html»</li> «Оқушылар сарайы» мұғалімдердің жетістіктері</A>
<li><a href=»oqyshylarjetystyk.html»>«Оқушылар сарайы» білім алушыларының жетістіктері</li></a>
<li><a href=»kyrs.html»>Үйірмелер</li></a>
<li><a href=»ads.html»>Жаңалықтар</li></a>
<li><a href=»web.html»>Web-дамыту үйірмесі</li></a>
<li><a href=»baylanys.HTML»>Байланыс</li></a>
</body>
</head>
</html>
2.2. Обратный связь
Коды
<html>
<head>
<link rel="icon" href="oqyshylarlogo.jpg" type="image/x-icon">
<body style="background-image: url('fon97.png');">
<title>Түркістан обылысы білім басқармасының Түркістан қаласы білім бөлімінің «Оқушылар сарайы» ШЖҚ МКК</title>
<h2>
<FORM>
<P>Біздің мекен-жайымыз, байланыс нөмеріміз:</P>
<SELECT>
<OPTION>Мекенжай: