{"id":1422,"date":"2022-07-26T22:19:47","date_gmt":"2022-07-26T22:19:47","guid":{"rendered":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/?page_id=1422"},"modified":"2022-08-17T17:36:35","modified_gmt":"2022-08-17T17:36:35","slug":"introducao-ao-html","status":"publish","type":"page","link":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/introducao-ao-html\/","title":{"rendered":"Introdu\u00e7\u00e3o ao HTML"},"content":{"rendered":"\n<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Esta \u00e9 uma s\u00e9rie de tutoriais, produzidos pelo grupo <strong><b>P\u00b2 KLH<\/b><\/strong> do projeto ACT, que tem como objetivo fazer uma introdu\u00e7\u00e3o com os conceitos b\u00e1sicos de HTML.<\/span><\/p>\n<p><\/p>\n<p>\u00a0<\/p>\n<p> <\/p>\n<table style=\"width: 101.307%; height: 195px;\">\n<tbody>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 100%;\">\n<p><span style=\"font-size: 18pt;\"><strong>Aula 01 &#8211; <b>Introdu\u00e7\u00e3o ao HTML e inser\u00e7\u00e3o de Imagens<\/b><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px;\">\n<td style=\"height: 127px; width: 100%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Objetivo: <span style=\"font-weight: 400;\">Introduzir o HTML e sua estrutura; apresentar algumas tags b\u00e1sicas para a estrutura\u00e7\u00e3o de um site; e ensinar como inserir imagens em uma p\u00e1gina HTML.<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<table style=\"width: 100.117%; height: 542px;\">\n<tbody>\n<tr style=\"height: 68px;\">\n<td style=\"width: 76.9049%; height: 68px;\" colspan=\"2\"><span style=\"font-size: 14pt;\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 22.2392%; height: 68px;\">\n<p><span style=\"font-size: 14pt;\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"width: 4.40476%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 72.5001%; height: 68px;\">\n<p><span style=\"font-size: 14pt;\">Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula<\/span><\/p>\n<\/td>\n<td style=\"width: 22.2392%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"width: 4.40476%; height: 68px;\"><span style=\"font-size: 14pt;\">2<\/span><\/td>\n<td style=\"width: 72.5001%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Introdu\u00e7\u00e3o ao HTML<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">O que \u00e9?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Como funciona<\/span><\/li>\n<\/ul>\n<\/td>\n<td style=\"width: 22.2392%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"width: 4.40476%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 72.5001%; height: 68px;\">\n<p><span style=\"font-size: 14pt;\">O que s\u00e3o Tags + Estrutura de uma p\u00e1gina<\/span><\/p>\n<\/td>\n<td style=\"width: 22.2392%; height: 68px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 4.40476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">4<\/span><\/p>\n<\/td>\n<td style=\"width: 72.5001%;\">\n<p><span style=\"font-size: 14pt;\">Ambiente de desenvolvimento<\/span><\/p>\n<\/td>\n<td style=\"width: 22.2392%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">1 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 4.40476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">5<\/span><\/p>\n<\/td>\n<td style=\"width: 72.5001%;\">\n<p><span style=\"font-size: 14pt;\">Principais Tags e as caracter\u00edsticas de uma Tag<\/span><\/p>\n<\/td>\n<td style=\"width: 22.2392%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 4.40476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">6<\/span><\/p>\n<\/td>\n<td style=\"width: 72.5001%;\">\n<p><span style=\"font-size: 14pt;\">Criando uma p\u00e1gina HTML com imagens<\/span><\/p>\n<\/td>\n<td style=\"width: 22.2392%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 99.144%; height: 69px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/16\/oficina-html-do-grupo-p%c2%b2-klh\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 99.144%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/W_5UxGK8gjc\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px;\">\n<td style=\"height: 133px; width: 99.144%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>CR\u00c9DITOS:<\/b><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Grupo P\u00b2 &#8211; KLH<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><b>Respons\u00e1vel pela aula:<\/b><span style=\"font-weight: 400;\"> Patr\u00edcia Guimar\u00e3es<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Pesquisas: <\/span><a href=\"https:\/\/www.hostinger.com.br\/tutoriais\/o-que-e-html-conceitos-basicos\"><span style=\"font-weight: 400;\">O que \u00e9 HTML?<\/span><\/a><\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-size: 14pt;\"><b style=\"font-family: inherit; color: initial;\"><span style=\"font-weight: 400;\">Sites indicados nas aulas: <\/span><a href=\"https:\/\/www.w3schools.com\/html\/default.asp\"><span style=\"font-weight: 400;\">W3Schools<\/span><\/a><\/b><\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0 \u00a0 \u00a0 \u00a0<\/p>\n<p><\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>&nbsp; &nbsp; &nbsp;<\/p>\n\n\n\n<p><\/p>\n<p>\u00a0<\/p>\n<p> <\/p>\n<table style=\"width: 101.071%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 18pt;\"><strong>Aula 02 &#8211; Inser\u00e7\u00e3o de listas<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Objetivo:\u00a0<\/strong><span style=\"font-weight: 400;\">Introduzir o uso de listas em p\u00e1ginas HTML, apresentando os tipos de listas e suas implementa\u00e7\u00f5es.<\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<table style=\"width: 100%; height: 895px;\">\n<tbody>\n<tr style=\"height: 69px;\">\n<td style=\"width: 80.7142%; height: 69px;\" colspan=\"2\"><span style=\"font-size: 14pt;\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 18.2143%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23802%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.4762%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">\u00a0Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula<\/span><\/p>\n<\/td>\n<td style=\"width: 18.2143%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23802%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.4762%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">Revisar o conte\u00fado da aula 1<\/span><\/p>\n<\/td>\n<td style=\"width: 18.2143%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23802%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.4762%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">Introduzir listas<\/span><\/p>\n<\/td>\n<td style=\"width: 18.2143%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23802%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">4<\/span><\/p>\n<\/td>\n<td style=\"width: 75.4762%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">Explicar como s\u00e3o implementadas e demonstrar na pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 18.2143%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">5 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 98.9285%; height: 69px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/22\/aula-2-oficina-html-5\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 412px;\">\n<td style=\"width: 98.9285%; height: 412px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><b><\/b><\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/MPg_DMnQjdo\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 98.9285%; height: 69px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>CR\u00c9DITOS:<\/b><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Grupo P\u00b2 &#8211; KLH<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><b>Respons\u00e1vel pela aula:<\/b><span style=\"font-weight: 400;\"> Kleyton Rafael da Silva Siqueira<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Pesquisas: <\/span><a href=\"https:\/\/www.devmedia.com.br\/listas-em-html\/23853?msclkid=226ee260d16911ec8a684c62f809eacb\"><span style=\"font-weight: 400;\">Devmedia<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/tutorialehtml.com\/pt\/html-tutorial-listas\/\"><span style=\"font-weight: 400;\">tutorialehtml.com<\/span><\/a><\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-size: 14pt;\"><b style=\"font-family: inherit; color: initial;\"><span style=\"font-weight: 400;\">Sites indicados na aula: <\/span><a href=\"https:\/\/www.w3schools.com\/html\/default.asp\"><span style=\"font-weight: 400;\">W3Schools<\/span><\/a><\/b><\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u00a0\u00a0<\/p>\n<p> <\/p>\n<table style=\"width: 100.12%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 18pt;\"><strong>Aula 03 &#8211; Inser\u00e7\u00e3o de Links<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Objetivo: <span style=\"font-weight: 400;\">\u00a0Demonstrar na pr\u00e1tica o uso de links e \u00e2ncoras por meio da Tag &lt;a&gt;<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<table style=\"width: 100.714%; height: 1116px;\">\n<tbody>\n<tr style=\"height: 69px;\">\n<td style=\"width: 79.5238%; height: 69px;\" colspan=\"2\"><span style=\"font-size: 14pt;\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23805%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 74.2858%; height: 69px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula<\/span><\/p>\n<\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23805%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 74.2858%; height: 69px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Revisar conte\u00fado da aula 2<\/span><\/p>\n<\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23805%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 74.2858%; height: 69px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Aula expositiva: Links<\/span><\/p>\n<\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23805%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">4<\/span><\/p>\n<\/td>\n<td style=\"width: 74.2858%; height: 69px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Atributos: Title e Target<\/span><\/p>\n<\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 5.23805%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">5<\/span><\/p>\n<\/td>\n<td style=\"width: 74.2858%; height: 69px;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Aula expositiva: \u00c2ncoras<\/span><\/p>\n<\/td>\n<td style=\"width: 33.7977%; height: 69px;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px;\">\n<td style=\"width: 113.322%; height: 69px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/30\/aula-3-oficina-html-5\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 412px;\">\n<td style=\"width: 113.322%; height: 412px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><b><\/b><\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/ldG1E9hyWgo\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 221px;\">\n<td style=\"width: 113.322%; height: 221px;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>CR\u00c9DITOS:<\/b><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Grupo P\u00b2 &#8211; KLH<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><b>Respons\u00e1vel pela aula:<\/b><span style=\"font-weight: 400;\"> Pedro Augusto Canuto de Oliveira<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Pesquisas: <\/span><a href=\"https:\/\/www.hiperbytes.com.br\/curso-de-html-aula-4-navegando-pelos-links\/\"><span style=\"font-weight: 400;\">Hyperbytes<\/span><\/a><\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-size: 14pt;\"><b style=\"font-family: inherit; color: initial;\"><span style=\"font-weight: 400;\">Sites indicados nas aulas: <\/span><a href=\"https:\/\/www.w3schools.com\/html\/default.asp\"><span style=\"font-weight: 400;\">W3Schools<\/span><\/a><\/b><\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u00a0<\/p>\n<p> <\/p>\n<table style=\"width: 101.188%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 18pt;\"><strong>Aula 04 &#8211; Inser\u00e7\u00e3o de tabelas<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Objetivo:<\/strong><span style=\"font-weight: 400;\">\u00a0Introduzir o uso de tabelas na cria\u00e7\u00e3o de uma p\u00e1gina HTML e explicar sua estrutura.<\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<table style=\"width: 100.595%; height: 526px;\">\n<tbody>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 78.3333%;\" colspan=\"2\"><span style=\"font-size: 14pt;\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"height: 68px; width: 21.1904%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 4.99996%;\">\n<p><span style=\"font-size: 14pt;\">1<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 73.3333%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 21.1904%;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 4.99996%;\">\n<p><span style=\"font-size: 14pt;\">2<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 73.3333%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Introdu\u00e7\u00e3o: tabelas e sua estrutura no HTML<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 21.1904%;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 4.99996%;\">\n<p><span style=\"font-size: 14pt;\">3<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 73.3333%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 21.1904%;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 4.99996%;\">\n<p><span style=\"font-size: 14pt;\">4<\/span><\/p>\n<\/td>\n<td style=\"width: 73.3333%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Apresenta\u00e7\u00e3o de algumas Tags do HTML5 para estrutura\u00e7\u00e3o das tabelas<\/span><\/p>\n<\/td>\n<td style=\"width: 21.1904%;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 99.5237%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/06\/04\/aula-4-oficina-html-5\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 118px;\">\n<td style=\"height: 118px; width: 99.5237%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><b><\/b><\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/cld78VPULHs\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 99.5237%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>CR\u00c9DITOS: <br \/><\/b><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Grupo P\u00b2 &#8211; KLH<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><b>Respons\u00e1vel pela aula:<\/b><span style=\"font-weight: 400;\"> Herick Verissimo da Silva<\/span><\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-size: 14pt;\"><b style=\"font-family: inherit; color: initial;\"><span style=\"font-weight: 400;\">Pesquisas: <\/span><a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tabela-html\/\"><span style=\"font-weight: 400;\">homehost.com<\/span><\/a>, <a href=\"http:\/\/www.linhadecodigo.com.br\/artigo\/3439\/introducao-ao-html-usando-tabelas-em-html.aspx\">linhadecodigo<\/a><\/b><\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p> <\/p>\n<table style=\"width: 100.476%;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 18pt;\"><strong>Aula 05 &#8211; Inser\u00e7\u00e3o de formul\u00e1rio<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 100%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Objetivo:<\/strong><span style=\"font-weight: 400;\">\u00a0Introduzir a cria\u00e7\u00e3o de formul\u00e1rios em uma p\u00e1gina HTML apresentando sua estrutura e as tags que o comp\u00f5em (seus atributos e usos)<\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00a0<\/p>\n<table style=\"width: 100.476%; height: 526px;\">\n<tbody>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 80.119%;\" colspan=\"2\"><span style=\"font-size: 14pt;\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"height: 68px; width: 19.2857%;\">\n<p><span style=\"font-size: 14pt;\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 6.07139%;\">\n<p><span style=\"font-size: 14pt;\">1<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 74.0476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 19.2857%;\">\n<p><span style=\"font-size: 14pt;\">2 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 6.07139%;\">\n<p><span style=\"font-size: 14pt;\">2<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 74.0476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Revisar conte\u00fado da aula 4<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 19.2857%;\">\n<p><span style=\"font-size: 14pt;\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 6.07139%;\">\n<p><span style=\"font-size: 14pt;\">3<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 74.0476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"height: 68px; width: 19.2857%;\">\n<p><span style=\"font-size: 14pt;\">10 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 6.07139%;\">\n<p><span style=\"font-size: 14pt;\">4<\/span><\/p>\n<\/td>\n<td style=\"width: 74.0476%;\">\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 19.2857%;\">\n<p><span style=\"font-size: 14pt;\">6 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 99.4047%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/06\/12\/aula-5-oficina-html-5\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 118px;\">\n<td style=\"height: 118px; width: 99.4047%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><b><\/b><\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/iX1tEQjxAKU\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px;\">\n<td style=\"height: 68px; width: 99.4047%;\" colspan=\"3\">\n<p><span style=\"font-size: 14pt;\"><b>CR\u00c9DITOS: <br \/><\/b><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400; font-size: 14pt;\">Grupo P\u00b2 &#8211; KLH<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><b>Respons\u00e1vel pela aula:<\/b><span style=\"font-weight: 400;\"> Patr\u00edcia Guimar\u00e3es<\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Pesquisas: <\/span><a href=\"https:\/\/lrodrigo.sgs.lncc.br\/wp\/programacao\/html5-e-css3-11a-aula-formularios-parte-1-introducao\/\"><span style=\"font-weight: 400;\">LRodrigo \u2013 Web Site<\/span><\/a><\/span><\/li>\n<li aria-level=\"1\"><span style=\"font-size: 14pt;\"><b style=\"font-family: inherit; color: initial;\"><span style=\"font-weight: 400;\">Sites indicados nas aulas: <\/span><a href=\"https:\/\/www.w3schools.com\/html\/default.asp\"><span style=\"font-weight: 400;\">W3Schools<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/developer.mozilla.org\/pt-BR\/docs\/Web\/HTTP\/Methods\"><span style=\"font-weight: 400;\">Introdu\u00e7\u00e3o \u00e0 m\u00e9todos HTTP<\/span><\/a><\/b><\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \u00a0\u00a0 Aula 03 &#8211; Inser\u00e7\u00e3o de Links Objetivo: \u00a0Demonstrar na pr\u00e1tica o uso de links e \u00e2ncoras por meio da Tag &lt;a&gt; \u00a0 Atividade Tempo estimado 1 Apresenta\u00e7\u00e3o do projeto e do respons\u00e1vel pela aula 2 min 2 Revisar conte\u00fado da aula 2 2 min 3 Aula expositiva: Links [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1422","page","type-page","status-publish","hentry"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/comments?post=1422"}],"version-history":[{"count":3,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1422\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1422\/revisions\/1442"}],"wp:attachment":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/media?parent=1422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}