Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
desafio profissional 1 word
Compartilhar
Prévia do material em texto
TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO
DE SISTEMAS
Disciplinas: Organização de Computadores; Sistemas Operacionais; Desenvolvimento Pessoal e Profissional; Ferramentas para Sistemas Web; Probabilidade e Estatística.
Ederson Rodrigues Juliani – RA: 5393786023
DESAFIO PROFISSIONAL
TUTOR DISTÂNCIA: Gabriel Schmitz Pereira
Angra dos reis – RJ
Sumário:
1 INTRODUÇÃO ................................................................................................... 1
2 Criação da página principal................................................................................. 2
2.1 código html da página principal ............................................................ 2
2.1.1 Infra estrutura da página .................................................................... 2
3 Menu de navegação............................................................................................ 3
4 CSS..................................................................................................................... 4
4.1 Estrutura de uma folha de estilo....................................................................... 4
5 Conclusão............................................................................................................ 5
1 INTRODUÇÃO
Hoje em dia muita coisa se resolve através da internet, pagamos conta, compramos roupas, calçados etc.. E conversamos com entes queridos que possam estar em qualquer lugar do mundo, este estando conectada a internet podemos entrar em contato.
Então demos estar entendida do Tema Internet, aprofundamos mais os estudos para aprendermos sobre as páginas web e como cria-las.
Este trabalho teve um total de seis páginas com as disciplinas do 1º semestre e uma página principal com navegação simples interligando a todas elas.
Cada página com seus respectivos assuntos e resumos para o entendimento de todos, foram buscamos informações na Internet para incrementar o Tema abordado.
2 Criação da página principal
Para a pagina principal foi utilizado um código de HTML5 simples porém com folha de estilo externa (css3) para a modificação das configurações do texto e imagem de fundo, acrescentamos também um menu de navegação simples interligando as páginas de outras matérias.
2.1 Infra estrutura da página
O código da página principal foi elaborado segunda a ilustração e exercícios das apostilas de estudos e o menu de navegação montado através de pesquisas na internet.
2.1.1
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
@import url("subpaginas/folha estilo externa.css");
</style>
<title>Site de Oficial do 1º semestre
</title>
</head>
<body>
<style type="text/css">
body {
background-image: url(subpaginas/fotos/slide.jpg);
}
</style>
<!-- acrescentei uma folha de estilo incorporada para a imagem de fundo. -->
<h1>1º semestre</h1>
<h2>Materias</h2>
<p>Sistemas Operacionais</p>
<p>Organização de Computadores</p>
<p>Ferramentas para Sistemas Web</p>
<p>Desenvolvimento Pessoal e Profissional</p>
<p>Probabilidade e Estatística</p>
<h3>Introdução</h3>
<p>Aqui vamos rever todas as matérias citadas no curso <br> vamos nos aprofundar nos assuntos com pesquiças <br> feitas na WEB facilitando nossa aprendizagem.</p>
<h4>Menu de navegação</h4>
<p>Vamos contar com um<strong> menu de navegação</strong> <br> Interligando os principais assuntos abordados no 1º semestre.</p>
<!-- A tag <br> é uma tag vazia, Ela não tem tag de fechamento.-->
<nav id="menu">
<ul>
<li><a href="subpaginas/Sistemas operacionais.html" target="_blank">Sistemas Operacionais</a></li>
<li><a href="subpaginas/Organização de Computadores.html" target="_blank">Organização de Computadores</a></li>
<li><a href="subpaginas/Desenvolvimento pessoal e profissional.html"target="_blank">Desenvolvimento pessoal e profissional</a></li>
<li><a href="subpaginas/Ferramentas para Sistemas Web.html"target="_blank">Ferramentas para Sistemas Web</a></li>
<li><a href="subpaginas/Probabilidade e estatística.html"target="_blank">Probabilidade e estatística</a></li>
</ul>
</nav>
</body>
<pre></pre><!-- tag criada para dar espacos entre paragrafos-->
<footer><font color="White">
Página criada por <br>
Nome do Aluno:Ederson Rodrigues Juliani <br>
RA:5393786023</font><br>
<a href="mailto:ederson2u2@yahoo.com.br">E-mail</a>
</footer>
</html>
3 Menu de navegação
Com pesquisas na internet mais o material estudo foi possível montar um menu de navegação apropriado para o projeto atual, interligando outras páginas referente as outras matéria do curso.
Usado uma folha de estilo incorporada na página principal, pois seria a única a utilizar tal folha de estilo.
Fonte de pesquisa para criação do menu: http://www.ufpa.br/dicas/htm/htm-esti.htm
4 CSS3
Quando se deseja garantir uma formatação homogênea e uniforme em todas as páginas de um site as folhas de estilo em cascata (Cascading Style Sheets) facilitam muito o trabalho de criação; A CSS 1 foi lançada em 12/1996 e tem aproximadamente 60 propriedades. É um modelo simples de formatação, na maior parte para apresentações screen-based; A CSS 2 foi finalizado em 05/1998. Mantém todas as propriedades da CSS1 e introduziu 70 propriedades novas; Regras das folhas de estilos.
4.1 Estrutura de uma folha de estilo
Segue o código CSS de folha de estilo externa utilizada no projeto:
body{
color:#FF0000;
font-family: arial;
font-size: 12pt;
}
h1{
color:#ffffff;
font-family: arial;
font-size: 20pt;
}
h2{
color:#FF0000;
font-family: arial;
font-size: 15pt;
}
h3{color:#FF0000;
font-family:arial;
font-size:12pt;
}
h4{color:#FF0000;
font-family:arial;
font-size:12pt;
}
p {
color: #FF0000;
font-family: arial; verdana;
font-size: 12pt;
margin:0px;
padding:2px 5px;
}
a:link { color:#00ffff; text-decoration: underline }
a:hover { color:#77ff99; text-decoration: none }
a:visited { color:#ccffff; text-decoration: underline }
CONCLUSÃO
Com a execução deste desafio profissional, foi possível aplicar os
Conhecimentos adquiridos nas disciplinas deste semestre, pesquisando e tirando as duvidas existentes, dificuldades teve porem todas superadas depois de muita pesquisa e estudos da matéria.
REFERÊNCIAS BIBLIOGRÁFICAS:
Saiba mais sobre o HTML.
Fonte: http://pt-br.html.net/tutorials/html/
Saiba mais sobre CSS.
Fonte: http://www.ufpa.br/dicas/htm/htm-esti.htmMateriais relacionados
Perguntas relacionadas
Perguntas Recentes
Compartilhar