Scribd Logo
Carica

Benvenuto in Scribd!

  • Desenvolvimento WEB em Hipertexto - Inicialização

    Caricato da

    frank_sinatra1986
    8 visualizzazioni25 pagine

    Titolo originale

    Desenvolvimento WEB em hipertexto - inicialização

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    PPTX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    8 visualizzazioni25 pagine

    Desenvolvimento WEB em Hipertexto - Inicialização

    Caricato da

    frank_sinatra1986

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 25

    Desenvolvimento WEB em hipertexto - inicializao

    Apresentado por Leandro Silva

    Princpios e Impresses ter em conta


    Para se iniciar o desenvolvimento WEB deve-se em 1 lugar encontrar as subdivises do Website. Quais as funcionalidades e efeitos visuais que ir ter. Que linguagem de programao/cdigo ou plataforma optar. Quais os principais objectos da pagina. Procurar caminhos mais fceis e viveis para o maior desempenho e a realizao do mesmo.

    Analise geral primria


    Nesta primeira fase procura-se organizar a estrutura da pagina por partes. Numa pagina web padro poderemos encontrar um fundo, cabealho, corpo, menu, rodap, destaque. Segue-se um exemplo:

    Pagina web

    Cabealho

    Corpo

    Menu

    Destaque

    Rodap

    Fundo

    Analise secundaria mais pormenorizada ao objecto


    Nesta fase procura-se em saber mais pormenorizadamente o que cada campo ou objecto ir fazer, exemplo o objecto poder ser uma animao, um formulrio ou um destaque. Tambm se vai saber que tipo de extenses de ficheiros a usar, assim como, as aplicaes necessrias para o desenvolvimento. Segue-se o exemplo:

    Animao

    Destaques

    Analise secundaria mais pormenorizada ao objecto


    As animaes distinguem-se pela complexidade de efeitos e podem-se distinguir-se como: Animao .gif (desuso) Animao .swf (flash) Animao simples por folhas de estilo (css) Animao por scripts (jquery, javascript, php, C#, VB)

    Que linguagem de programao/cdigo ou plataforma optar


    Cada cdigo de programao tem a sua estrutura especifica, ( orientada a objectos, por classes ), podendo ser uma mais eficiente e vantajosa para uma certa funcionalidade, outra mais simples, rpida e fcil de entender. Diferem tambm pela proteco de direitos de autor e pela segurana. Pelo sistema do servidor em que vai ser implementado.

    Que linguagem de programao/cdigo ou plataforma optar


    De modo geral se for implementado em sistemas da Microsoft as linguagens de programao mais usadas so: HTML + CSS + ASP.NET, C# (requerem licenas de utilizao, servios so normalmente pagos) Sistemas de hospedagem em linux: HTML + CSS + PHP + JAVASCRIPT ( gratuito, menos custos, codigo aberto)

    HTML Agrupamento de estilos


    HTML

    Programao OO Banco de Dados PHP, VB.NET ou por classes SQL ou MYSQL JAVASCRIPT, C#

    Folhas de estilo CSS, XML

    Template
    Pasta de imagens Pasta para estilos Pasta para scripts Na raiz ficheiros de pagina web

    IDE paginas web


    Microsoft Web Developer Dreamweaver Notepad++

    Endereamento paginas web


    Sequecial: uma pagina precede de outra pagina Arvore: existe um escalo de piramide de endereamento de paginas. Mista: Dependendo do contexto ou assunto que o utilizador segue na pagina web.

    HTML estrutura base


    Tags: <html> Atributos <img src=./raiz/imagem1.jpg>

    Estilos de programao html: Inline

    HTML regras base


    Desenvolvimento de codigo agrupado e em cascata. Abertura de uma Tag <html> requer depois de um fecho </html>. Existem tags que incluem proprio fecho por exemplo <br />.

    HTML cdigo base


    Estrutura de uma pagina web em hipertexto: <html> <head><title></title></head> <body> </body> </html> Tag Doctype: significa que o documento do est conforme as normas de html.

    Html outro tags essenciais


    <Img> para introduo de imagens no documento. <a> para introduo de links. <p> para introduo de um paragrafo. <div> uma divisoria na pagina web. <table> introduo de uma tabela. <embed> introduo de uma animao em flash. <form> criao de um formulario metodo Post <font> campo de texto.

    Html aplicao de estilos


    <b> - Texto em negrito <u> - Texto sublinhado <i> - Texto em italico <center> - texto ou objectos alinhados centradamente. <h1> - texto de cabealho (tamanho gigante) <h2> - texto de cabealho (tamanho grande) <h3> - texto de cabelhado (tamanho normal) <h5> - texto de cabealho (tamanho pequeno)

    Potrebbero piacerti anche