{"id":388,"date":"2023-02-24T06:29:00","date_gmt":"2023-02-24T03:29:00","guid":{"rendered":"http:\/\/professor.norton.net.br\/?p=388"},"modified":"2023-02-25T01:42:40","modified_gmt":"2023-02-24T22:42:40","slug":"programacao-web-css","status":"publish","type":"post","link":"https:\/\/professor.norton.net.br\/index.php\/2023\/02\/24\/programacao-web-css\/","title":{"rendered":"PW &#8211; CSS folha de estilo"},"content":{"rendered":"<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/PW_04.pptx\">Apresenta\u00e7\u00e3o sobre CSS<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2014\/02\/aula04.rar\">Exemplo em sala de aula &#8211; 1<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2013\/08\/pw_aula05.rar\">Exemplo em sala de aula &#8211; 2<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2017\/08\/exemplo.zip\">Exemplo em sala de aula &#8211; 3<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2019\/08\/pw04_exemplo.zip\">Exemplo em sala de aula &#8211; 4<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2014\/09\/CSS3.ppt\">Apresenta\u00e7\u00e3o sobre CSS3<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/08\/css3_exemplo.rar\">css3_exemplo<\/a><\/p>\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/\">Documenta\u00e7\u00e3o completa sobre CSS<\/a><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/w1XVMScLRv4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/rYPkcZqiqPY\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/1uc9oVl3dZ8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p><strong><span style=\"line-height: 1.5em;\">Atividade<\/span><\/strong><\/p>\n<p>PW03<\/p>\n<p>Responder no MS TEAMS<\/p>\n<p>1-Utilizando o arquivo HTML da corre\u00e7\u00e3o da atividade PW02 crie uma folha de estilo para a formata\u00e7\u00e3o da p\u00e1gina, utilizando todos os tipos de seletores ensinados em aula.<\/p>\n<p>2-Crie um css em cascata para criar uma p\u00e1gina que represente a imagem abaixo:<\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2043\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata-300x224.png\" alt=\"estilocascata\" width=\"300\" height=\"224\" \/><\/a><\/p>\n<p>3-Utilizando Media Queries, construa no mesmo CSS a vers\u00e3o para tela formato retrato<\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2405\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato-123x300.png\" alt=\"retrato\" width=\"123\" height=\"300\" \/><\/a><\/p>\n<p>4- Crie uma vers\u00e3o de CSS responsivo com media queries do exercicio 1<\/p>\n<p><!--\n2-\u00a0Utilizando o conceito de CSS em cascata, crie uma p\u00e1gina utilizando DIV e CSS para representar a imagem abaixo:\n\n<a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2013\/08\/divs.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-65\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2013\/08\/divs-300x244.png\" alt=\"divs\" width=\"300\" height=\"244\" \/><\/a> --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apresenta\u00e7\u00e3o sobre CSS Exemplo em sala de aula &#8211; 1 Exemplo em sala de aula &#8211; 2 Exemplo em sala de aula &#8211; 3 Exemplo em sala de aula &#8211; 4 Apresenta\u00e7\u00e3o sobre CSS3 css3_exemplo Documenta\u00e7\u00e3o completa sobre CSS Atividade PW03 Responder no MS TEAMS 1-Utilizando o arquivo HTML da corre\u00e7\u00e3o da atividade PW02 crie <span class=\"readmore\"><a class=\"more-link\" href=\"https:\/\/professor.norton.net.br\/index.php\/2023\/02\/24\/programacao-web-css\/\">Read More &#8230;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-388","post","type-post","status-publish","format-standard","hentry","category-web-2"],"_links":{"self":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":5,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/388\/revisions"}],"predecessor-version":[{"id":5565,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/388\/revisions\/5565"}],"wp:attachment":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/media?parent=388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/categories?post=388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/tags?post=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}