{"id":10,"date":"2026-10-27T00:33:21","date_gmt":"2026-10-27T00:33:21","guid":{"rendered":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/?p=10"},"modified":"2026-10-27T00:33:21","modified_gmt":"2026-10-27T00:33:21","slug":"module-4-assignment-1","status":"publish","type":"post","link":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/2026\/10\/27\/module-4-assignment-1\/","title":{"rendered":"Module 4 &#8211; Assignment 1"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>CIS 1410 Module 4: Typography, color, images, multimedia<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Assignment 1:<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Explore the color wheel at <a href=\"https:\/\/www.canva.com\/colors\/color-wheel\/\">https:\/\/www.canva.com\/colors\/color-wheel\/<\/a> and define the following using writing for the web techniques discussed earlier:<ol><li>Complementary colors: 2 colors on the opposite sides of the color wheel.<\/li><\/ol><ol><li>Monochromatic: 3 shades that derive from one base color.<\/li><\/ol><ol><li>Analogous: 3 colors that are side by side on the color wheel.<\/li><\/ol><ol><li>Triadic: 3 colors evenly spaced from each other on the color wheel.<\/li><\/ol><ol><li>Tetradic: 4 colors on the week evenly space from each other on the color wheel.<\/li><\/ol><ol><li>Primary, secondary and tertiary colors:<ol><li>Primary: Red, Green, Blue.<\/li><\/ol><ol><li>Secondary: Result of mixing 2 primary colors.<\/li><\/ol><ol><li>Tertiary: Combination of secondary color with primary color.<\/li><\/ol><\/li><\/ol><ol><li>Warm colors:<\/li><\/ol><ol><li>Shades, tints ad tones:<\/li><\/ol>\n<ol class=\"wp-block-list\">\n<li>Hue, saturation and luminance:<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Pick your favorite color. Identify complementary colors, monochromatic, analogous and triadic colors of your favorite color. Write down the hexadecimal numbers or take screenshots if needed.\n<ol class=\"wp-block-list\">\n<li>#366dc1<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"726\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-4.png\" alt=\"\" class=\"wp-image-15\" style=\"aspect-ratio:0.8429752066115702;width:306px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-4.png 612w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-4-253x300.png 253w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visit <a href=\"http:\/\/paletton.com\/\">http:\/\/paletton.com<\/a> to learn about color pallets. Identify three color pallets that you like the most. Choose one monochromatic, adjacent and triad colors. Watch the following video if needed:\n<ul class=\"wp-block-list\">\n<li>Monochromatic: #29506D<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"416\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-2.png\" alt=\"\" class=\"wp-image-12\" style=\"aspect-ratio:1.7884615384615385;width:372px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-2.png 744w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-2-300x168.png 300w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adjacent: 265B6A<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"430\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-3.png\" alt=\"\" class=\"wp-image-14\" style=\"aspect-ratio:1.7255813953488373;width:371px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-3.png 742w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-3-300x174.png 300w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Triad: 28536C<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"426\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-1.png\" alt=\"\" class=\"wp-image-13\" style=\"aspect-ratio:1.7746478873239437;width:378px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-1.png 755w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-1-300x169.png 300w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href=\"https:\/\/www.youtube.com\/watch?v=RPIk4ETyXV8\">https:\/\/www.youtube.com\/watch?v=RPIk4ETyXV8<\/a><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href=\"https:\/\/www.youtube.com\/watch?v=EWZljdmLTrk\">https:\/\/www.youtube.com\/watch?v=EWZljdmLTrk<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apply the chosen color pallets to web pages.\u00a0 Click Examples, Page layout (White page, Dark page, Positive page, Negative page). \u00a0Click Presets, Previews, Tables\/Exports and investigate different color setups as described in the videos above. Write down few color choice and text combinations you liked. You can provide some screenshots as well. Unfortunately, Examples seem to be not working at the moment. Write a paragraph or two describing your Paletton color choice experience\n<ul class=\"wp-block-list\">\n<li>Watching the color wheel change was really helpful, as I\u2019ve never been one that is good with complimentary colors and that has helped a LOT. A few websites that I found had some interesting color combos. They did not seem that they really complimented each other. One that always comes to my head is Facebook and the colors are not complimentary according to the wheel, but I\u2019ve always been taught any color goes with white.<br>The Triad colors were really intriguing to see change, as there were some that I did not think complimented each other. An example is purple, green, and a gold color. Or burnt orange, blue and a brighter green. It was really interesting to see the colors change.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Take screenshot(s) of the Page Layouts under Examples for each color palette. \u00a0\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"398\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image.png\" alt=\"\" class=\"wp-image-11\" style=\"aspect-ratio:1.5075376884422111;width:300px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image.png 599w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-300x199.png 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"401\" src=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-5.png\" alt=\"\" class=\"wp-image-16\" style=\"aspect-ratio:1.5323383084577114;width:308px;height:auto\" srcset=\"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-5.png 615w, https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-content\/uploads\/2026\/10\/image-5-300x196.png 300w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visit <a href=\"https:\/\/www.canva.com\/learn\/100-color-combinations\/\">https:\/\/www.canva.com\/learn\/100-color-combinations\/<\/a> and identify three color combinations that you like and explain your reasons using chunking of text.<ul><li>Monochromatic: I like this because it easily shows that it\u2019s all under 1 specific color. This would be tough to use in a website though, so too much of one color may make it harder for people to read.<ul><li>Fresh &amp; Bright.<\/li><\/ul><\/li><\/ul><ul><li>Complimentary: This is my favorite out of all of them, since the complimentary are what I struggle with but understanding that they are direct across the color wheel is great and they all look so cohesive.<ul><li>Dark &amp; Earthy<\/li><\/ul><\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Triadic color: I like this as this gives life to a website I would say and shows that even if there are multiple colors they can still work nicely together.\n<ul class=\"wp-block-list\">\n<li>Outdoorsy &amp; Natural<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Find on your own two additional resources related to writing for the web, and color as a web design tool.<ul><li><a href=\"https:\/\/webflow.com\/blog\/web-design-tools\">29 best web design tools and resources to try in 2025<\/a> \u2013 Webflow<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/coolors.co\/\">Coolors &#8211; The super fast color palettes generator!<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create a web page answering all the above questions.<\/li>\n\n\n\n<li>Post your weekly blog post. Submit the permalink of the blog.\n<ul class=\"wp-block-list\">\n<li>Will link in this and turn it in.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a>Create a Word document with a link to your web page and blog post.<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>CIS 1410 Module 4: Typography, color, images, multimedia Assignment 1: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; https:\/\/www.youtube.com\/watch?v=RPIk4ETyXV8&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; https:\/\/www.youtube.com\/watch?v=EWZljdmLTrk<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":1,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/posts\/10\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/divandconquer.webhostingforstudents.com\/wp\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}