Izvinite, bili ste blokirani

Sadržaj:

HTML instrukcijama u poÄetku je donirala dvije trosatne sjednice razreda. Spafford je zapoÄeo svaki sa kratkim uvodom u koncept svjetskog weba i mehaniku preglednika. Potom je distribuirala broÅ¡ure na osnovnom HTML kodiranju i koristila poveÄ‡anu projiciranu sliku kako bi analizirala nekoliko priliÄno osnovnih web stranica sa promjenom pregledaÄa s pogledom na istu datoteku kao kodirani tekst, koristeÄ‡i dva otvorena prozora.

U drugom od ove dvije sesije, fokus je bio na dodavanju slika na web lokacije. U drugom dijelu biblioteÄke zgrade Å¡asa imala je sobu opremljenu skeneru koja bi mogla biti rezervirana po satu. Na raspolaganju nam je i u poÄetku smo ga rezervirali za dvosatnu sesiju. Rekli smo studentima da donesu neke slike da poboljÅ¡aju istraÅ¾ivanje ukljuÄene u njihove web lokacije. Spafford je skenirao ove, spasivÅ¡i ih kao priliÄno gifove niske rezolucije (lijevo). Napravila je manja korekcije i promjene u Photoshopu 3., program manipulacije slika koji je uÄitan na istom raÄunaru. Nekoliko studenata je pronaÅ¡lo i ukljuÄivalo povezane slike na Internetu, koji im je uÅ¾ali pokazao kako kopirati i prenositi (desno).

Prenos lokacijel, ali jedan student uspio je da svoje stranice zavrÅ¡i rok, mada nisu bile sva prepreka. Postojao je daljnji problem sa diplomskim / preddiplomskom devladicom, kada su studenti poÄeli prenositi svoje web lokacije na server. Diplomirani studenti mogli bi uspostaviti vlastite poÄetne stranice koristeÄ‡i svoje raÄune putem e-poÅ¡te na Å¡asiji posluÅ¾itelju, ali studenti nisu imali ovu opciju sa svojim raÄunima, koji su uglavnom bili na posluÅ¾itelju podataka. Brojni telefonski pozivi i e-mailovi nisu nas doveli do rjeÅ¡enja, pa smo kao posljednje sredstvo odluÄilo da predamo ruku na njihovim zavrÅ¡enim web stranicama i prateÄ‡im slikama na disketi i uÄitali smo ih u poddirektoriju na haubinom raÄunu.

Maturanti, u meÄ‘uvremenu, koji su bili u meÄ‘uvremenu, koji su trebali biti prikazani kako da uÄitajuÄ‡i svoj rad na Chass Server, koristeÄ‡i program FTP (Protocol Transfer). BuduÄ‡i da u ovom trenutku nije bilo ni raÄunarskog uÄionica, ni novac na raspolaganju za drÅ¾anje druge sesije, mi smo to dobro neformalno postavili. Spafford je objavio detaljna uputstva na listu klase o tome kako pristupiti i koristiti FTP program koji je ukljuÄen u njihov softver za e-poÅ¡tu i korak po korak na lekciji o tome kako kreirati direktorij, a zatim prenijeti svoj rad. Neki su zahtijevali nekoliko pokuÅ¡aja i pomoÄ‡i od jednog od nas, ali na kraju su sve web lokacije bile gore i trÄale.

Uprkos svim problemima, studenti su otiÅ¡li osjeÄ‡aju da su stekli korisnu veÅ¡tinu i uspjeÅ¡no su uÅ¡li u svijet interneta. Hooda je takoÄ‘er nauÄila mnoge nove stvari i uspjeli preÅ¾ivjeti sve zahtjeve ovog poduhvata. Na osnovu visokog nivoa studentskog entuzijazma koji proizlazi iz prvog pokuÅ¡aja, dodijelila je sliÄan projekt za svoju klasu 1997-98. Hood je osjetio da svi njeni ciljevi joÅ¡ nisu postignuti, zbog kojih se uglavnom nalaze tehniÄkim i logistiÄkim problemima koje smo naiÅ¡li i nadala se da bi se to moglo promijeniti sljedeÄ‡i put. (Pogledajte: Meni svih web stranica uÄenika 1996-97.)

Lynn Holden, akademska tehnoloÅ¡ka veza na informacijskom zajednicu, uÅ¡la je tokom sastanka druge klase kako bi se zasjedanje dao na dizajnu sa priliÄno konceptualnog glediÅ¡ta. To se pokazalo pomalo preuranjenim dok uÄenici nisu ni otiÅ¡li ni preko osnova za stvaranje web stranica i teÅ¡ko je pronaÅ¡li koncepte. Dok je dizajn sastavna komponenta web izgradnje, u buduÄ‡im godinama, ova sesija Ä‡e biti mnogo vrednija data kasnije u toku, nakon Å¡to studenti imaju bolje razumijevanje ovog novog podruÄja i njihovih pojedinaÄnih istraÅ¾ivaÄkih projekata.

Spafford je donirao svoje vrijeme rano u semestru kako bi dao dvije sesije na internetskim osnovama, HTML-u, postavljanjem raÄuna za web mjesto i ftping. Nakon eksperimenata iz prethodne godine, stvari su u ovim dvije sednice brzo i glatko iÅ¡le mnogo brÅ¾e, a do kraja drugog sesije ima preliminarno mjesto ugraÄ‘eno na Internet.

Bilo je mnogo viÅ¡e opcija ponuÄ‘enih druge godine kroz Å¡asiju i informacije. Nekoliko haubinskih studenata uzelo je besplatne kurseve za prijavu na osnovnim za napredni dizajn web stranica; Oni su im pomogli da se brÅ¾e nauÄe i sustavniju. TakoÄ‘e, Chass je pruÅ¾io vrijeme svog informativnog sluÅ¾benika Claire Smitha, kako bi poduÄavao dvije trosatne sesije, koje su uÄvrstile velik dio ranijih informacija i da su studentima dali opciju za razvoj naprednih dizajnerskih strategija, kao Å¡to su ugradnja tablica i okvira .

Variranje studentskog interesa za projekt je u ovom trenutku bilo vidljivo. Neki od lokacija ostali su osnovni, ali funkcionalni, dok su drugi studenti razvili priliÄno sofisticirane izglede i nastavili rad na njima nakon roka. (Pogledajte: Meni svih 1997-98 studentskih web stranica)

Navedite da su najlakÅ¡i alati za kreiranje web stranice za njihov portfelj. / LI>
Podijelite razred u tri grupe i da li svaka grupa ispita jedno od sljedeÄ‡ih besplatnih graditelja web stranice za kategoriju dizajna "Portfolio" (svaka web lokacija web graditelja ima kategoriju portfelja). (UÄitelj napomena:.. Iako su ovi stranicama su besplatni oni mogu zahtijevati registraciju MoÅ¾ete izabrati da stvori i pruÅ¾aju prijava)
- Wix
- Squarespace
- Weebly
slijed u uÄenju
Ovaj niz lekcija Ä‡e naglasiti vaÅ¾nost dizajnera koji se fokusira uvijek na potrebe korisnika u bilo kojem procesu dizajna. Fokusiramo se na dizajn web stranica i ispitujuÄ‡i funkcionalnost, pristupaÄnost, upotrebljivost i estetiku. UÄenici posmatraju i potiÄu se da postavljaju razjaÅ¡njenja pitanja
- Navedite da, ako dizajner Å¾eli viÅ¡e slobode od ovih besplatnih alata sa svojim unaprijed definiranim predloÅ¡cima, postoje i odreÄ‘eni broj dostupnih aplikacija.
- Raspraviti o nekim od ovih sa klasom (pogledajte uvod uÄitelja za neke ideje).
- demonstrirati na razredu nazvanu zvanu Golub izgraÄ‘en pomoÄ‡u Adobe Muse CC da iznesu svoj odgovor na responzivnoj funkciji: alternativno, ako se gornji naslov poremeti (!), koristite drugu web stranicu kreirana u Adobe Muse CC Za ovu demonstraciju preporuÄuje se Chrome Browser.
- Kako pogledate web stranicu sa uÄenicima, imajte na umu kako se elementi teÄno premjeÅ¡taju u svakoj od web stranica kada su prozori pretraÅ¾ivaÄa veliÄine za smjeÅ¡taj novih dimenzija.
- Studenti tada usporeÄ‘uju web stranicu pomoÄ‡u radne povrÅ¡ine, tablet i malog ekrana kao Å¡to su mobilni telefon. (Potrebno je imati samo nekoliko ureÄ‘aja za dijeljenje oko.) Studenti promatraju kako se prikaz prilagoÄ‘ava dimenzijama i veliÄinama ekrana.
- naglasiti da mora biti stvoren samo jedan web izgled. Zbog znaÄajke Adobe Muse CC-a OdgovarajuÄ‡i znaÄajki, nijedan kod nije napisan jer ga je primijenjena interaktivno generirana. / LI> Ponovite, pregledavajuÄ‡i sljedeÄ‡e web stranice HTML5 kotlovnice pomoÄ‡u radne povrÅ¡ine i mobilnih ureÄ‘aja:
- objasniti da su znaÄajke odgovorne rasporede na gornjoj web stranici postignute kodiranjem ruÄno i na gornjoj upotrebi specijaliziranih CSS-a i JavaScript kod. / LI>
- PrikaÅ¾i primjere primjenom obrazloÅ¾enja web lokacije, koji pruÅ¾aju isjeÄke kodeksa za dizajnere web stranica.
- PrikaÅ¾i studente sljedeÄ‡eg videozapisa nazvan fiksni u odnosu na tekuÄ‡inu protiv Adaptive vs. Odgovorna.
- Objasnite studentima da se pravilo o mediju CSS3 medija koristi za definiranje razliÄitih pravila stila za razliÄite tipove / ureÄ‘aja za medije. Jedna HTML datoteka i jedan set slika za viÅ¡estruke varijacije rasporeda pokreÄ‡u se viÅ¡estrukim CSS definicijama koje pokreÄ‡u medijski upiti.
- Objasnite da dizajneri koji ne Å¾ele stvoriti tri dizajna imali su izbor koriÅ¡tenja predignet predloÅ¡ka ili kodiranja rukom.
- Recite studentima da Adobe Muse CC omoguÄ‡ava stvaranje web stranica bez potrebe za pisanje koda. Muse ne sprovodi "odgovarajuÄ‡i izgled" kodiranjem ruÄno, ali pomoÄ‡u dizajnerskog procesa koji automatski generira ovaj CSS k´d za dizajnera.
- objasniti da Adobe Muse koristi ono Å¡to naziva medijskim upitima prelomnim toÄkama. Koristi ove i kontejnere, s razliÄitim "prekidama" za razliÄite veliÄine ekrana, web stranice se mogu susresti, od izuzetno malih (mobilnih) do velike (velike radne povrÅ¡ine).
- pokazati efekat prekida pokazujuÄ‡i ovu web stranicu.
- Objasnite uÄenicima da medijski upit ili prekida gleda na sposobnost ureÄ‘aja i provjerava, meÄ‘u ostalim stvarima:
  - Å¡irina i visina prikaza
  - Å irina i visina ureÄ‘aja
  - Orijentacija (je tablet / telefon u pejzaÅ¾ni ili portretni reÅ¾im?)
  - rezolucija.
  Ulaz uÄenja
  - Studenti Ä‡e izgraditi vlastitu web stranicu zasnovana na portfelju koristeÄ‡i Muse u fazama, a vodio je uÄenje izgradnje koje vam pruÅ¾a.
  - Zaustavite se nakon svakog koraka kao Å¡to studenti razvijaju vlastiti sadrÅ¾aj.
  - savjetovati studente da nakon svakog koraka saÄuvaju novu verziju svoje web stranice. / LI>
  - Recite studentima da koriste bilo kakve besplatne moguÄ‡nosti za istraÅ¾ivanje drugih funkcija u Muse CC.
  Koronavirus pandemic, koji se traje veÄ‡ godinu i pol, potpuno je promijenilo naÄin na koji Å¾ivimo. Gotovo sve sfere naÅ¡eg Å¾ivota su izmijenjene, ali sreÄ‡om, jedna sfera je najmanje patila od svih. I to je obrazovanje.
  ZahvaljujuÄ‡i edukativnim veb lokacijama, moÅ¾emo se informirati o obrazovnim ustanovama, preuzmi knjige, gledati informativni sadrÅ¾aj, osvjeÅ¾iti svoje znanje iz Å¡kole kako bismo mogli pomoÄ‡i u naÅ¡oj braÄ‡i i sestrima i djeci sa domaÄ‡im zadacima, s njihovim domaÄ‡im zadaÄ‡ama, s njihovim domaÄ‡im zadaÄ‡ama.
  Ako planirate stvoriti edukativnu web stranicu za jednu od tih svrha ili potpuno drugaÄije, nastavite Äitati, jer Ä‡emo danas gledati Å¡to Äini sjajnu web stranicu i kako moÅ¾ete uÄiniti Vlastiti.