Наставник - сайт Открытых уроков. Учителя Казахстана. Образование в Казахстане
.
.
СОЗДАНИЕ WEB-СТРАНИЦ -

СОЗДАНИЕ WEB-СТРАНИЦ

Сабақ жоспары | Предметы | Информатикадан ашық сабақтар Загрузок: 0 | Просмотров: 1442 | Размер: | Автор: Нартай4540
. СОЗДАНИЕ WEB-СТРАНИЦ
ЦЕЛЬ УРОКА:
 сформировать знания о начальных сведениях создания Web- страниц, программы пакета Microsoft. возможностях, функционировании;
 выработать умения оперирования с данным в построении сайтов;
 прививать культуру пользователя сети Интернет;
ЭТА РАЗРАБОТКА РАСЧИТАНА НА ТРИ ТЕМЫ
ХОД УРОКА:
1. ЛЕКЦИОННЫЙ МАТЕРИАЛ
С ЧЕГО НАЧАТЬ?
Безусловно, с идеи. Вы должны хотя бы в общих чертах продумать, чему будет посвящен ваш сайт, подобрать для него интересную, полезную, может быть, даже уникальную информацию. Правильно выбранная тема очень сильно влияет на популярность Web-ресурса. Если вы хотите сделать сайт для самовыражения и, как говорится, для души, то, скорее всего его тема будет связана с вашими увлечениями, с тем, что вы хорошо знаете и чем готовы поделиться со своими единомышленниками. Однако во Всемирной паутине уже существуют тысячи сайтов с похожей тематикой. Поэтому в вашей работе обязательно должна быть какая-то «изюминка», которой нет ни у кого другого. Нужно, чтобы, побывав на вашей страничке, хотелось вернуться к ней вновь и вновь.
Когда тема будущего сайта выбрана, можно перейти к планированию сайта и отдельных его страниц.
Планирование сайта в целом. Необходимо представить, из каких разделов будет состоять ваш сайт, какие страницы будут в него входить. Обязательно нужно сделать титульную (головную) страницу (с именем index.htm или index.html), которая будет загружаться первой и рассказывать посетителям, что это за сайт, о чем здесь идет речь и как найти на нем интересующую их информацию. Нужно также продумать навигацию по сайту – спланировать, как посетитель будет перемещаться с одной его страницы на другую. При этом возможны различные варианты, например можно поместить на головной странице меню или оглавление, где даны ссылки на все страницы вашего сайта, либо дать на головной странице только ссылки на крупные разделы, внутри которых уже предусмотреть ссылки на отдельные страницы
СОВЕТЫ НАЧИНАЮЩИМ
1. Никогда не называйте файлы web-страниц русскими именами! Всемирная паутина «не любит» русские буквы, поэтому такой файл после его пересылки на web-сервер может оказаться недоступным для работы и перехода по гиперссылкам.
2. Желательно в именах файлов всегда использовать строчные буквы. Например, лучше назвать файл foto.jpg, а не FOTO.JPG или Foto.jpg.
3. Никогда не забывайте закрывать парные кавычки и теги.
4. Не допускаются пробелы между открывающейся угловой скобкой и собственно тегом. Кроме того, не старайтесь делать лишних пробелов в выводимом в окне браузера тексте, поскольку браузер все равно интерпретирует несколько подряд идущих пробелов как один-единственный.
5. Удобочитаемость текста зависит не только от используемого шрифта. Длина строки, контрастность цветов текста и фона, соотношение текста и пустого пространства на странице, размер шрифта оказывают гораздо большее влияние.
Выравнивание текста по левому краю увеличивает скорость чтения, так как ровный левый край помогает найти начало новой строки.
Длина строки, оптимальная для скорости чтения, равна примерно 7,5 см, что соответствует 9-10 словам. Однако скорость чтения и удобство чтения – это не одно и то же. Пользователи быстрее читают длинные строки, но из соображений удобства предпочитают строки небольшой длины. Поэтому при верстке текста надо сначала решить, что важнее: скорость или удобство чтения. Если важна скорость, то лучше использовать длинные строки. Но если важнее удобство работы, используйте небольшую длину строк.
Выбирайте шрифт, который больше всего соответствует тематике текста. При этом на одной и той же web-странице желательно использовать не более двух разных шрифтов, чтобы не отвлекать внимание пользователей от основного содержания. В полиграфии для заголовков, как правило, используются рубленые шрифты, а для основного содержания – шрифты с засечками. В сети же лучше всегда применять только рубленые шрифты, так как их более четкие контуры лучше подходят для мониторов с небольшой разрешающей способностью. Не стоит также смешивать на одной странице рубленые шрифты и шрифты с засечками – это редко приводит к хорошему результату.
Избегайте использования курсива при небольшом размере шрифта, так как проблема четкого отображения курсивных шрифтов на экране еще полностью не решена. Особенно плохо курсив смотрится при маленьких размерах шрифта из-за сложности его визуализации с помощью квадратной пиксельной сетки. Если же курсив вам необходим, постарайтесь не оформлять им большие объемы текста.
Не пишите основной текст прописными буквами; более того, лучше не делать это даже для заголовков: прописные буквы практически идентичны по размеру и форме, поэтому читать их сложнее, чем строчные.
Обеспечьте хорошую контрастность цветов текста и фона.
Чтобы посетители легко могли отличить гиперссылку от всех остальных элементов страницы, не следует отключать для ссылок автоматическое подчеркивание и, наоборот, помещать на web-страницу подчеркнутый текст, не являющийся ссылкой. Не стоит полагаться только на изменение курсора мыши при наведении на ссылку!
Название и логотип

Меню
Основное содержание

Кнопки навигации,
e-mail, сведения об авторе сайта
Приспосабливайте текст для беглого просмотра и поиска информации: создавайте больше подзаголовков, формулируйте наиболее важные идеи в начале параграфа и используйте маркированные списки там, где это необходимо. (Этот совет особенно актуален для сайтов, которые предоставляют своим посетителям различные сервисы и услуги, а не просто статьи, новости и прочий текстовый контент).
6. Любой web-документ желательно формировать из отдельных типовых блоков (например, логотипа, заголовка, основного текста, меню, форм поиска и т.д.) Все такие блоки размещаются на странице с помощью таблиц или фреймов (см. рис. 1).

2.ПРАКТИЧЕСКИЕ РАБОТЫ:
Первую программу по созданию Web- страниц – Microsoft Word . Разберем некоторые нюансы при создании сайта (слайд –шоу)
Вторая программа - Frontpage ХР — это интегрированная среда, содержащая редактор web-страниц, модули управления структурой узла и инструменты публикации узла на сервере. С помощью Frontpage даже совершенно не знакомый с языком HTML новичок может сконструировать вполне работоспособный web-узел. В руках опытного пользователя Frontpage становится мощным инструментом, позволяющим строить web-узлы любой сложности.
Примечание
Во Frontpage ХР три отдельных модуля — редактор страниц, компоновщик узла и средств поддержки web-сервера объединены в одну интегрированную оболочку, обеспечивающую удобный доступ ко всем инструментам.
Третью программу Создания веб-сайта Pablisher
Сопровождение Презентация слайд- шоу

3. ПОДВЕДЕНИЕ ИТОГОВ КАЖДОГО УРОКА.
Скачать методички (классные уроки) для учителей по разным предметам: история, литература, физика. Как провести урок с учеником, вам поможет грамотно составленный план урока. Занятия по математике, литературе, физике, информатике, химии, психологии.
.