{"id":35181,"date":"2025-02-18T19:34:07","date_gmt":"2025-02-18T22:34:07","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&#038;p=35181"},"modified":"2025-08-03T18:22:03","modified_gmt":"2025-08-03T21:22:03","slug":"aula-pratica-web-design","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-web-design\/","title":{"rendered":"Aula Pr\u00e1tica Web Design"},"content":{"rendered":"<h5>Portf\u00f3lio Aula Pr\u00e1tica Web Design<\/h5>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NOME DA DISCIPLINA: Web Design<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Unidade: U3 _CONSTRU\u00c7\u00c3O DE WEBSITES<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Aula: A2_FERRAMENTAS DE DESENVOLVIMENTO WEB<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Tempo previsto de execu\u00e7\u00e3o de aula pr\u00e1tica: 3h (CAMPO OBRIGAT\u00d3RIO \u2013 N\u00c3O APARECER EM<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NENHUM RAP)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">OBJETIVOS (campo obrigat\u00f3rio \u2013 exibi\u00e7\u00e3o para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Compreender os princ\u00edpios b\u00e1sicos de design gr\u00e1fico e aplica\u00e7\u00e3o em elementos web.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Aprender a desenvolver folhas de estilo (CSS) para p\u00e1ginas web.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Integrar elementos gr\u00e1ficos e folhas de estilo para criar uma interface de usu\u00e1rio coesa e<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">visualmente atraente.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">INFRAESTRUTURA (OBRIGAT\u00d3RIO SE HOUVER \u2013 EXIBI\u00c7\u00c3O DOCENTE\/TUTOR)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Instala\u00e7\u00f5es \u2013 Materiais de consumo \u2013 Equipamentos:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">SOLU\u00c7\u00c3O DIGITAL (OBRIGAT\u00d3RIO SE HOUVER &#8211; APARECER PARA TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Infraestrutura m\u00ednima necess\u00e1ria para execu\u00e7\u00e3o.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Acesso \u00e0 internet para pesquisa.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Acesso a um computador com software de edi\u00e7\u00e3o de c\u00f3digo e imagem.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Visual Studio Code<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Visual Studio Code (VS Code) \u00e9 um editor de c\u00f3digo-fonte gratuito e de c\u00f3digo aberto<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">desenvolvido pela Microsoft. Ele \u00e9 altamente personaliz\u00e1vel, com suporte para uma ampla<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">variedade de linguagens de programa\u00e7\u00e3o e extens\u00f5es.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">GIMP (GNU Image Manipulation Program)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">GIMP \u00e9 um software gratuito e de c\u00f3digo aberto para edi\u00e7\u00e3o de imagens e design gr\u00e1fico. Ele<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">oferece uma ampla gama de ferramentas de manipula\u00e7\u00e3o de imagem, como retoque,<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">composi\u00e7\u00e3o e cria\u00e7\u00e3o de imagens.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PROCEDIMENTO PARA INSTALA\u00c7\u00c3O: NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">LINK:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">https:\/\/www.gimp.org\/<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">https:\/\/code.visualstudio.com\/<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">EQUIPAMENTO DE PROTE\u00c7\u00c3O INDIVIDUAL (EPI) (CAMPO OBRIGAT\u00d3RIO \u2013 APARECER<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PARA TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">DESCRI\u00c7\u00c3O OS EPIs NECESS\u00c1RIOS PARA A REALIZA\u00c7\u00c3O DA AULA PR\u00c1TICA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PROCEDIMENTOS PR\u00c1TICOS (OBRIGAT\u00d3RIO \u2013 TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Procedimento\/Atividade n\u00ba 1 (Virtual)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Atividade proposta:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Desenvolver elementos gr\u00e1ficos e folhas de estilo para uma p\u00e1gina web. Crie uma p\u00e1gina<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">HTML que inclua gr\u00e1ficos personalizados e estilize-a usando CSS. Sua p\u00e1gina deve ter um<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">cabe\u00e7alho, uma \u00e1rea de conte\u00fado com uma imagem e texto estilizado, e um rodap\u00e9.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Procedimentos para a realiza\u00e7\u00e3o da atividade:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Link do v\u00eddeo ilustrativo da aula: (N\u00c3O OBRIGAT\u00d3RIO \u2013 APARECER QUANDO DISPON\u00cdVEL)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Qualquer ajuste ou altera\u00e7\u00e3o do procedimento poder\u00e1 ocorrer, sem qualquer preju\u00edzo na<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">realiza\u00e7\u00e3o da aula pr\u00e1tica. (COMENT\u00c1RIO SER\u00c1 APRESENTADO APENAS NO RAP DO<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ALUNO)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo-a-passo do procedimento para a execu\u00e7\u00e3o da atividade\/procedimento pr\u00e1tico.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 1: Configura\u00e7\u00e3o do Ambiente de Desenvolvimento<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Instale um editor de c\u00f3digo: VS Code, Sublime Text ou Atom.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Atualize seu navegador web: Google Chrome, Firefox ou Edge.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3. Instale um software de design gr\u00e1fico: Adobe Photoshop, Illustrator, GIMP ou Inkscape.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 2: Cria\u00e7\u00e3o de Elementos Gr\u00e1ficos<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Abra seu software de design gr\u00e1fico.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Crie um novo projeto com as dimens\u00f5es desejadas para seu gr\u00e1fico (ex.: 1920&#215;1080<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">pixels para um banner).<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">4<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3. Desenhe seu elemento gr\u00e1fico (\u00edcone, bot\u00e3o, banner, etc.).<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">4. Exporte o gr\u00e1fico:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Para gr\u00e1ficos complexos: use JPEG.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Para gr\u00e1ficos com transpar\u00eancia: use PNG.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Para gr\u00e1ficos vetoriais: use SVG.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">5. Salve os arquivos gr\u00e1ficos em uma pasta do seu projeto (ex.: images).<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 3: Desenvolvimento da Estrutura HTML<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Crie um novo arquivo HTML no seu editor de c\u00f3digo e salve-o como index.html.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Adicione a estrutura b\u00e1sica do seu HTML (abaixo segue um exemplo padr\u00e3o):<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;!DOCTYPE html&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;head&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;styles.css&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;title&gt;Minha Pagina Web&lt;\/title&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/head&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;body&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;div class=&#8221;header&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;h1&gt;Bem-vindo \u00e0 minha Pagina&lt;\/h1&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/div&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;div class=&#8221;content&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;img src=&#8221;images\/banner.jpg&#8221; alt=&#8221;Banner&#8221; class=&#8221;image&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;p&gt;Este \u00e9 um exemplo de paragrafo estilizado com CSS.&lt;\/p&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/div&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;div class=&#8221;footer&#8221;&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;p&gt;&amp;copy; 2024 &#8211; Web Design&lt;\/p&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/div&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/body&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">&lt;\/html&gt;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 4: Desenvolvimento da Folha de Estilo CSS<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">5<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Crie um novo arquivo CSS no seu editor de c\u00f3digo e salve-o como styles.css.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Adicione estilos b\u00e1sicos ao seu CSS:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">body {<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">font-family: Arial, sans-serif;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">background-color: #f0f0f0;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">margin: 0;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">padding: 0;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">}<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">.header {<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\u2026<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">}<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">.content {<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\u2026<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">}<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 5: Integra\u00e7\u00e3o de Gr\u00e1ficos e CSS<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Insira os gr\u00e1ficos no HTML usando a tag &lt;img&gt; e adicione classes para estiliza\u00e7\u00e3o.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Aplique estilos CSS aos gr\u00e1ficos e outros elementos para garantir que a p\u00e1gina tenha<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">uma apar\u00eancia coesa.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo 6: Teste da P\u00e1gina Web<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Abra o arquivo index.html no seu navegador.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Verifique se todos os elementos gr\u00e1ficos est\u00e3o aparecendo corretamente.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3. Cheque se os estilos CSS foram aplicados como esperado.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Checklist:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Estrutura b\u00e1sica de uma p\u00e1gina HTML.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Arquivo CSS externo vinculado \u00e0 p\u00e1gina HTML.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Aplica\u00e7\u00e3o de estilos b\u00e1sicos (cores, fontes, margens, etc.).<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Inclus\u00e3o de elementos gr\u00e1ficos na p\u00e1gina HTML.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Estiliza\u00e7\u00e3o de elementos gr\u00e1ficos usando CSS.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">RESULTADOS (obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Resultados de Aprendizagem:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Capacidade de criar e aplicar elementos gr\u00e1ficos para uso em p\u00e1ginas web.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Compet\u00eancia no desenvolvimento de folhas de estilo CSS para controlar o layout e a<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">apresenta\u00e7\u00e3o visual de p\u00e1ginas web.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">6<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Habilidade de integrar elementos gr\u00e1ficos e CSS para construir interfaces web<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">esteticamente agrad\u00e1veis e funcionais.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ESTUDANTE, VOC\u00ca DEVER\u00c1 ENTREGAR (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Descri\u00e7\u00e3o orientativa sobre a entregada da comprova\u00e7\u00e3o da aula pr\u00e1tica:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Arquivo HTML:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Deve conter a estrutura b\u00e1sica da p\u00e1gina.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Inclus\u00e3o de elementos gr\u00e1ficos conforme a atividade.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Arquivo CSS:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Deve conter estilos aplicados aos elementos gr\u00e1ficos e outros componentes da<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">p\u00e1gina.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Imagens e Gr\u00e1ficos:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Arquivos gr\u00e1ficos utilizados na p\u00e1gina (JPEG, PNG, SVG).<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Captura de Tela:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">o Captura de tela da p\u00e1gina web finalizada.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">REFER\u00caNCIAS BIBLIOGR\u00c1FICAS (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Descri\u00e7\u00e3o (em abnt) das refer\u00eancias utilizadas<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PAZ, M\u00f4nica. WebDesign. 1 ed. Curitiba: InterSaberes, 2021. [Biblioteca Virtual 3.0]<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">WEB DESIGN<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Roteiro<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Aula Pr\u00e1tica<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ROTEIRO DE AULA PR\u00c1TICA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NOME DA DISCIPLINA: Web Design<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Unidade: U4 _FERRAMENTAS CMS<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Aula: A4_SISTEMA DE GEST\u00c3O DE CONTE\u00daDO PARA WEB<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Tempo previsto de execu\u00e7\u00e3o de aula pr\u00e1tica: 5h (CAMPO OBRIGAT\u00d3RIO \u2013 N\u00c3O APARECER EM<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NENHUM RAP)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">OBJETIVOS (campo obrigat\u00f3rio \u2013 exibi\u00e7\u00e3o para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Defini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Realizar o download e instala\u00e7\u00e3o do wordpress em um servidor local;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Realizar a instala\u00e7\u00e3o de um tema ao wordpress;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Estilizar a p\u00e1gina inicial (opcional);<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Testar a aplica\u00e7\u00e3o desenvolvida.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">INFRAESTRUTURA (OBRIGAT\u00d3RIO SE HOUVER \u2013 EXIBI\u00c7\u00c3O DOCENTE\/TUTOR)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Instala\u00e7\u00f5es \u2013 Materiais de consumo \u2013 Equipamentos:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">SOLU\u00c7\u00c3O DIGITAL (OBRIGAT\u00d3RIO SE HOUVER &#8211; APARECER PARA TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Infraestrutura m\u00ednima necess\u00e1ria para execu\u00e7\u00e3o.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Para a realiza\u00e7\u00e3o desta aula pratica voc\u00ea dever\u00e1 ter o software ter o XAMPP e WordPress<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">instalados no seu computador.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Fa\u00e7a o download e instale na sua m\u00e1quina: https:\/\/www.apachefriends.org\/download.html<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Fa\u00e7a o download do wordpress: https:\/\/wordpress.org\/download\/;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PROCEDIMENTO PARA INSTALA\u00c7\u00c3O: NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">EQUIPAMENTO DE PROTE\u00c7\u00c3O INDIVIDUAL (EPI) (CAMPO OBRIGAT\u00d3RIO \u2013 APARECER<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PARA TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">DESCRI\u00c7\u00c3O OS EPIs NECESS\u00c1RIOS PARA A REALIZA\u00c7\u00c3O DA AULA PR\u00c1TICA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">NSA<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PROCEDIMENTOS PR\u00c1TICOS (OBRIGAT\u00d3RIO \u2013 TODOS)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Procedimento\/Atividade n\u00ba 1 (Virtual)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Atividade proposta:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Configurar o ambiente de instala\u00e7\u00e3o para o framework WordPress, instalar o mesmo e realizar<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">as configura\u00e7\u00f5es iniciais de um tema padr\u00e3o. Se desejar, realizar a estiliza\u00e7\u00e3o da p\u00e1gina inicial.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Procedimentos para a realiza\u00e7\u00e3o da atividade:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Link do v\u00eddeo ilustrativo da aula: (N\u00c3O OBRIGAT\u00d3RIO \u2013 APARECER QUANDO DISPON\u00cdVEL)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Qualquer ajuste ou altera\u00e7\u00e3o do procedimento poder\u00e1 ocorrer, sem qualquer preju\u00edzo na<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">realiza\u00e7\u00e3o da aula pr\u00e1tica. (COMENT\u00c1RIO SER\u00c1 APRESENTADO APENAS NO RAP DO<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ALUNO)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Passo-a-passo do procedimento para a execu\u00e7\u00e3o da atividade\/procedimento pr\u00e1tico.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">1. Localize o local onde o XAMPP foi instalado no seu computador e crie uma pasta<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">com o nome \u201cwordpress\u201d dentro do caminho \u201cxampp\\htdocs\\\u201d.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">2. Fa\u00e7a o download do wordpress: https:\/\/wordpress.org\/download\/;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">3. Descompacte o arquivo e copie o seu conte\u00fado para dentro da pasta \u201cwordpress\u201d.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">4. Procure pelo aplicativo Xampp Control Panel e execute o mesmo. Clique em \u201cstart\u201d<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">tanto para a op\u00e7\u00e3o \u201cApache\u201d quanto \u201cMySql\u201d. Seu servidor localhost estar\u00e1 ativo e voc\u00ea<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">poder\u00e1 utiliza-lo.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">5. No seu navegador digite o endere\u00e7o http:\/\/localhost\/phpmyadmin\/.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">4<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">6. No menu \u00e0 esquerda selecione a op\u00e7\u00e3o \u201cNew\u201d para criar um novo banco de dados,<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">conforme demonstrado na figura abaixo:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">7. Vamos criar um banco de dados com o nome \u201cwordpress_db\u201d:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">8. Agora abra o navegador e digite o endere\u00e7o http:\/\/localhost\/wordpress.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">9. Siga os passos da instala\u00e7\u00e3o:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Lembre-se de inserir o nome correto do banco de dados apenas criado:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\u201cwordpress_db\u201d;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 O usu\u00e1rio do banco de dados costuma ser \u201croot\u201d por default, e a senha costuma<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ficar vazia;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Insira o t\u00edtulo do site, usu\u00e1rio e senha \u00e0 sua escolha;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">10. Terminada a instala\u00e7\u00e3o, acesse o painel, conforme sugerido, utilizando o usu\u00e1rio e<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">senha escolhidos.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">11. Instalar Tema:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 No painel do WordPress, ir para Apar\u00eancia &gt; Temas &gt; Adicionar Novo.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Instalar e ativar tema da biblioteca ou carregar tema .zip baixado.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">5<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">12 . Personalizar Tema:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Ir para Apar\u00eancia &gt; Personalizar.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Ajustar as configura\u00e7\u00f5es do tema conforme prefer\u00eancias.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Checklist:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 1. Aquisi\u00e7\u00e3o e inicializa\u00e7\u00e3o do aplicativo Xampp;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 2. Cria\u00e7\u00e3o do banco de dados da loja;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 3. Download e instala\u00e7\u00e3o do framework wordpress;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 4. Instala\u00e7\u00e3o do tema;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 5. Cria\u00e7\u00e3o do seu CMS;<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">RESULTADOS (obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Resultados de Aprendizagem:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Compreens\u00e3o dos Componentes de um Servidor Local<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Configura\u00e7\u00e3o Inicial de um Servidor Local<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Cria\u00e7\u00e3o e Gerenciamento de Banco de Dados<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Instala\u00e7\u00e3o e Configura\u00e7\u00e3o do WordPress<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\uf0b7 Gest\u00e3o e Personaliza\u00e7\u00e3o de Temas no WordPress<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">ESTUDANTE, VOC\u00ca DEVER\u00c1 ENTREGAR (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Descri\u00e7\u00e3o orientativa sobre a entregada da comprova\u00e7\u00e3o da aula pr\u00e1tica:<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">\u00c9 esperado que o aluno ao t\u00e9rmino da pratica saiba configurar um CMS WordPress e entregue<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">um conjunto de pastas na estrutura do wordpress: ser\u00e3o os arquivos presentes na pasta<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">6<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">wordpress dentro de C:\/Xampp\/htdocs\/. N\u00e3o se esque\u00e7a de realizar todos os passos do<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">exerc\u00edcio e adicionar caracter\u00edsticas necess\u00e1rias para a visualiza\u00e7\u00e3o do seu CMS. Importar um<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">script (.sql) com os dados referentes ao banco de dados wordpress_db.<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">REFER\u00caNCIAS BIBLIOGR\u00c1FICAS (n\u00e3o obrigat\u00f3rio \u2013 aparecer para todos)<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">Descri\u00e7\u00e3o (em abnt) das refer\u00eancias utilizadas<\/p>\n<p class=\"MsoNormal\" style=\"margin-bottom: 0cm; text-align: justify;\">PAZ, M\u00f4nica. WebDesign. 1 ed. Curitiba: InterSaberes, 2021. [Biblioteca Virtual 3.0]<\/p>\n<div class=\"elementor-toggle-item\" style=\"box-sizing: border-box;\">\n<div class=\"elementor-toggle-item\">\n<p id=\"elementor-tab-title-1941\" class=\"elementor-tab-title elementor-active\" tabindex=\"0\" role=\"tab\" data-tab=\"1\" aria-controls=\"elementor-tab-content-1941\" aria-expanded=\"true\" aria-selected=\"true\"><strong>Como funciona?<\/strong><\/p>\n<p>Elaboramos os portf\u00f3lios, j\u00e1 deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. F\u00e1cil assim! O MELHOR \u00c9 QUE VOC\u00ca COMPRA E J\u00c1 BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, fam\u00edlia, vida profissional e estudos \u00e9 dif\u00edcil hoje em dia, por isso, estamos aqui para ajudar voc\u00ea. Conte com nossa qualidade, experi\u00eancia e profissionalismo adquirindo seu portf\u00f3lio conosco. GARANTIMOS SEU CONCEITO!<\/p>\n<p><strong>Como se realizam os envios?<\/strong><\/p>\n<\/div>\n<p id=\"elementor-tab-content-1942\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"2\" aria-labelledby=\"elementor-tab-title-1942\">O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/p>\n<p><strong>Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n<p>Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n<p><strong>E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n<p>Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n<p><strong>Qual o formato do arquivo?<\/strong><\/p>\n<p>Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n<p><strong>Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n<p>Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n<div id=\"elementor-tab-content-1948\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"8\" aria-labelledby=\"elementor-tab-title-1948\">\n<p><strong>Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n<div id=\"elementor-tab-content-1949\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"9\" aria-labelledby=\"elementor-tab-title-1949\">\n<p>Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n<h4><img decoding=\"async\" class=\"alignnone wp-image-13699 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao-300x300.jpeg?resize=144%2C144\" sizes=\"(max-width: 144px) 100vw, 144px\" srcset=\"https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=300%2C301&amp;ssl=1 300w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=370%2C372&amp;ssl=1 370w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?resize=100%2C100&amp;ssl=1 100w, https:\/\/i0.wp.com\/portifolioos-prontos.com\/wp-content\/uploads\/2023\/02\/whatsapp-business-projeto-de-extensao.jpeg?w=470&amp;ssl=1 470w\" alt=\"projeto de extens\u00e3o unopar\" width=\"144\" height=\"144\" data-lazy-loaded=\"1\" \/><\/h4>\n<\/div>\n<div class=\"elementor-toggle-item\">\n<div id=\"elementor-tab-content-1949\" class=\"elementor-tab-content elementor-clearfix elementor-active\" role=\"tabpanel\" data-tab=\"9\" aria-labelledby=\"elementor-tab-title-1949\">\n<p>E-mail:portifoliosp@gmail.com<\/p>\n<div id=\"attachment_143\" class=\"wp-caption alignnone\">\n<div id=\"attachment_143\" class=\"wp-caption alignnone\">\n<p id=\"caption-attachment-143\" class=\"wp-caption-text\"><a href=\"http:\/\/portfolio-pronto.com\/\">Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"product-short-description\" style=\"box-sizing: border-box;\">\n<div class=\"product-short-description\">\n<p><strong>Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/p>\n<\/div>\n<div class=\"sticky-add-to-cart-wrapper\">\n<div class=\"sticky-add-to-cart\">\n<p class=\"quantity buttons_added form-flat\"><img decoding=\"async\" class=\"lazyloaded smush-image-5 smush-image-3 smush-image-4 smush-detected-img smush-image-bigger-3\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/visa@2x.png\" width=\"46\" height=\"29\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/visa@2x.png\" \/><img decoding=\"async\" class=\"lazyloaded smush-image-6 smush-image-4 smush-image-5 smush-detected-img smush-image-bigger-4\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/boleto@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/boleto@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-7 smush-image-5 smush-image-6 smush-detected-img smush-image-bigger-5\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mastercard@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mastercard@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-8 smush-image-6 smush-image-7 smush-detected-img smush-image-bigger-6\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/amex@2x.png\" width=\"43\" height=\"27\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/amex@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-9 smush-image-7 smush-image-8 smush-detected-img smush-image-bigger-7\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/diners@2x.png\" width=\"46\" height=\"29\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/diners@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-10 smush-image-8 smush-image-9 alignnone smush-detected-img smush-image-bigger-8\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/elo@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"45\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/elo@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-11 smush-image-9 smush-image-10 alignnone smush-detected-img smush-image-bigger-9\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/hipercard@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"44\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/br\/hipercard@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded smush-image-12 smush-image-10 smush-image-11 alignnone smush-detected-img smush-image-bigger-10\" src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mercadopago@2x.png\" alt=\"portf\u00f3lio unopar anhanguera\" width=\"45\" height=\"28\" data-src=\"https:\/\/d26lpennugtm8s.cloudfront.net\/assets\/common\/img\/logos\/payment\/mercadopago@2x.png\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone lazyloaded smush-detected-img smush-image-bigger-11\" src=\"https:\/\/futurium.com.br\/wp-content\/uploads\/2021\/06\/logo-pix-icone-512.png\" alt=\"portfolio pronto\" width=\"30\" height=\"30\" data-src=\"https:\/\/futurium.com.br\/wp-content\/uploads\/2021\/06\/logo-pix-icone-512.png\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":35197,"template":"","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"%%post_title%% %%sitetitle%%","_seopress_titles_desc":"%%post_content%%","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-35181","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-uncategorized","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple","14":"col-xs-6 col-sm-4","15":"col-mf-5","16":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/35181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":0,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/35181\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/35197"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=35181"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=35181"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=35181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}