Contacte

Exemple de rezolvare a problemelor asupra informaticii. Rezolvarea sarcinilor pe informatică pentru a comanda o sarcină asupra științei informaticii

Într-un program exemplar de calculator și TIC privind "Tehnologiile de comunicare", sunt date doar 12 ore și se propune crearea unei pagini web folosind șabloane. Tema "Multimedia Technologies" se ridică la 8 ore, dar dacă instituția de învățământ Informatică este studiată la nivel de propeeeutic în clase de 5, 6 și 7, este recomandabil să transferați studiul tehnologiilor multimedia într-un curs de propaedeutic și apoi puteți Creșteți timpul pentru a studia tehnologiile de comunicare sau, mai degrabă puteți adăuga subiectul "Crearea site-urilor web în HTML" în clasa a VIII-a.

Se recomandă dezvoltarea tehnologiei de creare a site-urilor pentru a începe cu marca HTML HyperText în programul Notebook, care este primar în această direcție. Desigur, în 8 ore este imposibil să explorați întreaga limbă HTML, dar puteți arăta scopul și aplicarea principalelor etichete ale limbii. Dacă elevul este interesat de tehnologia creării de site-uri, aceasta va putea continua studiul materialului pe cont propriu sau la respectivele cursuri, cercuri sau electives.

Prezentat toolkit. O versiune repetată a fost adoptată în clasa a 8-a a Gimnaziului nr. 441 din districtul Frunzensky din St. Petersburg și include materiale pentru clase teoretice și practice, a căror execuție este demonstrată prin proiector, iar elevii sunt efectuați independent pe computer folosind materiale la lecție.

Pentru studenții care au îndeplinit rapid lucrarea planificată în lecție, sunt furnizate sarcini suplimentare.

Mastering efectiv materialul atunci când studenții împreună cu profesorul efectuează un proiect general, de exemplu, pe tema istoriei "teatrelor dramatice ale Sf. Petersburg", apoi ca o lucrare finală, creați un proiect mic privat, Utilizarea site-ului ca șablon creat împreună cu profesorul.

Ca lucrări de credit, elevii răspund la teste pentru cunoaștere tag-uri HTML. Și reprezintă site-ul creat independent.

Obiectivele de învățare de bază: formarea unui interes cognitiv, dezvoltarea abilităților intelectuale și creative în domeniul tehnologiei web.

Instruire:

  • formează un sistem de cunoștințe pe tehnologia creării de site-uri web;
  • Învățați limba HTML HyperText Markup pentru a crea site-uri;
  • introduceți etapele activităților proiectului.

În curs de dezvoltare:

  • dezvoltați creativitatea pentru auto-exprimare, prin crearea de site-uri;
  • formează capacitatea de a compara, de a căuta analogul și de a efectua cunoștințe la noul domeniu al tehnologiei web;
  • dezvoltați abilitățile informatice

Educational:

  • calea ferată o atitudine conștiincioasă la muncă;
  • ridicați sentimentele de parteneriat și responsabilitatea personală pentru site-ul creat;
  • ridica arta și gustul estetic;
  • creșteți un utilizator competent și corect al internetului.

Lectia 1

1. General Despre site-uri web și limbă HTML

Word Wide Wide Wide-site-uri largi. Site-ul web de structura sa seamănă cu un jurnal care conține informații despre orice subiect sau problemă. Cum constă revista pagini tipăriteDeci, site-ul web este alcătuit din pagini web de calculator combinate de hyperlink-uri. Paginile web pot conține text, desene, tabele, obiecte multimedia și dinamice. Crearea site-urilor web poate fi efectuată utilizând limba HTML.

HTML - Limba de marcare a textului Hyper - limba de marcaj hipertext. HTML nu este în nici un fel de limbaj de programare, este responsabil numai pentru amplasarea elementelor (text, desene) în fereastra browserului. HTML este o limbă pentru crearea site-urilor web în World Wide Web. Limbajul HTML constă din comenzi simple - etichete. Etichete Gestionați informațiile de pe ecran atunci când afișați un document HTML. Etichetele constau în paranteze unghiulare<>... și sunt pereche și nepermise (singure<>).

Documentul HTML este fisier text cu extensie. hTML. sau. hTM.conținând setul de etichete.

Browser - (Browser) - un program pentru vizualizarea paginilor web. Microsoft Internet Explorer, Opera și alte browsere sunt utilizate pe scară largă. Browserul Când primește un document HTML efectuează analiza sa, construiește un model de obiect de documente, apoi afișează rezultatul pe monitor.

2. Structura documentului HTML

3. Formatarea simbolurilor

Sunt afișate caracterele încheiate între următoarele etichete:

Parametrii fontului

Textul anexat între etichete …….. Are o dimensiune, culoare și setul cu cască dat. Pentru aceasta, sunt utilizate atributele: Dimensiune \u003d. valoare de la 1 la 7 și Culoare \u003d.culoare (aqua, negru, albastru, fuchsia, gri, verde, var, maro, marina, măslin, violet, roșu, argint, teal, galben, alb), fiecare culoare corespunde codului său hexazecimal de la 000000 la FFFFFF.

Dacă textul are mai multe goluri între cuvinte sau simboluri de fila, browserul de pe ecran are doar un singur spațiu. Dacă sunt necesare spații suplimentare, atunci în cuvintele este necesar să adăugați - primitivul simbolului.

Etichetă unică
Sparge fluxul de text și introduce un șir gol. Câteva astfel de etichete adăugați mai multe linii goale. Intervalul intervalului este singur.

4. Numărul de sarcină practică 1.

Crearea primului document HTML "Teatre Dramatice din St. Petersburg", lucrează cu fonturi, culoarea sarcinii și dimensiunea fontului. Mastering tehnologia de lucru.

Lecția numărul 2.

1. Formatarea textului în paragrafe

Etichetă - începe paragraful dintr-o linie nouă. Noul paragraf este separat de intervalul dublu precedent.

Nivelul textului în paragrafe:

2. Culoarea sarcinii Toate textul și fundalul documentului

Descrie în eticheta inițială a documentului documentului

TEXT.\u003d text de culoare >.

3. Antet de diferite nivele

Tegs. …. Înregistrați textul anexat în ele. Valorile N variază de la 1 la 6, în timp ce textul este derivat dintr-unul mai mare. Etichete …. pot avea atribute Align \u003d centru, stânga, dreapta.

4. LISTA SIMPLE

5. Practicați numărul de sarcină 2.

Formatarea textului pe paragrafe, culoarea de fundal, titlurile de diferite nivele, liste.

Lecția numărul 3.

1. Introducerea imaginilor grafice

Toate browserele sunt acceptate de formate .gif., .jpg. Aceste formate sunt raster. Gif. - Sprijină transparența și animația, potrivită pentru imagini trase de mână. JPG. - Pentru imagini color complete, potrivite pentru imagini și fotografii scanate, animația nu acceptă.

Etichetă unică Introduce imagini grafice în fluxul de text oriunde:

>

Atributele opționale de etichete :

Pentru a face desenul în centru, puteți utiliza o etichetă

…….
/

2. Numărul de sarcini practice 3

Introduceți și formați imagini grafice. Crearea de autoadaptive a paginilor web ale teatrelor dramatice.

Lecția numărul 4.

Comunicarea cu alte documente este organizată de etichete<A\u003e ....

> text hyperlink. .

>< IMG SRC \u003d Numele fișierului grafic " >

2. Numărul de sarcină practică 4

Înregistrarea listei de teatre pe pagina principală a lui Glavn.htm, ca hyperlink-uri la paginile web corespunzătoare de teatre.

Lecția numărul 5.

1. Tabele

Utilizat nu numai pentru a avea date în celule, ca în scopul poziționării fragmentelor de text și a imaginilor reciproce.

Cu ajutorul tabelelor, este convenabil să se creeze navigare pe site.

Un exemplu de tabel de două linii (rânduri) care conține două celule:

Celulele de masă pot conține text sau imagini, precum și text cu etichete HTML și hyperlink-uri. Nu lăsați celulele tabelului martor, este necesar să se plaseze cel puțin un spațiu indiscutabil

Principalele atribute Tagov.

și
Setați setările tabelului, șirurile sau celulele:

Align \u003d stânga, dreapta, centru - aliniere (

, ,
)

Bgcolor \u003d "culoare" - culoarea fundalului (

, ,
)

Hspace \u003d spațiu liber stânga și dreapta de la masă în pixeli (

)

Vspace \u003d spațiu liber - spațiu liber pe partea de sus și de jos din tabelul din pixeli (

)

Lățime \u003d lățimea de valoare a valorii (celulele) - în pixeli sau la procente (

,
)

Înălţime = Valoare - Înălțimea mesei (celule, șiruri) - în pixeli sau la procente (

, )

Border \u003d valoare - grosimea cadrului din jurul mesei și celulele sale, valoarea implicită \u003d 1, dacă valoarea \u003d 0, atunci nu există cadru (

,
, ,

Pentru a nu modifica codul, deschideți orice imagine pe care doriți să o vedeți în antetul paginii și salvați-o ca

Dacă doriți să redimensionați sigla, atunci în șirul de sus

schimbați dimensiunea imaginii la dvs. (acest lucru este necesar pentru afișarea corectă a siglei dvs.).

lățime \u003d "500" Înălțime \u003d "200"

Înapoi fundal pe pagina de scor de calculator:

Nu este inclusă în sarcină, dar va exista o pagină plictisitoare, dacă nu punem o imagine pe fundalul din spate.

Adăugăm sub linie

Numele paginii. :



)

Bordecolor \u003d "Culoare" - cadre ZET ( >)

Valpigh \u003d partea de jos, mijlocul, partea de sus - Aliniați conținutul verticalului (

)

2. Practicați numărul de sarcină 5

Crearea unei navigație a site-ului sub forma unei mese de la o linie

Lecții №6 și №7

1. Secțiunea antetului , meta etichete

În secțiunea antet, această pagină indică informații despre documente care sunt utilizate atunci când sunt afișate. Textul anexat între etichete </b>... <b>, afișează un antet de fereastră al browserului.

În secțiunea antet, un număr de etichete sunt de obicei plasate cu diverse atribute care furnizează informații suplimentare (meta-informație) pe site-ul web:

Teatre dramatice ale Sankt-Petersburg <b>

> - - (specifică tipul de tabel de cod ( windows-1251., Koi8-r. Ambele) utilizate în pregătirea părții textului documentului.

- informații de către

2. Lucrări independente la proiectul dvs.

Exemple de teme de proiect: "Poduri prin NEVA", "Râurile și canalele Sankt Petersburg", "Poduri prin canalele Sankt-Petersburg", "Muzee neobișnuite din Sankt Petersburg", "Teatre muzicale", "Filarmonica și Capella" "Universitatea Tehnică - și St. Petersburg," Teatrele pentru copii din St. Petersburg "," Universitatea Umanitară-S St. Petersburg "," Suburbiile Sankt Petersburg "," Muzeele Sankt Petersburg "," Instituțiile de învățământ militar Sf. Petersburg "și alții.

Trebuie să aranjați pagina principală a fișierului de eșantionare a site-ului Glavn.htm selectând o masă sau o listă ca navigare pe un site și 2 - 3 pagini care dezvăluie conținutul site-ului și conțin: antet, text și desen.

Lecția numărul 8.

1. Testul de control pentru cunoașterea etichetelor HTML - 15 minute.

2. Reflecție. Prezentarea proiectului și estimarea studenților de clasă și a profesorului - 30 minute.

Întrebări de test de control - Anexa 2.

Literatură pentru profesor

  1. Thomas A.powel "Web-design. Cel mai complet ghid. În substituție ", ediția a 2-a, BHV-SPB, 2005
  2. Maro M. "HTML 3.2. Cel mai complet ghid. În originalul ", BHV-SPB, 1999
  3. Zakharkina V.V. "Bazele de a crea pagini web", manual metodologic, St. Petersburg, 2000
  4. K.akhmetov, "Microsoft Internet Explorer 4.0 pentru toate", Editura Calculator, Moscova, 1997

Literatură pentru un student

  1. Usenkov D. "Lecții de masterat Web", Moscova, Binin, 2004
  2. Smirnova I. "Începutul designului web, St. Petersburg, BHV, 2004.

Lista resurselor de Internet

  1. http://htmlbook.ru - Merzezhevich Vlad. Un produs scurt, dar informațional privind tehnologia creării de site-uri, HTML, CSS, design, grafică etc.
  2. http://html.manual.ru - Gorodulin Vladimir. Directorul HTML.
  3. http://wincanger.narod.ru - A. Klimov. O scurtă carte de referință pe etichetele limbajului HTML.

Dar dacă aveți nevoie de sursă, toate temele care sunt luate în considerare pe această pagină, atunci toate acestea pot fi descărcate de o singură arhivă!

Dacă nu a funcționat, vezi cum

Un avertisment:

Nu puteți rula prost această lecție și obțineți cinci!

Cerințe și examinați sarcina completă pentru fiecare profesor sunt diferite.

Înainte de a continua, acest lucru a fost făcut pe acest principiu, așa cum este descris mai jos ... și apropo, acest design a fost făcut în 2008 ...

Nu există niciun conținut despre pagini, o descriere simplă a procesului, care este responsabilă. Ai nevoie de ceva de gândit la umplere, folosind funcționalitatea acestei arhive!

Sarcina pe știința informaticii - "Creați-vă site-ul dvs."

Sarcina:

Creați un site de la cel puțin 7 pagini.

Aplicarea obligatorie a tabelelor.

Utilizați CSS.

Pe una dintre pagini introduceți o fotografie.

Pe una dintre pagini pentru a utiliza scriptul Java.

Pe paginile să utilizeze formatarea textului, paragraful, liniuța, lista proporționată.

Descărcați sarcina pe informatică"создать сайт".!}

Unde vom face site-ul?

Nu numai sarcina informaticii, ci și informații utile pentru toți cei interesați de modul de a face singur site-ul.

Puteți face un site web care va fi localizat pe PC, cu linkuri către pagini din dosar.

Vom crea încă de la început.

Prima pagină a site-ului se numește index.html

Pagini urâte

Creați un dosar în care site-ul nostru va fi stocat.

Deschideți un notebook, copiați codul de aici și introduceți-l în Notepad:

Pagina gata!

Creați o masă pe pagina de activitate informatică:

(Etichetă Proiectat pentru a fi afișat pe o pagină web a format grafic GIF, JPEG sau PNG. Această etichetă are un singur atribut SRC obligatoriu, care definește adresa fișierului cu imaginea.)

Această linie ne spune că desenul nostru este numit logotip.jpg cu o dimensiune de 500 x 200

Atenţie:

dimensiunea imaginii nu trebuie să depășească lățimea mesei!

Creați un dosar suplimentar și îl sunați - "Foto"

Stitutul nostru trebuie să fie așa.