Основы Веб-дизайна для учителей английского языка

[tat6070]

Валентин Васильевич, уменьшила фотографии в Resize Pictures Plus, но не смогла их скопировать в папку "thumbs". Уменьшила фотографии через MS office picture manager.

[valentin 61]

Валентин Васильевич, уменьшила фотографии в Resize Pictures Plus, но не смогла их скопировать в папку "thumbs". Уменьшила фотографии через MS office picture manager.

Надо было в прогрмме указать output folder. Надеюсь что у вас всё получилось.

[valentin 61]

Уважаемые коллеги,

сегодня мы начинаем создание сайта:

-откройте программу WebPageMaker

-найдите в верхней панеле "format" и щёлкните мышкой

-в открывшемся подменю найдите "properties" и щёлкните мышкой

-в открывшейся рамке начните с "meta tags" и заполните все графы(это семантическое ядро вашего сайта по которому ваш сайт будет определён поисковыми системами интернета)После заполнения не нажимайте OK!

-после заполнения переходите к другому разделу "background" . если вы решили вставить фоновый рисунок то поставьте флажок, найдите в своей папке фоновый рисунок и откройте его. то же самое и с музыкальным сопровождением сайта.После заполнения не нажимайте OK!

-после заполнения переходите к другому разделу "appearance" и заполните соглассно скриншоту 16 за исключением "background". если вы не выбрали фоновый рисунок то можете в этом окне выбрать фоновый цвет.После заполнения не нажимайте OK!

-после заполнения переходите к другому разделу "page trasition" эта часть не обязательна к заполнению, по желанию можете вставить переходы страниц в сайте как в PPT, а так же установить запрет на копирование графических элементов сайта.После заполнения не нажимайте OK!

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

- вот только после всего этого вы можете нажать OK. И ваше рабочее поле для создания сайта готово.

proporties.rar

[Татьяна Коптилкина]

Валентин Васильевич, а дальше эту страницу как-то сохранять надо?

[MarinaMart]

Валентин Васильевич, отправила Вам на e-mail письмо с просьбой выслать программы Web Page Maker 3.0.2, Resize Pictures Plus, RealDraw. Очень жду. Заранее большое спасибо)

[valentin 61]

Валентин Васильевич, а дальше эту страницу как-то сохранять надо?

да конечно в папку HTML

[maria]

Добрый день! Очень жаль, но продолжить участие в мастер-классе не могу. Каранина Мария Сергеевна

[MarinaMart]

Валенитин Васильевич, у меня, к сожалению, не работает программа Resize Pictures Plus, пыталась уменьшить фотографии с помощью MS Picture Manager. Не уверена, что получилось то, что надо. Как это можно проверить?

[valentin 61]

Валенитин Васильевич, у меня, к сожалению, не работает программа Resize Pictures Plus, пыталась уменьшить фотографии с помощью MS Picture Manager. Не уверена, что получилось то, что надо. Как это можно проверить?

открыть папки куда вы сохраняли файлы. В одной папке должны быть маленькие картинки, в другой побольше.

[tat6070]

Спасибо за подсказки. Всё получилось.А что дальше?

[valentin 61]

Спасибо за подсказки. Всё получилось.А что дальше?

А дальше мы будем делать главную(домашнюю) страницу.

[MarinaMart]

открыть папки куда вы сохраняли файлы. В одной папке должны быть маленькие картинки, в другой побольше.

 

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

[valentin 61]

открыть папки куда вы сохраняли файлы. В одной папке должны быть маленькие картинки, в другой побольше.

 

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

это абсолютно не критично так как сжатие происходит пропорционально а я вам дал стандарт. Если фотография не подходит под стадарт это нормально.

[valentin 61]

Уважаемые участники, мы переходим к следующему этапу.

После того как мы прописали свойства сайта программа автоматически сгенерировала домашнюю страницу (index). с этой страницы мы начнём создавать дизайн. основными элементами дизайна является графика и текст. Для того чтобы вставить графический объект вам необходимо найти значёк этого объекта, кликнуть на него и вподменю выбрать from files и нажать на него.(Скриншот 1а) В открывшейся рамке вы находите объкт выбираете иго и нажимаете кнопку "открыть"

(Скриншот 1b). Ваш объект будет от крыт в поле и обрамлён розовой рамочкой, при помощи этой рамочки вы можете его изменить и перенести в нужное место.(Скриншоты 1c, 1d). Затем мы переходим к тексту. Для того чтобы вставить текст вам необходимо найти значёк с буквой А котрый находится с лева от значка графики. кликните на значёк а затем в рабочем поле выделите место под текст. это место будет выделено розовой рамкой. Кликните два раза на рамку и вам откроется текстовый редактор, в котором вы можете напечатать текст либо вставить скопированный готовый текст. Отредактируйте текст, можно изменить цвет, шрифт, размер, положение незабывая выделять текст. Нажмите кнопку ОК. Готовый текст появится в рамке при помощи которой вы можете изменять и пространство текста и его положение на странице.После того как вся графика и тексты вставлены нажмите на значёк с лупой что ба проверить как вашдизайн будет выглядеть в броузере(Интернете).

[valentin 61]

на следующем этапе мы выстроим структуру сайта. для этого вам необходимо в правой части программы site content, клонировать index как показано в скриншоте 1i. Склонируйте столько страниц сколько указано в вашей карте сайта. затем переименуйте эти страници на английском языкекроме страницы index нажимая мышкой на страницу а затем клавишей f2.как показано в скриншоте 1j. измените дизайн и текст этих страниц кроме Photogalery.(ниже страницы Photogalery должно идти столько страниц сколько вы собираетесь выложить фотографий.)

disigne.rar

[hasanovaz]

Задание №6 Требования к критериям оценки педагогической эффективности профессионального сайта учителя английского языка

выполнила Хасанова Зульфия Сухо-Вязовская СОШ Самарская обл.

-Соответствие сайта запросам аудитории.

информация должна быть актуальной для учителей, чтоб она им понравилась и они захотели поставить этот сайт в свои закладки ; информация должна соответствовать потребностям учащихся, чтоб им было интересно там зависнуть, чтоб для них там было и развлечение и обучение, также чтоб можно было контролировать как-то их посещение и участие (например как в игре #they look familiar#)

-Соответствие сайта принципам восприятия аудитории

все должно быть хорошо читаемо, не раздражающее глаз, чтоб не было желания закрыть страничку, доступно все изложено правильным понятным языком (лучше на двух языках)

-Соответствие сайта законодательству РФ в области СМИ и авторскому праву.

информация изложенная в сайте не должна пагубно влиять на сознание человека, на здоровье его, не должно содержать экстремистский характер и также не должно быть ссылок на всякие “нехорошие сайты”, порнографии не должно быть и т.п.

-Соответствие сайта методическим правилам ведения дистанционной образовательной деятельности.

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

-Соответствие сайта структурным характеристикам.

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

-Эстетическое оформление сайта.

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

[Татьяна Коптилкина]

на следующем этапе мы выстроим структуру сайта. для этого вам необходимо в правой части программы site content, клонировать index как показано в скриншоте 1i. Склонируйте столько страниц сколько указано в вашей карте сайта. затем переименуйте эти страници на английском языкекроме страницы index нажимая мышкой на страницу а затем клавишей f2.как показано в скриншоте 1j. измените дизайн и текст этих страниц кроме Photogalery.(ниже страницы Photogalery должно идти столько страниц сколько вы собираетесь выложить фотографий.)

Валентин Васильевич, если у меня в карте главных разделов 8, нов них еще в общей сложности более 20 подразделов, то клонировать страницу более 28 раз? И если "да", то когда пререименовываем страницы, важно, чтобы подразделы находились сразу после названия раздела?

[valentin 61]

Валентин Васильевич, если у меня в карте главных разделов 8, нов них еще в общей сложности более 20 подразделов, то клонировать страницу более 28 раз? И если "да", то когда пререименовываем страницы, важно, чтобы подразделы находились сразу после названия раздела?

именно так, что бы потом вы не запутались.Завтра мы займёмся навигацией так что надо всё зделать до завтра, осталось совсем немного.

[kitten2010]

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

[valentin 61]

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

Именно для этого мы и делали карту сайта т.е. вы сейчас строите сайт и присваиваете названия страницам(На английском языке) при установки навигации программа автоматически сможет определить ваши страницы но в программе можно добавить страницу в любое время. Самое главное при большом количестве страниц,незапутаться с навигацией, поэтому рекомендуется давать смысловые названия.

[MarinaMart]

Валентин Васильевич, у меня сразу несколько вопросов:

1) поле, где нужно было указывать ключевые слова (старое задание), надо было заполнять только по английски или русские слова тоже можно вставлять? имеет ли значение с какой буквы пишется слово - с заглавной или строчной? можно ли будет в дальнейшем в этот список добавлять или убирать слова? есть ли конечное количество слов или можно будет добавлять до бесконечности\?

2) про добавление страниц на сайте Вы уже ответили, я даже не успела спросить. А убирать страницы или целую ветку можно будет? Например, если возникли проблемы с классным руководством, а я планировала такую страничку, то мне лучше подождать и потом ее добавить или все-таки сделать, а потом убрать? Или все должно соответствовать строго той карте сайта, которую мы уже сделали?

[tat6070]

Валентин Васильевич, здравствуйте! У меня проблема: когда я открываю страницы и начинаю их заполнять, всё получается, но появляются новые страницы (неподписанные).Это так и должно быть?

[valentin 61]

Валентин Васильевич, у меня сразу несколько вопросов:

1) поле, где нужно было указывать ключевые слова (старое задание), надо было заполнять только по английски или русские слова тоже можно вставлять? имеет ли значение с какой буквы пишется слово - с заглавной или строчной? можно ли будет в дальнейшем в этот список добавлять или убирать слова? есть ли конечное количество слов или можно будет добавлять до бесконечности\?

2) про добавление страниц на сайте Вы уже ответили, я даже не успела спросить. А убирать страницы или целую ветку можно будет? Например, если возникли проблемы с классным руководством, а я планировала такую страничку, то мне лучше подождать и потом ее добавить или все-таки сделать, а потом убрать? Или все должно соответствовать строго той карте сайта, которую мы уже сделали?

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

[Татьяна Коптилкина]

Валентин Васильевич, на некоторых страница будет краткая информация на ссылки в моих документах или в сети. Можно в одном текстовом поле сразу дать описание какая ссылка на что и потом будем устанавливать ссылку или нужно делать отдельные текстовые поля?

[valentin 61]

Валентин Васильевич, на некоторых страница будет краткая информация на ссылки в моих документах или в сети. Можно в одном текстовом поле сразу дать описание какая ссылка на что и потом будем устанавливать ссылку или нужно делать отдельные текстовые поля?

необходимо делать отдельно текстовые поля если текст препологает ссылку.