1 / 13

Visual Internet Programming: Building Client-Server Architecture

Learn about browser software, server technologies, URI, HTML versions, and website planning in a visual internet environment. Understand the key components for successful web development.

vaughan
Download Presentation

Visual Internet Programming: Building Client-Server Architecture

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL

  2. INTERNET

  3. ARQUITETURA CLIENTE-SERVIDOR Resposta Requisição Servidor Cliente

  4. SOFTWARE CLIENTE • NAVEGADORES(BROWSERS) • INTERNET EXPLORER (MICROSOFT) • FIREFOX (MOZILLA) • CHROME (GOOGLE)

  5. SOFTWARE SERVIDOR • SERVIDOR WEB • SERVIDOR APACHE (FUNDAÇÃO APACHE) • SERVIDOR IIS – INTERNET INFORMATION SERVER (MICROSOFT) • SERVIDOR TOMCAT (FUNDAÇÃO APACHE)

  6. . .org .com .edu .au unicef.org msn.com mtu.edu msu.edu gov.au com.au microsoft.com. www.microsoft.com. www. microsoft. com . Servidor Rede/Empresa Rede/Empr. Raiz URI – UNIFORM RESOURCE IDENTIFIER

  7. URI - UNIFORM RESOURCE IDENTIFIER http://www.terra.com.br/site/index.html • Protocolo utilizado na comunicação • Endereço do Computador/Servidor • Recurso solicitado para ser exibido no navegador

  8. VERSÕES DO HTML E O PADRÃO W3C • HTML 1.0 • HTML 2.0 • HTML 3.0 • HTML 4.0 • HTML 4.01 OU XHTML • HTML 5.0

  9. DOCUMENTO – HTML5 <!DOCTYPE HTML> <html> <head> <title>TítulodaPágina</title> </head> <body> </body> </html>

  10. SEÇÕES DO DOCUMENTO <!DOCTYPE HTML> <html> <head> <title>TítulodaPágina</title> </head> <body> </body> </html>

  11. REGRA GERAL DO HTML html

  12. PLANEJAMENTO DE UM WEBSITE • Antes de começar a criar suas páginas é necessário sempre analisar/planejar/projetar e construir um anteprojeto. • No desenvolvimento para web um dos componentes principais utilizado antes da equipe de desenvolvimento colocar a mão na massa é o Wireframe, que nada mais um esboço acordado com o cliente e a equipe de comunicação para atingir os requisitos funcionais do projeto, usabilidade e público alvo.

  13. Wireframe

More Related