Criação de Site em HTML e CSS

FACULDADE PAN AMAZNICA
CRIAO DE SITE EM HTML E CSS
Disciplina: Prof.: Aluno: Andr Martins Lopes
2014
Introduo
Ser criado um site simples em HTML e CSS, levando em considerao a sua estrutura e os cdigos implementados. Ser escolhido um servidor de hospedagem e domnio para este site, devendo ser ambos gratuitos e depois ser feita uma breve considerao dos servios ofertados.
Desenvolvimento do Projeto.
I.
Escolha do servidor de hospedagem e de domnio gratuitos:
A.
Caracterstica da hospedagem:
Free or paid hosting? Compare our plans:
Free Hosting
Price Disk Space Data Transfer Add-on Domains Sub-domains E-mail Addresses MySQL Databases Free domain yourname.COM, .NET, .ORG, .INFO, .CO.UK Control Panel Reseller Hosting Feature Custom Panel $0.00 1500 MB 100 GB / month 5 5 5 2
Premium Hosting
$4.84 / month Unlimited Disk Space! Unlimited Data Transfer! Unlimited Unlimited Unlimited Unlimited
cPanel Pro, see demo
Simple Site Builder Advanced Site Builder Support by Phone, Live Chat Assistance in Installing Scripts Help in Developing Your Website Backups Automated Weekly Backups Uptime FTP Accounts Anonymous FTP Access CGI Scripts PHP Ruby On Rails SSH Access Perl Python Cron Jobs FrontPage Email Accounts Web Mail 5 Unlimited Limited 99% 1 99.9% Unlimited
Mailing Lists IMAP Support SMTP Server Autoinstaller Custom Error Pages AWStats (Real Time Stats) Webalizer Stats Password Protect Directories Shared SSL Private SSL 10 Scripts 50 Scripts (Fantastico)
B.
Criao de domnio grtis:

1. www.cienciadacomputacao.net76.net
C.
Painel de Controle da Hospedagem: Cpanel.
1.
Detalhes do Painel de Controle:
D.
Verificando o funcionamento e configurao do domnio e hospedagem:
E.
Gerenciamento de arquivos da hospedagem:
*Pasta Pblica para inserir o contedo do site: Public_html
II.
CRIAO DO SITE:
A. Contedo:
1. 2. 3. 4. 5. Institucional: Sobre Ns, Histria, Misso, etc. Artigos, tutorias, revistas e livros, apostilas Galeria: Imagens, fotos, vdeos e udios. Diverso: Jogos, Chat. Marketing: Sites de Pesquisa, Redes sociais, E-mail, SMS e outros.
B.
Story Board:
Topo: Logomarca
Menu
Contedo: Artigos, mdias e etc.
Sidebar
Rodap
C.
Tipo de Escrita: HTML5 e CSS:

1. Cdigo Fonte:
<!DOCTYPE HTML> <html> <head> <meta charset=utf-8> <link href="style.css" rel="stylesheet" type="text/css">  <title>Site em HTML5</title> </head> <body> <div id="corpo"> <header class="circulo"><h2>Cincia da Computao</h2> </header> <nav class="circulo"> <ul> <li class="active"><a href="#">Home</a></li> <li><a href="#">Artigos</a></li> <li><a href="#">Donwload</a></li> <li><a href="#">Galeria</a></li> <li><a href="#">Contato</a></li>
</ul> </nav> <aside> <p> Aside: Cdigo em HTML5 para Sidebar</p> </aside> <section id="conteudo"> <article> <p>Meu primeiro Artigo...</p> </article> <article>Meu Segundo Artigo...</article> <article>Meu terceiro Artigo...</article> </section> <footer>Rodap</footer> </div> </body> </html>
2.
Css:
@charset "utf-8"; /* CSS Document */ header, section, footer, aside, nav, article, figure { display: block; } body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; } #corpo { width: 960px; margin: 0 auto; } header { width: 960px; height: 80px; background-color:orange; color: white; } nav { background-color:black; height: 40px; line-height: 30px; margin: 5px 0 0; padding: 0; text-align: center; width: 960px; } .circulo { border-radius: 8px; } nav ul { list-style: none; margin: 0 auto; width: 800px; } nav li { float: left; display: inline; margin: 0; } nav a:link, nav a:visited { color: white;
display: inline-block; height: 30px; padding: 5px 1.5em; text-decoration: none; } nav a:hover, nav a:active, nav .active a:link, nav .active a:visited { background: purple; color: white; text-shadow: none !important; } #conteudo { width: 700px; height: 520px; margin: 20px 0; background-color:gray; float:left; } aside { width: 240px; hight: 520px; float: right; margin: 20px 0; padding: 10px; background-color:green; } article { width: 660px; margin: 20px 10px; padding: 10px; background-color:#999; } footer { clear:both; width: 960px; height: 60px; margin: 0; padding: 10px; background-color:blue; }
D.
Resultado final:
Consideraes Finais:
Foi escolhido a empresa 000webhost.com como servidor de hospedagem e domnio por possuir estas opes gratuitamente. Seus servios possuem limitaes de espaos e recursos como mostra a tabela no item I, mas nos atendeu a necessidade, pois no utilizamos nem 2% do seu recurso na criao deste projeto. A linguagem do site em HTML5 e CSS2. O HTML5 a mais moderna deste momento e facilita na criao de pginas responsivas compatvel com a maioria dos navegadores, sendo que para leitura deste em navegadores antigos necessrio utilizar cdigos de compatibilidade e inserir atravs de links no head do site. Este site ter continuidade medida que prosseguimos no curso e ser implementado efeitos visuais modernos e tambm a criao de um contedo para deixar a disposio de todos.
Bibliografia: http://www.w3schools.com/ http://tableless.com.br/html5/

Criação de Site em HTML e CSS

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Criação de Site em HTML e CSS

Hochgeladen von

Copyright:

Verfügbare Formate

FACULDADE PAN AMAZNICA

CRIAO DE SITE EM HTML E CSS

Disciplina: Prof.: Aluno: Andr Martins Lopes

Escolha do servidor de hospedagem e de domnio gratuitos:

Free or paid hosting? Compare our plans:

cPanel Pro, see demo

Criao de domnio grtis:

Painel de Controle da Hospedagem: Cpanel.

Detalhes do Painel de Controle:

Verificando o funcionamento e configurao do domnio e hospedagem:

Gerenciamento de arquivos da hospedagem:

*Pasta Pblica para inserir o contedo do site: Public_html

Contedo: Artigos, mdias e etc.

Tipo de Escrita: HTML5 e CSS:

Bibliografia: http://www.w3schools.com/ http://tableless.com.br/html5/

Das könnte Ihnen auch gefallen