Инструментариум за създаването на електронен портфейл

За да създадете такъв тип образователни ресурси, има много специални програми. Както обикновено, с различни възможности, изтънчен и лесен за използване, големи и малки, безплатни и платени ...

Ние разглеждаме някои, които да ни изглежда лесна и удобна, да създадете точно в резултат на което може да се нарече електронен учебник (и евентуално място).

Nvu и Kompozer - два продукта на разработчика. Първият - по-проста, а вторият - с малко по-голям капацитет. Интерфейсът на програмата е почти една и съща работна програма също е почти един и същ.

Сега е ред Turbosite програма.

В програмата не е безплатна, което означава, че оригиналните файлове на програмата, ние не предлагаме. Но не питам за плащане по програмата, а не да се ограничи използването на домашните и служебните си компютри ....

Така че, защо Turbosite?

 Разпределението е по-малко от 5 MB

 Програмата е много лесна за научаване

 Един много добър резултат

 Резултатът е бързо и това може да се редактира по време на работа

Разпределение може да бъде изтеглена от тук или за търсачките погледнете:

Изтегляне? Стартирайте инсталацията. Това не е проблем. В Turbosite бъдеще няма да се изискват никакви допълнителни свързани програми, добавките в работата си, така че не се изисква нищо сега. Просто се съгласи с всичко.

Инсталирайте всички! Пусни.

Две налични връзки. Нов проект и Open Project. Отвори за нас, докато няма нищо - Създаване на нов проект. Всеки нов урок (настроите уеб страница или сайт) ще бъде поставен, съхранявани в нова папка, създаден специално за него. Защото по някакъв диск (ако те са вече повече от един) в корена се създаде папка с името на латиница, ще даде кратко име на първия ни проект, и кликнете върху бутона Save.

Към този момент ние ще се занимае по-късно, а сега в предложения прозореца, въведете информацията, която е необходима за работата. Нейната малко.

Въвеждане на първите данни

Заглавие на сайта - на името на бъдещето на учебника или сайта.

Ключови думи - думите, които ще бъдат използвани от търсачките в интернет, ако ни творение ще публикуваме в интернет, разбира се. Този параметър е задължително, но е необходимо и полезно.

Кратко описание - няколко думи за това, защо и за кого е това, което правим.

Ако дадена книга или сайт ще бъде поставен на хостинг Narod.ru, трябва да поставите отметка в полето Използвайте кодиране cp1251. Това обикновено не е необходимо.

Лепене ние няма да сме в кодовата страница на потребителя, ако не знаете какво е това и защо. Това е допълнителна опция, полезен, но задължително.

Ето как е в нашия пример:

Просто, бързо, добре изглеждащ.

Можете да затворите и да продължи да работи вашия браузър.

Докато сме използвали стандартен образец, как да го променим, за да направите сайта си точно така, както искаме да видим, не забравяйте да погледнете по-късно. Докато страниците на заем напълнена. За да направите това, преминете към следващия раздел в прозореца - Страници:

За да вмъкнете изображение има специален бутон в горната лента с инструменти. И вие можете да кликнете RMB и изберете Insert изображения от контекстното меню:

Снимка се появи на мястото, където се намира курсора, неговата позиция и размер може да бъде променен на самата страница. Поставете Picture Window проста структура. Както и в нашите обичайни текстообработващи програми като MS Word:

Сега кликнете върху бутона Добавяне в долния вляво и изберете желания шаблон. Желана модел в същото време може да е навсякъде в нашия компютър може да бъде посочен дори от български букви. Програмата ще се копира в правото си за стоките и transliterates име:

LMB изберете изображението, което искате, въведете алтернативен текст (добър тон: ако изображенията демонстрират Потребителя, ще се види този надпис), натиснете бутона вложка, веднага да видите резултата, можете да персонализирате размера, ако е необходимо:

Фигура се появи на страницата, на която е курсора. Тя не винаги е ни устройва. Ако на снимката трябва да бъде поставен в периферията на текста, имат много малко, за да се коригира кода на страницата, или по-скоро, за да добавите няколко думи на кода вмъкнете картинка:

Ако кодът е трудно да се движите на страницата, алтернативен текст, ние просто ви помогне да намерите правилното място. Веднага след това, дума (в примера на Фигура "Пушкин") в код, който е образ ляво на текста и поставя текст тире 10 пиксела:

Кодове, които се отразяват на местоположението на картина по отношение на текста, могат да бъдат намерени в прикачения текстовия файл. Те могат да копирате и поставите, променя, ако е необходимо, стойността на вдлъбнатината.

Сега, резултатът ще бъде:

Не е много добра, нали? Пушкин търси ръба на монитора някъде. Това би било необходимо да се движат на снимката в дясно. Това означава, че вместо наляво, за да напише правилно.

Имайте предвид, че реда на думи-команди (тагове) променило в ред? Тази програма, умен, изправи се всичко както трябва да бъде прав.

Ето това би било по-добре.

Разбира се, че цифрите в текста може да бъде толкова дълго, колкото е необходимо. И вие можете да ги подредите, колкото искате.

Начало е готова. Тя се нарича Home (можете да се обадите каквото искате: Старт Старт ... индекс), името на връзката, ще бъдат показани в главното меню на всички страници и страници на списъка, не сме отстранени от кърлежи:

Ако искате, можете да промените цвета на връзки име, можете да направите шрифта удебелен шрифт. За да направите това в десния прозорец със заглавие, има още две копчета.

Параметри на главната страница, не могат да се променят, за да се превърне този раздел, когато ние работим с други страници.

Добавянето на нови страници

Добавете следната страница в нашия урок, това е достатъчно, за да щракнете върху LMB върху съответния бутон в лявата-долната част на прозореца на работния плот:

Заглавието на страницата трябва да бъде кратък и ясен, защото той ще бъде връзка в менюто. Ако искате най-горното меню (в главната) също се показва заглавието на тази страница, поставете отметка. Ако ние не се нуждаят от нея, ние ще оставим това поле празно.

Ние кликнете върху Добавяне, намерете клип (за предпочитане в .flv или формат .mp4), щракнете върху Отвори. Отново, без значение къде се намира видеото и името. Всичко важно манипулация програма самата ще направите: копирате видео файла в работната папка и transliterates име, ако то е постановено в руски. Изберете името на изтегления файл, щракнете върху бутона вложка, ние виждаме резултата:

За съжаление, това не е толкова лесно да поставите флаш и аудио файлове. Вие трябва да използвате плейър на трета страна и пишат-вградите страница кодове.

Така добавите толкова страници, колкото е необходимо.

Turbosite в състояние бързо и лесно създаване на тестове. Те могат да бъдат разположени на отделни страници или който и да е, където ние трябва да.

Сега ние трябва да създадете само един бутон. И веднага преход към новата операционна прозорец с два раздела:

Ние се проверява: дали да се позволи на теста, за да продължи, ако не получи отговор на всички въпроси, дали да се показват резултатите след приключване на това дали да се затвори страницата, когато тестът е завършен, което трябва. Много удобно и полезно настройка ви позволява да скриете бутона старт на теста, когато тя започна преминаването му. Ученик просто не може да отвори на теста в нов прозорец отново и своевременно коригиране на грешките си. А просто, но все пак се защити! Жалко е, че не винаги работи! Тъй като това е най-добре да не се появява линк към теста в менюто (в горната част и на страниците на списъка), а просто да направи препратка към новосъздадения тест kakoy- страницата. Първо, ние се създаде тест, а след това се справи с колко връзки са поставени в програмата.

All. Можете да се придвижвате към раздела цели. Първият път, когато тя е празна; кликнете върху знака плюс в долния ляв ъгъл, в лявата част на прозореца ще бъде въпросът за името код, отдясно, въведете текста на въпроси и отговори за избор.

Само един тип въпроси, можете да създадете в тази програма - множествен избор и само един верен отговор. Възможни отговори непременно напишете в колона, правилният отговор е показана със звездичка (започнете с него).

Отново, кликнете върху знака плюс, добавете втори и трети въпрос ... Колко ви трябва.

Когато са създадени всички въпроси, изпитването може (и трябва!) Да бъдат запазени. Може да се наложи да се коригира грешка, печатна грешка, може би този тест, че се наложи да поставите друг учебник или уебсайт. Аз открих, за да получите малък, заемат много места, не е така!

Отидете в менюто File. Изберете Save (или Save As.). И спестява детайла на изпитание, което му придава удобна име за нас. Най-добре е да се запазят всички празните места в някои отделна папка на диска.

All. Този прозорец може да се затвори.

Ние се върнете на работа прозореца на програмата.

Вече имаме няколко страници, има изпит. Можете да видите какво ще стане.

Това са нашите резултати:

Можете да опитате да се тества веднъж в работата, и в същото време да се прецени как връзките в менюто, да сърфират из страниците.

Да се ​​обърне внимание на някои недостатъци в общата форма на сайта веднага.

Докато работите, можете да промените външния вид на шаблона на сайта. Това изисква раздела Шаблон:

Ние предлагаме разнообразие от предварително разработени шаблони, така че можете да изберете къде списъка на страниците наляво или надясно. Може да бъде светли или тъмни цветове ... Има много решения! Ако нито са подходящи, както и други ги внася за използване може да бъде изтеглен от програмата за програмисти. За това е бутона за изтегляне и внос.

Махни от връзката от менюто Тестване. Вероятно, отстранете!

За този тест страница Махнете отметката на Show страница на работния прозорец на програмата ... да си спомня къде?

Ние сега се обръщат към страницата, на която искаме да се свърже към теста, пише в текста, за да бъде връзката, и кликнете вмъква:

Разбира се, външни връзки трябва да се включат само ако учебника или уеб сайт достъпен в Интернет.

Защото ние трябва да се разбере веднага, че все още може да се използва в този случай.

Допълнителните функции. Интерактивност.

Сигнали за проблеми

Създаване на нова страница, дайте заглавие и имайте предвид покаже страницата, в която в менюто. Отидете в раздела за настройка и сложи отметка в Добавяне на страницата за контакт форма.

Ето това е, Страница:

Тази форма не се изисква да бъде поставен на отделна страница. Възможна на тестова страница, например. Можете да дадете на някой да напишат есе ... Или ние не разполагат с достатъчно въображение?

Имаме още един раздел за сайта (съдържание), което ние трябва да се запознаем. Това блокира.

Лесно и просто, можете да добавяте отделни плочи, плочи с някаква информация. Най-често в такива блокове са поставени джаджи: калкулатор, календар, часовник, времето джаджа ...

В работния прозорец, отидете на звената за раздела. добави нов:

Предложената прозорец въведете кода, който искате да ни джаджа (тяхната онлайн голямо разнообразие, взехме Gramota.ru сайт. И все пак, Пушкин!)

Ето списък:

Можете също така да поставите калкулатор, таймер за обратно броене, глобус, банер от някой сайт или някакъв текст информация ... нищо! Просто имайте предвид, че тези звена ще бъдат показани на всички страници в едно и също място.

Когато сте доволни от резултата, ние спаси крайния начинаещи в специално създаден татко или да го публикувате в интернет ...

На пускането в Интернет ще бъдат обсъдени поотделно, и всичко е готово за местна работа! Създайте папка с името на учебника (Това тук е, че цифрите, наречени за нищо) Сега кликнете върху бутона Отворете папката със сайта. Всички нейното съдържание, копирани в новия татко.

И в тази нова папка се съхранява на USB флаш устройство за прехвърляне на други компютри, ние архивирате всичко това и място на SkyDrive, за да покаже на колегите си, можете да ... О, колкото е възможно!

и малка епилог ...

Но това, което този урок е сега "четат"? ... За пореден път влезе в TurboSite? Не е необходимо: той направи нещо си - нека да има покой, и ще работи в браузъра си!

Така че, ако отворим папка, ще видите, програмата създава списък с папки и файлове - HTML-страници. Един файл се нарича индекс - това е там, за да "скрие" на началната си страница, която трябва да се появи в браузъра, когато отворим учебник (или който и да е сайт).

Чек - отворете файла и да се уверите, че всичко отново Links- линк към тази страница се работи правилно. Но какво да кажем за тези, които ще работят с учебника? Те не могат да знаят, че това е необходимо, за да отворите файла.

Нека се опитаме да "байпас" този път! Нека създадем друга папка (например elbook), поставяйки там сме създали папка и генератор. Нека да го отворите. Създаване на пряк път до файла с индекс (не забравяйте десния бутон на мишката?), Ние го отрежете и да го пуснат в крайния elbook директория (сега папката източник и етикет в него). Като кликнете два пъти върху етикета - тя трябва да работи! (По желание преименувате етикет, например, отидете или да започне. Или започнете ...).

Сега целевата папка (в този пример - elbook) може да се препоръча като учебник (или го архивирате, също). 

% Windir% \ system32 \ cmd.exe / C започне Пушкин \ index.html, работна директория линия почисти, кликнете ОК - раздела изглежда почти черен. Проверете. Би трябвало да работи (да мига, Home се появи с леко закъснение). Сега е възможно да се разпространява точно такъв файл на всички, които се нуждаят или които смятаме себе си за добре. 

И още една малка забележка към предишната:

 ако не ви харесва иконата за бърз достъп (тъмно правоъгълник), можете да го замени с един от съществуващите икони в библиотеката, или да създадете свой собствен (но това е "друга история") - това е отново е необходимо да се "изкачи" в системата;

 можете да го копирате прекия път от папката в своята предложен и там в линия, за да замести информацията за обект (папка, файл index.html) също е на ... Следните изображения илюстрират написаното по-горе:

И още един малък епилог за шрифтове и етикети ...

Някои предварителни наблюдения: поредица от символи, от началото до натискането на клавиша - параграф. в рамките на HTML-кодове, тя е посочена като

Така че, ние трябва да използвате командата:

тук ние въвеждане на текст. където N-брой 7 (голям текст) до 1 (малкия текст), която е вътре в контейнера, или за параграф (както на фигури 1 по-долу) или извън него (както е предложено в вторият набор от чертежи).

Не забравяйте, че най-различни шрифтове на страницата не са добре дошли. )

Предложени следния метод е по-често, най-вероятно ...