Toolkit pentru a crea un portofoliu electronic

Pentru a crea acest tip de resurse educaționale, există multe programe speciale. Ca de obicei, cu diferite capacități, sofisticate și ușor de utilizat, mari și mici, ambele gratuite și plătite ...

Ne uităm la unii care par să ne simplu și convenabil, de a crea exact rezultatul care poate fi numit un manual electronic (și, eventual, site-ul).

NVU și Kompozer - două produse pe dezvoltator. Primul - un simplu, al doilea - cu o capacitate puțin mai mare. Interfața programului este aproape același program de lucru este, de asemenea, aproape la fel.

Ne întoarcem acum la Turbosite programului.

Programul nu este liber, adică, fișierele originale de programe, noi nu oferim. Dar nu cere plata pentru program, nu pentru a limita utilizarea de acasă și de calculatoare ....

Deci, de ce Turbosite?

 Distribuția este mai mică de 5 MB

 Programul este foarte ușor de învățat

 Un rezultat foarte bun

 Rezultatul este rapid și poate fi editat în timpul funcționării

Distribuția poate fi descărcat de aici sau căutați pentru motoarele de căutare:

Descărcări? Pornește instalarea. Nici o problemă. In viitor Turbosite nu va necesita programe suplimentare legate, add-on-uri în activitatea lor, astfel încât nu au nevoie de nimic acum. Doar cu totul de acord.

Instalați toate! Run.

Două link-uri disponibile. Proiect nou și Open Project. Deschide pentru noi în timp ce nu există nimic - Crearea unui nou proiect. Fiecare nou tutorial (set pagina web- sau site-ul) vor fi plasate, stocate într-un dosar nou, creat special pentru el. Pentru că pe unele disc (în cazul în care acestea sunt deja mai multe) în rădăcină a crea un folder numit latin, va da un nume scurt al primului nostru proiect și faceți clic pe butonul Salvare.

La acest punct, vom aborda mai târziu, iar acum în fereastra propusă, tastați informațiile care sunt necesare pentru locuri de muncă. Este un pic.

Intrarea în primele date

Titlul site-ului - numele viitorului manual sau site-ul web.

Cuvinte cheie - cuvintele care vor fi utilizate de către motoarele de căutare pe internet, în cazul în care creația noastră va posta pe internet, desigur. Acest parametru este opțional, dar necesar și util.

Scurta descriere - câteva cuvinte despre de ce și pentru cine este ceea ce facem.

Dacă o carte sau site-ul va fi plasat pe hosting Narod.ru, aveți nevoie pentru a pune o căpușă în caseta Utilizați CP1251 de codificare. Acest lucru nu este de obicei necesară.

Lipirea nu vom fi în pagina de cod a utilizatorului, dacă nu știi ce este și de ce. Aceasta este o opțiune suplimentară, un instrument util, dar este facultativă.

Așa cum este în exemplul nostru:

Simplu, rapid, bine.

Puteți închide și să continue să lucreze browser-ul dumneavoastră.

In timp ce noi am folosit un model standard, cum să-l schimbe, pentru a face site-ul exact așa cum vrem noi să vedem, asigurați-vă că pentru a lua o privire mai târziu. În timp ce paginile pline de împrumut. Pentru a face acest lucru, du-te la următoarea filă din fereastra - Pagini:

Pentru a insera o imagine are un buton dedicat de pe bara de sus. Și aveți posibilitatea să faceți clic RMB și selectați Inserați imagini din meniul contextual:

Imaginea apare în locul în care se află cursorul, poziția și dimensiunile sale pot fi modificate pe pagina în sine. Introduceți structura simplă imagine Window. La fel ca în procesoarele noastre de cuvinte uzuale, cum ar fi MS Word:

Acum, faceți clic pe butonul Adăugați în partea din stânga și selectați modelul dorit. model dorit în același timp, poate fi oriunde în calculatorul nostru poate fi menționată chiar și prin literele românești. Programul se va copia în dreptul său de catalog și transliterează nume:

LMB selectați imaginea pe care doriți, introduceți textul alternativ (ton bun: în cazul în care imaginile arată off de utilizator, va fi văzut această inscripție), apăsați butonul Inserare, a se vedea imediat rezultatul, puteți personaliza dimensiunea, dacă este necesar:

Figura a apărut pe pagina în care cursorul a fost. Nu este întotdeauna ne convine. Dacă imaginea ar trebui să fie plasate pe marginea textului, au foarte puțin pentru a corecta pagina de cod, sau mai degrabă, pentru a adăuga câteva cuvinte la codul de a insera o imagine:

În cazul în care codul este greu pentru a naviga pagina, un text alternativ, ne ajuta doar pentru a găsi locul potrivit. Imediat după aceea, un cuvânt (în exemplul din Figura „Pușkin“), în cod, care este o imagine din stânga a textului și stabilește liniuță de text 10 pixeli:

Codurile care afectează localizarea imaginii în raport cu textul, poate fi găsit în fișierul text atașat. Ele pot copia și lipi, modifica, dacă este necesar, valoarea amprentei.

Acum, rezultatul va fi:

Nu foarte bine, nu? Pușkin caută marginea monitorului pe undeva. Ar fi necesar să se mute imaginea din dreapta. Adică, în loc de la stânga la dreapta a scrie.

Rețineți că ordinea cuvintelor-comenzi (tag-uri) sa schimbat într-un rând? Acest program, inteligent, îndreptat ea tot așa cum ar trebui să fie corect.

Aici ar fi mai bine.

Desigur, cifrele din text poate fi atât timp cât este necesar. Și le puteți aranja cum doriți.

Home este gata. Se numește Acasă (poți apela orice doriți: Start, Start ... index), numele link-ul va fi afișat în meniul principal pe toate paginile și paginile de listă, nu am scos căpușa:

Dacă doriți, puteți schimba culoarea de nume-link-uri, puteți face cu caractere aldine. Pentru a face acest lucru fereastra din dreapta cu titlul, mai există două butoane.

Parametrii paginii principale, nu puteți schimba, pentru a transforma această filă, atunci când lucrăm cu alte pagini.

Adăugarea de pagini noi

Adăugați următoarea pagină din programul nostru de instruire, acest lucru este suficient să faceți clic LMB pe butonul corespunzător de pe stânga jos a ferestrei desktop:

Titlul paginii trebuie să fie scurt și clar, pentru că el va fi un link din meniu. Dacă doriți ca meniul de sus (în principal), este de asemenea afișat titlul paginii, a pus o căpușă. Dacă nu avem nevoie de ea, vom lăsa această casetă goală.

Facem click pe Add, găsiți clipul (de preferință în format .mp4 sau .flv), faceți clic pe Deschidere. Din nou, indiferent unde video se află și numele. Tot de important program de manipulare se va face: copiați fișierul video în dosarul de lucru și numele transliterează, în cazul în care a fost dat în limba rusă. Selectați numele fișierului descărcat, faceți clic pe butonul Inserare, vom vedea rezultatul:

Din păcate, nu este atât de ușor pentru a insera flash si fișiere audio. Trebuie să utilizați un jucător terță parte și de a scrie-încorpora pagina cu coduri.

Deci, adăugați cât mai multe pagini ca avem nevoie.

Turbosite capabil de a crea rapid și ușor de teste. Acestea pot fi localizate pe pagini separate sau orice în cazul în care avem nevoie.

Acum, avem nevoie doar pentru a crea un buton. Și tranziția imediat într-o fereastră nouă de operare cu două file:

Ne sunt verificate: dacă să permită încercarea de a termina, în cazul în care nu au primit răspunsuri la toate întrebările, dacă pentru a afișa rezultatele după finalizarea dacă pentru a închide pagina atunci când testul este finalizată aveți nevoie. Setare foarte la îndemână și util vă permite să ascundeți butonul de pornire a testului, atunci când a început trecerea acestuia. Elev pur și simplu, să nu fie în măsură să deschidă din nou testul într-o fereastră nouă și să corecteze prompt greșelile lor. Un simplu, dar încă proteja! Este păcat că nu funcționează întotdeauna! Pentru că este cel mai bine să nu se afișeze un link la testul din meniul (în partea de sus și în paginile listei), ci pur și simplu face o referire la testul nou creat kakoy- pagina. În primul rând, vom crea un test, și apoi a face cu modul în care link-uri sunt introduse în program.

Toate. Puteți naviga la fila Ținte. Prima dată este gol; faceți clic pe semnul plus partea din stânga jos, în partea stângă a ferestrei va fi problema numelui de cod, pe dreapta, introduceți textul întrebării și să răspundă la alegeri.

Doar un singur tip de întrebări, puteți crea în acest program - mai multe variante și un singur răspuns corect. răspunsuri posibile scrie în mod necesar într-o coloană, răspunsul corect este indicat printr-un asterisc (începe cu ea).

Din nou, faceți clic pe semnul plus, se adaugă a doua și a treia întrebare ... Cât de mult ai nevoie.

Atunci când sunt create toate întrebările, testul poate fi reținut (și ar trebui!). Poate fi necesar pentru a corecta eroarea, misprint, poate că acest test avem nevoie pentru a insera un alt manual sau site-ul. Am găsit pentru a obține mici, ocupă o mulțime de locuri nu va!

Du-te la meniul File. Selectați Salvare (sau Save As.). Și salvează piesa de prelucrat la testul, dându-i un nume convenabil pentru noi. Cel mai bine este de a păstra toate spațiile libere într-un dosar separat pe disc.

Toate. Această fereastră poate fi închisă.

Ne întoarcem la fereastra de lucru a programului.

Avem deja câteva pagini, există un test. Puteti vedea ce se întâmplă.

Aici sunt rezultatele noastre:

Puteți încerca să testați o dată la locul de muncă, și, în același timp, pentru a evalua modul în care link-urile din meniul, naviga prin paginile.

Să acorde o atenție la unele neajunsuri în forma generală a site-ului imediat.

Pe măsură ce lucrați, puteți schimba aspectul site-ului șablonului. Acest lucru necesită fila Format:

Va oferim o varietate de template-uri pre-proiectate, astfel încât să puteți alege în cazul în care lista de pagini la stânga sau la dreapta. Poate fi culori deschise sau întunecate ... Există mai multe soluții! În cazul în care nici unul nu sunt potrivite, și alte-le de import pentru utilizare pot fi descărcate de programul de dezvoltator. Pentru aceasta este butonul de download, de asemenea, de import.

Eliminați din link-ul meniul Test. Probabil, eliminați!

Pentru aceasta pagina de test Debifați arata pagina pe fereastra de lucru a programului ... să-și amintească unde?

Ne întoarcem acum la pagina unde dorim să conectați la test, scrie textul să fie link-ul, și faceți clic pe acesta introduce:

Desigur, link-uri externe ar trebui să fie introdusă numai în cazul în care manualul sau site-ul web disponibile pe Internet.

Pentru că vom înțelege imediat că poate fi încă folosit în acest caz.

Caracteristici suplimentare. Interactivitate.

formular pentru feedback

Creați o pagină nouă, da un titlu și nota arată pagina în care meniul. Accesați fila Configurare și a pus un semn de selectare în Adăugați o formă pagina de contact.

Aici este, Pagina:

Această formă nu trebuie să fie plasate pe o pagină separată. Posibil pe o pagină de test, de exemplu. Puteți da unele atribuire scris ... Sau noi nu avem destulă imaginație?

Mai avem o filă pentru site-ul (conținut), pe care trebuie să le îndeplinească. Acest lucru blochează.

Ușor și simplu, puteți adăuga plăci individuale, plăci cu unele informații. widget-uri Cel mai adesea în astfel de blocuri sunt plasate: calculator, calendar, ceas, widgetul pentru vreme ...

În fereastra de lucru, du-te la bara unităților. Adăugați o metodă nouă:

Fereastra propusă se introduce codul pe care doriți widget-ne (on-line o mare varietate lor, am luat Gramota.ru site-ul. Cu toate acestea, Pușkin!)

Iată o listă:

Puteți introduce, de asemenea, un calculator, un cronometru, un glob, un banner de la unele site-ul sau unele informații de text ... Orice! Doar rețineți că aceste unități vor fi afișate pe toate paginile din același loc.

Când suntem mulțumiți de rezultat, vom salva tutorialul final într-un tata special creat sau post-l pe Internet ...

La introducerea pe Internet vor fi discutate separat, și totul este gata pentru lucru local! Creați un dosar cu numele manualului (Aceasta de aici este faptul că cifrele numite despre orice) Acum, faceți clic pe butonul Deschideți folderul cu site-ul. Toate conținutul său copiate în noul tati.

Și în acest dosar nou este stocată pe o unitate flash USB pentru transferul la alte computere, arhiva totul și locul pe SkyDrive pentru a demonstra colegilor, puteți ... Oh, cât mai mult posibil!

și un epilog mic ...

Dar ce acest tutorial este acum „citit“? ... Încă o dată, du-te în TurboSite? Nu este necesar: a făcut treaba - let va avea o perioadă de odihnă și va funcționa browser!

Deci, dacă deschideți folderul nostru, veți vedea programul a creat lista de foldere și fișiere - html-pagini. Un fișier este numit indice - este acolo pentru a „ascunde“, pagina de pornire, care ar trebui să apară în browser-ul, atunci când ne deschidem manual nostru (sau orice alt site).

Verificați - deschideți fișierul și asigurați-vă din nou că toate link-Links- către această pagină funcționează corespunzător. Dar ce putem spune despre cei care vor lucra cu manualul? Ei pot să nu știe că acest lucru este necesar pentru a deschide fișierul.

Să încercăm să „by-pass“, de data aceasta! Să creați un alt folder (de exemplu, elbook), punând acolo ne-am creat un folder și un generator. Hai să-l deschidă. Creați o comandă rapidă către fișierul index (amintiți butonul din dreapta al mouse-ului?), L-am tăiat și a pus-o în directorul final de elbook (acum dosarul sursă și o etichetă în ea). Dând clic de două ori pe etichetă - ar trebui să funcționeze! (Redenumi Opțional eticheta, de exemplu, du-te sau de a începe. Sau începe ...).

Acum, folderul de destinație (în acest exemplu - elbook) poate fi recomandată ca un manual (sau arhiva ea, de asemenea). 

% Windir% \ System32 \ cmd.exe / C începe Pushkin \ index.html, linie director de lucru curat, faceți clic pe OK - fila apare aproape negru. Verificați. Ar trebui să funcționeze (poate clipi, Home emerge cu o ușoară întârziere). Este posibil acum să distribuie cu precizie un astfel de fișier tuturor celor care au nevoie sau pe care le considerăm se potrivesc. 

Și o altă notă mică la cea anterioară:

 dacă nu vă place pictograma de comandă rapidă (dreptunghi de culoare închisă), o puteți înlocui cu una dintre pictogramele existente în bibliotecă, sau pentru a crea propria dvs. (dar aceasta este o „poveste“) - este din nou necesar să se „urce“ în sistem;

 pur și simplu aveți posibilitatea să copiați comanda rapidă din dosarul în propunerea sa și acolo, în linie pentru a înlocui informațiile obiect (dosar cu fișierul index.html) este, de asemenea, pe ... Următoarele imagini ilustrează scrise mai sus:

Și un alt mic epilog despre fonturi și tag-uri ...

Unele observații preliminare: o secvență de caractere de la început la apăsarea tastelor - paragraf. într-un HTML-coduri, este denumit

Deci, trebuie să folosim comanda:

aici vom introduce text. unde N-numărul de 7 (text mare) la 1 (textul mic), care se află în interiorul containerului, sau pentru un paragraf (ca în figurile 1 de mai jos) sau în afara acestuia (așa cum se propune în al doilea set de desene).

Amintiți-vă că o varietate de fonturi de pe pagina nu sunt binevenite. )

Metoda propusă următoarea este mai frecventă, probabil, ...