Category Archives: Multimeediumi arendamine

Multimeedia kolmas kodutöö

See töö läks üle kivide ja kändude.
Nagu ikka tekkis tunnis tunne, et kõik on pigem ärategemise küsimus. Tegelik elu, aga, nagu laulusalm ütleb, küsib hoopis midagi muud.
Esiteks mõtlesin ma, et oleks väga tore teha vanusekalkulaator, mis arvutaks välja inimese vanuse päevades ja tundides. Selliseid kalkulaatoreid on internetis päris palju (näiteks selline imeline kalkulaator).

Kahjuks  osutus see minu matemaatilisele võimekusele liiga keeruliseks pähkliks (üldse ei hakka loendamagi mitu halli juuksekarva mu peas rohkem on). Ja eeldades, et lõppkokkuvõttes pole ka see eesmärk, jäin lõpuks pidama kõige lihtsamate pindalade juurde.

Töö on siin.

Advertisements

Kodutöö tuunimine CSSi abil

Mida ma tegin:

  1. mässasin fontidega (tõmbasin mõned open-type tüüpi fondid, aga ei saanud neid käima. Siis katsetasin GoogleFontsi abil – sellega õnnestus).
  2. pealkirjad said 2 erinevat fonti – 1 esitähele ja teine pealkirja enda jaoks. Samuti toimib hover – kui hiirega teksti peale minna, siis muutub tekst roosaks.
  3. taustapilt – otsisin netist taustapildi ja avastasin siis, et mu taustavärv ei paista selle tagant välja. Võtsin siis PaintNETi abil pildilt tausta ära ja muutsin ka haamri pooleldi läbipaistvaks.
  4. sektsioonid – lisasin (läbipaistva) taustavärvi, raamid, tuunisin laiuse sobivaks ja servad ümmargusemaks, lisasin mõnedele sektsioonidele bordüürid. Viimasele sektsioonile püüdsin lisada sellist imeasja nagu background gradient, aga see jäi eraldi – st mitte taustapildina. Ei tea, kas see ongi niimoodi mõeldud?
  5. lingid – panin värvid lingi erinevatele olekutele, võtsin ära joone lingi alt, lisasin hoverile veel uue fondi ja teksti suuruse.
  6. pildid – jändasin kohutavalt kaua, et pildid saaksid tabelis normaalselt üksteise järele, mitte kõrvuti. Lõpuks töötas <div>, vist. Seda funktsiooni, et pilt hoveriga läbipaistvaks muutuks ja ennast pööraks, ei saanud üldse tööle.
  7. lisasin mõned pseudoklassid, millega töötlesin teksti ja sektsiooni.

 

Töö ise on siin.