3.06 Tehtävä 6: Pienkonekorjaamo

Tarvittavat ohjelmat

HTML editori: Notepad++

Internetselain: Microsoft Edge, Microsoft Internet Explorer, FireFox, Chrome.

Mikäli sinun tietokoneeltasi ei löydy ylläolevia ohjelmia, voit ladata ja asentaa ne portable versioina.

Sivuston testaus: Eri internetselaimissa sekä https://validator.w3.org/

Tarpeelliset kuvat voit ladata osoitteesta https://pixabay.com/fi/. Pixabay on ilmaisia valokuvia sisältävä valokuvagalleria.

Tehtävän eteneminen

Tässä harjoituksessa toimit mainostoimistossa koodaajana.

Sinuun ottaa yhteyttä Pienkonekorjaamo ruohomätäs niminen yritys. Yritys haluaa itselleen internetsivuston.

Yrityksen toimiala on ruohonleikkureiden, moottorisahojen sekä pensasleikkureiden myynti, korjaaminen ja huoltaminen. He myyvät myös varaosia. Yritys haluaa sivuilleen myös palautelomakkeen.

Projektin vaiheet:

  1. Suunnittele https://www.draw.io/ sivustolla olevan flowchart ohjelman avulla sivuston rakenne. Mieti yhteen ”laatikkoon” mitä töitä ja tehtäviä yrityksessä tehdään. Kun kaavio on valmis, lataa omalle laitteellesi pdf muotoinen tiedosto, valmiista flowchart kaaviosta.
  2. Suunnittele ja toteuta ensimmäisen sivun ulkoasu eli layout
  3. Lisää muutkin tarvitsemasi sivut ja linkit. Linkkien avulla saat minkä tahansa sivun auki, miltä tahansa sivulta.

Tehtävän palautus

Ota kuvaruutukaappaus sivuistasi ennen ensimmäistä validaattori testiä. Liitä kuvaruutukaappaus tekstitiedostoon. Liitä myös koodisi samaan tiedostoon.

Tarkista sivun validiteetti. Validaattorin löydät osoitteesta https://validator.w3.org/

Ota kuvaruutukaappaus tai kopioi validaattorin tulos samaan raporttiin ensimmäisen kuvan ja koodin kanssa.

Korjaa kaikki virheet joita koodista saattaa tulla.

Testaa korjattu sivusi uudestaan validaattorissa, kunnes virheitä ei enää ole.

Ota sen jälkeen kuvaruutukaappaus sivustasi ja validaattorin tuloksesta.

Liitä molemmat edelliseen raporttiin. Liitä raporttiin myös korjattu koodi.

Tallenna pdf tiedosto sellaisella nimellä varutettuna, että tiedoston nimestä käy ilmi koodaajan nimi sekä tehtävän numero.

Palauta sivustosi sähköpostilla pdf tiedostona opettajalla.

Comments are closed.

By continuing to use the site, you agree to the use of cookies. - - - - - - Jatkamalla sivuston käyttöä hyväksyt evästeet.
more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.
- - - - - -
Tällä sivulla käytetään evästeitä sivuston paremman toiminnan takaamiseksi. Jatkamalla sivuston käyttöä tai napsauttamalla "Accept" hyväksyt sivuston evästeet.

Close