Instytut Inteligentnych Systemów Informatycznych Politechnika Częstochowska Programowanie interaktywnej grafiki na stronach WWW Lab 1: Dobór kolorystyki 3 marca 2014
¾ Ä ½ ÓÖ ÓÓÖÝ ØÝ 1 Cel ćwiczenia Ñ ÛÞ ÓÖØÓÖÝÒÝ Ø ÞÔÓÞÒÒ ØÙÒØ Þ ÔÓ ØÛÑ ÓÓÖÙ Ó¹ ÓÖÝ ØÝ ØÖÓÒÝ ÀÌÅÄ ÔÖÞÝ ÛÝÓÖÞÝ ØÒÙ ÓÛÝ ÖÙ ÞÝ ØÝ ¹ Ë˺ ÈÖÓØ ØÖÓÒÝ ÒØÖÒØÓÛ ØÒÓÛ Þ Ó Ò ØÔÒÝ ÛÞ ÓÖØÓÖÝÒÝ Þ ÂÉÙÖݺ 2 Co jest niezbędne? ÅÖÓ ÓØ ÜÔÖ ÓÒ Ï ÅÖÓ ÓØ ÜÔÖ ÓÒ ÒÖ ºÆÌ ÖÑÛÓÖ º º¼ 3 Wstęp ÈÖÞÝÔÓÑÒÒ ÔÓ ØÛÓÛÝ ÛÓÑÓ Þ ÓÛÝ ÖÙ ÞÝ ØÝ ½º ËØÖÙØÙÖ ÓÙ ØÖÓÒÝ ÀÌÅÄ ÊÝ ÙÒ ½ ËØÖÙØÙÖ ÓÙº
ÓÒØÒØ ¹ ÞÛÖØÓ ÓÙ ÔÒ ¹ ÑÖÒ ÛÛÒØÖÞÒÝ ÑÖÒ ¹ ÑÖÒ ÞÛÒØÖÞÒÝ ¾º Å ÙÑ ÞÞÒ Ò ØÝ ÌÒ Ñ Ô ÀÌÅÄ Ø Ý ØÝÔ Ø Ü Ø» À½ ß Ó Ó Ö Ù È ß ÓÒØ Ñ Ý Ö À Ú Ø Ò Ö Ó Ó Ö» Ø Ý ÛÒØÖÞÒÝ Ô ÄÁÆà ÊÄ Ø Ý Ø ÀÊ Ø Ý º ÌÈ Ø Ü Ø» ÄÓÒ ÔÖÞÝ ÞÒÞÒ ÀÌÅÄ ËÌÄ ÓÒØ Þ ½ ¼ ÔØ ÖÓÙÒ Ó Ó Ö ÝÓÛ ÆÔ» º ÌÝÔÝ ËË ØÓÖ ¹ ØÓ ØÝÔÙ Ø Ó ÒÞÛ ØÓÖ ÑÓ Ý Ù ÝØ ØÝÓ ÖÞ Ò ØÖÓÒ ÒØÖÒØÓÛ Ý ØÓ ØÝÔÙ ÛÝÓÖÞÝ ØÙ Ó ÓÔ Ù ÓÖÑØÓÛ ÛÒÝ Þ ØÖÓÒÝ Ø ÓÝ ¹ ÒÖ ØÑÒÙ Û ØÖ ØÖÓÒÝ ÓÛÓÙ ÔÓÔÖÞÞ ÔÖÞÝÔ Ò ÒÞÛÝ Ý Ó ÑÒØÙ º È ØÑ Ú ÔÓÒØÒØ ÔÓÒØÒØ ß ÑÖÒ Ø ½¼ ÔÜ ÛØ ¼¼ÔÜ ÑÒ Ø ¼¼ ÔÜ ÖÓÙÒ Ó Ó Ö ÔÒ ½ ¼ ÔÜ
Ä ½ ÓÖ ÓÓÖÝ ØÝ º ØÓÖ ¹ Þ Ý ØÓ ØÝÔÙ ÑÓ Ò ÓÖÞÝ Ø ÛÓÖÓØÒ ÔÖÞÝ ÓÖѹ ØÓÛÒÙ Ö ÒÝ ÑÒØÛ ØÖÓÒÝ Û ØÖ ØÖÓÒÝ ÓÛÓÙ ÔÓÔÖÞÞ ÔÖÞÝÔ Ò ÒÞÛÝ Ó È ØÑ Ú ÒÒÚ Ö ÄÓÖѽ º ØÑ ÄÓÖÑ ½»» Ú º ÒÒÚ ß Ó Ø Ø ÔÒ ¼ ¼ Ø ¾¼ÔÜ ÑÖÒ Ø ÔÜ ØÓÖ ¹ ÓÒ ÒÙÑÝ ÛÝ ÓÑÝÒÝ Û ÞÝ Ø ÞÒÞÒÛ Ó ÒÞÛ ØÓÖ ÓÝ ß ÖÓÙÒ Ó Ó Ö ÓÒØ ÑÝ Ö ÀÚØ Ò Ö Ó Ó Ö ¼¼ Ô ß ÔÒ ¾¼ ÔÜ ØÓÖ½ ØÓÖ¾ ß ººº ¹ ØÓÖ Þ ÔÓÔÖÞÒÑ ÓÖÑØÓÛÒ Ø ØÓ ÓÛÒ ÛÝÞÒ ÛØÝ ØÓÖ¾ ÞÒÞ ÛÛÒØÖÞ ØÓÖ½º ß ØÜØ Ó Ö Ø Ó Ò ÒÓÒ È ØÑ Ö ØØÔ»»ÛÛÛº º ÔÞ º Ô ÍÛ» Ù Ò Ú Ø Ó Ò ÛÖÒÒ Ö ØØÔ»»ÛÛÛº º ÔÞ º Ô ÍÛ»» Ö ØØÔ»»ÛÛÛº º ÔÞ º Ô ÃÓÓÛ»
» Ö ØØÔ»»ÛÛÛº º ÔÞ º Ô Þ Ò»»» Ù ÓÖÑØÓÛÒ ÞÓ ØÒ Þ ØÓ ÓÛÒ ÝÒ Ó ÞÒÞÒÛ ÞÒÙ¹ Ý ÛÛÒØÖÞ ØÝ º ØÓÖ½ ØÓÖ¾ ß ººº ¹ ØÓÖ Þ ÞÑ ÓÖÑØÓÛÒ Ø ØÓ ÓÛÒ ÛÝÞÒ ÛØÝ ØÓÖ¾ ÞÒÞ ÞÔÓÖÒÓ ÛÛÒØÖÞ ØÓÖ½º È ÙÓ Ý ÔÖÞÝ Ó ÝÞ Ò ß Ó Ó Ö ¼ ¼ Ú Ø ß Ó Ó Ö ¼¼¼¼ ÓÚÖ ß Ó Ó Ö ¼ ¼ Ø Ú ß Ó Ó Ö ¼ ¼ ¼ ¼ ÈÖÞÝ Ù ÝÙ ÔÓÛÝ Þ Ò ÓÖÑÝ ÓÓÖÝ ØÝ Ó ÝÞ Û ÔÓ¹ ÞÞÒÝ Ó ØÒº ÒÓÛÒ Û ÒÝ ÓÖÓÒÝ ÞÒÞÒÛ ØÑ Ú º ÒÒÚ ß Ó Ø Ø ÔÒ ¼ ¼ Ø ¾¼ÔÜ ÑÖÒ Ø ÔÜ º ÈÖÓÖÝØØÝ ØÝ µ ÖÙÝ ÓÞÒÞÓÒ ÑÔÓÖØÒØ Ñ ÒÛÝ ÞÝ ÔÖÓÖÝØØ µ Ñ ÛÝ ÞÝ ÔÖÓÖÝØØ Û ØÓ ÙÒÙ Ó ÔÖÞÖ Ý ØÑÙ ÓÔÖ¹ ÝÒÓ µ ÖÙÝ ÓÒ Û ÞÒÞÒ Ñ ÔÖÛ Þ ØÛÓ Ò ÖÙÑ Û ÞÒÞ¹ ÒÙ ØÝ µ ÖÙÝ Û ÞÒÞÒÙ ØÝ Ñ ÔÖÛ Þ ØÛÓ Ò ÖÙÑ Þ ÔÙ º ÞÓÒ ÓÒعÑÝ ßÌÑ ÓÙÖÖ ÎÖÒ ß Ö Ò Ö Ù Ö Ú ÒØ Ý ÑÓÒÓ Ô
Ä ½ ÓÖ ÓÓÖÝ ØÝ ÓÒع ØÝ ßÒÓÖÑ Ø ÓÒعÚÖÒØ ßÒÓÖÑ ÓÒعÛØ Ñ Ô ßÒÓÖÑ Ó ÓÖ Ø Ö ½¼¼ ¾¼¼ ¼¼ ¼¼ ¼¼ ¼¼ ¼¼ ¼¼ ¼¼ ÈÖÞÝÝ ÌÀ ß ÓÒØ Ø Ý Ø À½ ß ÓÒØ ÛØ ¾¼¼ À¾ ß ÓÒØ ÛØ ÓÖ º ÌÓ ÓÓÖ ÓÓÖ ÖÓÙÒ¹ÓÓÖ ÖÓÙÒ¹Ñ ß ÖÓÙÒ Ñ Ù Ö ÓÒ º µ ÖÓÙÒ¹ÖÔØ ¹ ÖÔØ¹Ü ÖÔØ¹Ý ÖÔØ ÒÓ¹ÖÔØ ÖÓÙÒ¹ÔÓ ØÓÒ ¹ ØÓÔ ÓØØÓÑ Ø ÖØ ÒØÖ º ØÖÝÙØÝ Ø ØÙ ÛÓÖ¹ ÔÒ ¹ ØØÖ¹ ÔÒ ¹ ØÜعÓÖØÓÒ ¹ ÒÓÒ ÙÒÖÒ ÓÚÖÒ Ò¹ØÖÓÙ Ò ÚÖØ¹Ò ¹ ØÓÔ ÓØØÓÑ Ñ Ò ØÜعØÓÔ ØÜعÓØØÓÑ ØÜعØÖÒ ÓÖÑ ¹ ÔØÞ ÓÛÖ ÙÔÔÖ ØÜØ¹Ò ¹ Ø ÖØ ÒØÖ Ù ØÝ ØÜعÒÒØ Ò¹Ø º ÅÖÒ Ý ÛÛÒØÖÞÒ ØÓ ÑÓ ÓØÝÞÝ ÞÛÒØÖÞÒݵ ÔÒ ÔÒ¹ØÓÔ ÔÒ¹ÖØ ÔÒ¹ÓØØÓÑ ÔÒ¹Ø
4 Zadanie ÈÖÓ Þ ÓÖ ÓÓÖÝ ØÝ ØÖÓÒÝ ÒØÖÒØÓÛ ÞÔ Ò Û Ô٠ĽºÞÔº ÈÖÞÝ ÛÝÓÖÞ ÓÓÖÝ ØÝ Ò Ý ÛÝÓÖÞÝ Ø ÒÖÞÞ ÔÖÞÒØÓÛÒ Ò ÛÝ Þ ÔÖÞÑÓØÙº ÛÖØÓ ØÖÓÒÝ ÒØÖÒØÓÛ Ò Ý ÛÝÔÒ Ø ØÑ ØÝÔÙ ÄÓÖÑ ÁÔ ÙѺ Ì Ø ÒÖÙÑÝ ÔÖÞÝ ÛÝÓÖÞÝ ØÒÙ ÖÑÓÛÝ ÒÖØÓÖÛ Ø ØÓÛ ÞÛÖØÓ ØÖÓÒݺ ÏÝ ÖÞÒÝ ÔÓ ÞÞÒÝ ÑÒØÛ ØÖÓÒÝ Ò Ý ÞÔÖÓØÓÛ Û ÓÛÓÒÝÑ ÓÔÖÓÖÑÓÛÒÙ ØÝÔÙ ÑÔ ÈÓØÓ ÓÔ ÜÔÖ ÓÒ ÒÖº Ï ÔÖÓ Ò Ý ÙÛÞÒ ÓÖ ÓÔÓÛÒ ÑÒØÛ ÖÞÒÝ ÑÒØÛ ÑÒÙ Ó ÝÞÝ Ø ÞÛÝÝ ÓÖÞ Ø ÔÙÒØÓÛÒݺ Ï ÞÝ Ø ÑÓݹ ØÖÓÒÝ Ûݵ Ø ØÓ ÑÓ Û Ò Ý ÛÝÓÒÝÛ ÛÝÞÒ ÔÓÔÖÞÞ ÑÓÝ ÓÛÝ ÖÙ ÞÝ ØÝ Ë˺