Проект 9 класс создание сайта по информатике

В процессе работы нужно было решить последующие задачи:. Изучить базы языка HTML. Изучить главные методы сотворения Web — страничек. Обмыслить и спроектировать будующий веб-сайт. Собрать информацию, нужную для верстки страничек веб-сайта. Обмыслить наружный вид веб-сайта. Часть 1. Web -сайты и Web -страницы. Что же такое Web-сайт? Web-сайт- это совокупа программных, информационных, а также медийных средств, логически связанных меж собой.

Публикации во Глобальной сети реализуются в форме Web-сайтов, которые традиционно содержат материал по определённой теме либо дилемме. Хоть какой юзер Веба может сделать собственный тематический веб-сайт, на котором расположит информацию о собственных разработках, увлечениях и т. До этого чем расположить собственный Web-сайт на сервере в Вебе, нужно его кропотливо протестировать, так как посетителями вашего веб-сайта будут 10-ки миллионов юзеров Веба.

На веб-сайтах может содержаться полностью неважно какая информация. К примеру о компьютерных играх, карах, аквариумных рыбках, городках и странах мира и т. Перечень можно продолжать нескончаемо. Как для вас к примеру веб-сайт "Война и мир"? Выходит, что веб-сайт это книжка, но лишь электронная.

Как и рядовая книжка, Web-сайт состоит из страничек, которые именуются Web-страницами. Web-страницы создаются с внедрением языка разметки гипертекстовых документов. В обыденный текстовый документ вставляются управляющие знаки , которые определяют вид Web-страницы при просмотре в браузере. Для сотворения Web-страниц употребляются простые текстовые редакторы, которые не включают в создаваемый документ управляющие знаки форматирования текста самого редактора.

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

Отображённые странички можно поменять добавлением стилей, что дозволяет централизовать в определённом файле все элементы формирования размер и цвет больших букв 2-го уровня, размер и вид блока вставки и другое либо сценариев на языке JavaScript, с помощью которого имеется возможность просматривать странички с событиями либо действиями.

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

Веб-сайты могут содержать подразделы, направленные полностью на ту либо иную аудиторию. Аудитория может различаться по виду используемого оборудования, по используемому языку аудитории. К примеру, известны так именуемые мобильные версии веб-сайта, предназначенные для работы с ними с внедрением телефона. Структура Web-страниц. Блок с дополнит. Блок с главным контентом.

Существует несколько главных структур:. Линейная- странички размещаются в определённом порядке. Переход с одной странички на другую строго определён. Таковая структура обусловлена, к примеру, при обучении. Располагая странички в определённом порядке, вы сможете быть убеждены, что юзер не пропустит подходящий материал. Иерархическая- странички разбиты по категориям и подкатегориям. Таковая структура более комфортна.

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

Непременно должен находиться метод обратной связи e-mail, телефон, адресок. Сделайте главную страничку отличающейся от других, но соответственной общей стилистике веб-сайта. Другие странички веб-сайта. Наружный вид всех страничек веб-сайта должен быть выдержан в едином стиле.

На их обязано быть указано заглавие ресурса и неотклонимая ссылка на главную страничку. В основном любая страничка обязана быт неповторима, то есть иметь свое содержание. Причём, следует учитывать несколько моментов:. Смотрите за длиной странички. Ежели она больше 2,5 экранов, разбейте страничку на две.

Разбивайте текст на абзацы, делайте отступы и поля. Выделяйте текст заголовками и подзаголовками. В общем, сделайте так, чтоб он просто воспринимался. Снабжайте текст картинами и графиками, но не переусердствуйте. Всё обязано быть обоснованно. Web-страницы разделяются на две логические части: заголовок и содержание.

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

Пример Web -страницы. Петропавловск - Камчатский. Часть 2. Начнём создание веб-сайта в обычной программе- блокнот, которая есть в любом компе. Напечатайте хоть какое предложение и сохраните его на рабочем столе с именованием файла index.

Опосля покажется соответственный значок. Ежели вы отправите собственный файл index. Таковым методом вы сможете хоть "Войну и мир" напечатать, и выложить в Вебе. Но, допустим, для вас нужно поменять размер шрифта, придать ему некий цвет, вставить картинки, фото Как всё это сделать?

А для этого необходимо применить язык гипертекстовой разметки- HTML. Html — что это? HyperText Markup Language — это язык разметки документа во глобальной сети. Язык html воспроизводится интернет-браузером в виде комфортной странички с текстом, таблицами, перечнями, изображениями. Практически интернет-сайт воспринимается браузером как совокупа страничек, любая из которых есть ни что другое, как текстовый файл с расширением html в отличие от обыденных текстовых файлов txt либо doc , в котором выполняются требования его разметки.

Структура простого html файла либо простейшей веб страницы:. Начало разметки. Начало «головы» странички веб-сайта. Заглавие странички веб-сайта. Конец «головы». Начало «тела» странички. Мой город Петропавловск-Камчатский. Основной контент веб-сайта. Конец «тела». Конец разметки html. Тег — исходный либо конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может следовать перечень атрибутов.

При этом теги есть открывающие. Отличие меж ними — наличие правого слеша в закрывающем теге. Фактически постоянно теги находятся парами, не считая пары исключений, к примеру тег — у него нет закрывающего тега. Меж тегами. Для отображения текста в виде таблиц, для вывода видео, картинок, для сотворения форм и др.

Форматирование текста. Пока наша страничка смотрится не очень симпатичной. Маленький шрифт и чёрные буковкы на белоснежном фоне практически не обращают на себя внимания. С помощью HTML - тегов можно задать разные характеристики форматирования текста. Чтоб придать тексту требуемый вид воспользуемся тегами:. Каждый абзац начинается с новейшей строчки. Меж абзацами браузер оставляет маленькой просвет. Хоть какой текст становится полужирным.

Чтоб выполнить форматирование имеющегося HTML — документа, разместим теги в подходящих местах текста. С помощью тега FONT и его атрибутов можно задать характеристики форматирования шрифта хоть какого фрагмента текста. Задать цвет текста можно последующим образом. Наименования цветов и значения RGB. Часть 3. Оформление веб-сайта. Сейчас в Вебе есть миллионы веб-сайтов, которые активно конкурируют меж собой в поисковой выдаче и в завоевании аудитории.

Юзерам Веба повсевременно нужна всё новенькая информация и новейшие сервисы, но при таком большом предложении, они вправе выбирать те веб-сайты, которые вызывают уважение и энтузиазм. Что заходит в понятие «оформление сайта» в нашем понимании:. Подбор цветовой палитры для сайта;. Формирование расположения текста, рисунков и видео материалов на страницах;. Размещение информационных блоков рекламы, комментариев, схожих статей и т.

Подбор шрифта стиля и размера ;. Оформление частей дизайна таковым образом, чтоб было комфортно гостю. Ежели на веб-сайте. Верно подана информация;. Выделены главные элементы статьи;. Есть доп тематические ссылки;. Цвета не «выедают» глаз;. Очевидно выражены главные плюсы веб-сайта. Человек подольше пробудет на странице;. Просмотрит доп страницы;. Оставит комментарий;.

Добавит веб-сайт в закладки либо социальные сети;. Возвратится на веб-сайт ещё раз. Веб-сайт будет лучше ранжироваться в поисковой выдаче;. Поисковые системы будут уважать проект;. Ресурс получит ещё больше мотивированной аудитории. Web-страницы могут содержать:.

Тексты 4. Эмблемы 7. Таблицы 5. Слайд 7. Описание слайда: По уровню персонификации веб-сайты классифицируются:. Слайд 8. Описание слайда: Этапы сотворения сайта:. Слайд 9. Слайд Описание слайда: Практика создание собственного веб-сайта с помощью конструктора WIX. Описание слайда:. Описание слайда: Вывод. Описание слайда: Спасибо за внимание! Фортуны в разработке собственного сайта! Теги Проект на тему : Создание Web-сайта. Похожие презентации. Декодирование инфы. Компьютерная графика.

Внедрение Интернет-ресурсов в Память компа Выполнил: Мань Страна обязана знать собственных героев Правила поведения. Техника безопа Системы счисления Определение. Электронный журнальчик в Exsel Шаг Как пользоваться электронной к Комп — всепригодная техниче Презентация Черноволенко Алины Презентация "Разработка WEB Презентация "Надстройка для Презентация "Кодирование тек Взлом компьютерных систем с помощ Передача инфы в компьютерны Презентация "Общение в Интер Внедрение Excel для аналитиче Предыстория информатики 9 класс.

Правила сетевого этикета. Презентация "Бланки" Презентация "Количество инфо Презентация "Развитие вычисл Понятие инфы Урок 2 10 Кл Создатель работы: учитель исходных к Презентация "Компания Систем

Считаю, что заказать продвижение сайта аз8 ру правы

С.