Создание веб сайта кратко конспект

Предположим, вы посещаете кружок компьютерной графики и решили сделать веб-сайт этого творческого объединения. Содержание веб-сайта обязано быть таковым, чтоб отражать творческую жизнь участников объединения, завлекать внимание единомышленников. Сейчас нужно найти структуру план веб-сайта — разбиение общего содержания на смысловые разделы и отдельные странички с указанием связей меж ними.

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

Оформление веб-сайта Хоть какой веб-сайт загружается с главной домашней странички home page , которая до этого всего обязана давать ответ на вопросец «О чём этот сайт? Для этого на главной страничке располагают заглавие веб-сайта, тематическое графическое изображение, маленький текст с описанием содержания веб-сайта, а также основное меню — ссылки на главные разделы веб-сайта.

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

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

Хостинг — услуга по размещению веб-сайта на сервере, повсевременно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным. Платным хостингом для размещения собственных веб-сайтов традиционно пользуются большие компании. При этом они получают комфортное для чтения и запоминания доменное имя второго уровня, которое может совпадать с заглавием компании. Личные лица для собственных веб-сайтов могут пользоваться бесплатным хостингом, способности которого ограничены по сопоставлению с платными вариациями маленькое дисковое место, ограничение размера отдельного файла, доменное имя лишь третьего уровня и т.

Основным недочетом бесплатных хостингов является то, что при размещении вашего веб-сайта компания без помощи других добавляет на его странички коммерческую рекламу. Перечень серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг». Шаблон странички — это схема странички, на которой представлены элементы, имеющиеся на страничках веб-сайта. Внедрение шаблонов страничек помогает выдержать единый стиль дизайна веб-сайта.

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

С помощью особых тегов и текста нужно обрисовать команды для браузера. Записывается таковая последовательность в простом текстовом редакторе Блокнот. Можно сделать документ в текстовом процессоре Microsoft Word, Writer.

Уже замечал создание сайта на тильде инструкция имеет аналогов?

Для родителей: программы обучения, планируемые мероприятия, электронные классные журнальчики, школьное меню…;. Для администрации: визитная карточка школы, история и традиции школы, неотклонимый минимум образования, преподавательский состав, информация о учебном заведении, общешкольных мероприятиях, анонсы из школьной жизни. Возможность обмена сообщениями форум либо электронная почта.

Подготовка к проектной работе 10 мин. Учащиеся в классе делятся на четыре-пять групп приблизительно по 3 ученика в каждой , дают заглавие собственной команды, выбирают тему проектного задания;. Для действенной работы в проектной группе предлагается распределить роли приблизительно последующим образом: управляющий группы — ответственный за рекламу, web -дизайнер, web -мастер;.

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

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

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

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

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

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

Можно предложить собственный вариант написания наименования, употреблять анимацию во Macromedia Flash. Клавиши, бордюры и др. Эскиз главной странички выполняйте, когда выполнены все другие этапы работы. На данной страничке разместите: логотип, клавиши, бордюры. Также вы сможете сделать набросок и применять его на главной страничке. В избранном редакторе, в окне редактирования документа показать все спроектированные элементы.

Проектируя на бумаге вид WEB - странички предусмотрите место для расположения логотипа изображения наименования школы вставка объекта , клавиш перехода, меню, фото, основного текста. Для этого рекомендуется расположить на листе бумаги таблицу, где в каждой из ячеек будет расположен один из частей странички. Откройте редактор …. Нажмите ОК. Откройте просмотр HTML - кода и определите, какие теги употребляются на вашей страничке для описания таблицы, строк и столбцов таблицы.

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

Для того, чтоб в полной мере воплотить принципы WWW переход по «информационной паутине» от веб-сайта к веб-сайту, задумайтесь, ссылки на какие ресурсы остальные веб-сайты Веб целенаправлено расположить на вашем веб-сайте.

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

Представление приобретенных результатов 10 мин. Управляющий каждой группы представляет проект , при этом обосновывая выбор темы веб-сайта, инструментов для разработки, содержание Web -страниц и делает сравнительный анализ, представленных методов и обосновыва ет каждый. При этом учащиеся остальных групп участвуют в проверке работы собственных конкурентов. Опосля защиты собственных проектов и анализа результатов может быть придется корректировать веб-сайт, ежели приобретенные результаты не удовлетворяют.

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

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

VI II. Оценка работы учащихся на уроке 5мин. Слайд Авторизуйтесь , чтоб задавать вопросцы. Реальный материал размещен юзером Кочура Екатерина Андреевна. Инфоурок является информационным посредником и предоставляет юзерам возможность располагать на веб-сайте методические материалы. Всю ответственность за размещенные материалы, содержащиеся в их сведения, а также за соблюдение авторских прав несут юзеры, загрузившие материал на веб-сайт. Ежели Вы считаете, что материал нарушает авторские права или по каким-то остальным причинам должен быть удален с веб-сайта, Вы сможете бросить жалобу на материал.

Столичный институт проф переподготовки и увеличения квалификации преподавателей. Большая часть русских школьников недовольны качеством питания в столовых. Новейшие курсы: педагогический дизайн, ФГОС третьего поколения, управление школой и остальные направления подготовки. Увеличения квалификации курсов от руб. Проф переподготовки.

Вход Регистрация. Подать заявку на этот курс Глядеть перечень всех 1 курсов. Зарегистрироваться 2 февраля г. Курс увеличения квалификации Дистанционное обучение как современный формат преподавания 72 ч. Курс увеличения квалификации Педагогическая деятельность в контексте проф эталона преподавателя и ФГОС 36 ч. Курс увеличения квалификации Авторская разработка онлайн-курса ч. Выбрать курс со скидкой Выдаём документы установленного эталона.

Скачать материал. Все учебники. Все темы. Все классы Дошкольники 1 класс 2 класс 3 класс 4 класс 5 класс 6 класс 7 класс 8 класс 9 класс 10 класс 11 класс. Отыскать материалы. Материал подступает для УМК. Больше материалов по этому УМК. Ищем студентов для работы онлайн в проекте «Инфоурок». Желаю в команду! Остальные материалы docx Информатика 9 класс Конспекты.

Входная контрольная работа по информатике и ИКТ. Рейтинг: 4 из 5. На данном шаге чрезвычайно принципиально осознать для чего и для кого вы разрабатываете web-сайт. Без правильно поставленных целей и задач вы не можете сделать нужный веб-сайт либо можете, но, даже в процессе сотворения веб-сайта, вы поймете, что получите не то, что желали. Для вас нужно плотно поработать с заказчиком либо поразмыслить, ежели заказчик — вы , чтоб осознать что конкретно клиент ожидает от его грядущего веб-сайта.

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

Составление правильного ТЗ просто нужный шаг в шагах сотворения веб-сайта , ежели что-то упустить в задании, к примеру, доп модуль, то исполнитель может отрешиться от доработки в рамках данной задачки. В процессе разработки веб-сайта, при разработке дизайна нужно данный пункт поделить на несколько подэтапов сотворения.

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

Без текста и фото веб-сайт имеет довольно условную ценность. Заказчик предоставляет информацию и заполняет веб-сайт текстом и картинами или это делает исполнитель в зависимости от договоренностей. Как правило, ежели это делает заказчик, ему предоставляется аннотация по работе с CMS.

Может создание своего флеш сайта считаю