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
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
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
573 pág.
216 pág.
352 pág.
296 pág.
Perguntas relacionadas
Compartilhar