AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 95-103 ( 9ª RESUMO E ÚLTIMO)
O modelo de camadas (box model)
O modelo de camadas ou modelo de caixa é uma área lógica de documentos HTML que possui características próprias . A caixa é como se fosse um container que permite que possam existir outras caixas dentro dela . A partir da estruturação de blocos lógicos , torna-se possível organizar a disposição de diferentes elementos presente no documento HTML .
Marcações lógicas
As tags e são utilizadas para poder fazer uma marcação lógica em documentos HTML . A função principal dessas tag consiste em dar significado ao conteúdo . Também é possível com o uso dessas duas tags , associar as regras de CSS a partir de classes ou identificadores como também alterar as propriedades de modelo das caixas .
Fatiando um layout
Em um site é comum ter quatro subdivisões : cabeçalho , barra de navegação , corpo e rodapé . O cabeçalho normalmente é dividido em duas partes : um logotipo e um banner .A barra de navegação que disponibiliza um menu para o site . A área do corpo que normalmente é dividida entre a parte do menu e a parte do conteúdo em si .Na base da página normalmente tem-se informações do rodapé.
Após a integração do documento HTML com as alterações realizadas e a aplicação do conjunto de regras CSS, o conteúdo adquire uma estilização refinada e visualmente atraente .
E dessa maneira , finalizo o conteúdo presente no livro Fundamentos de Desenvolvimento Web .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 85-94 ( 8ª RESUMO)
Introdução às folhas de estilo em cascata
Cascading Style Sheets (CSS) é uma linguagem de estilo utilizada para descrever a apresentação de um documento HTML (ou XML). A principal funcionalidade do CSS é separar o conteúdo da estrutura do documento HTML, permitindo que os desenvolvedores apliquem estilos de forma eficiente e consistente em várias páginas.
Regras, seletores e declaração – sintaxe CSS
O CSS é formado por duas partes : seletor e a declaração . Essa declaração se refere a uma propriedade e a um valor . O seletor é o alvo das regras aplicadas no CSS . As folhas de cascatas podem ter várias declarações , precisando estar separadas apenas por “;”(ponto-e-vírgula).
Acoplando CSS em HTML
Uma das maneiras mais comuns de integrar o CSS nos documentos em HTML é de maneira incorporada . Para isso , é necessário usar a tag no cabeçalho do documento em HTML . A vantagem de usar a tag <style> dentro do próprio documento HTML é tudo estar integrado em um único documento , mas não é possível compartilhar a folha de estilos em outras páginas do site se a mesma estiver integrada diretamente integrada a um único documento HTML .
Dessa Maneira , a forma mais eficiente de usar o CSS em documentos HTML , é a ligação externa vinculando os arquivos em CSS aos documentos HTML . Essa vinculação da folha de cascata é feita pelo uso da tag no documento HTML em questão .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 68-84 ( 7ª RESUMO)
Tabelas
Uma tabela em HTML , é formada por um quadro que pode ter títulos , divido em linhas , sendo cada linha também dividida em colunas . O uso da tabelas é recomendado quando se faz necessário tabular dados em forma de grade . A tag inicial que delimita o espaço da tabela é a O próximo é definir o conteúdo que estará dentro da tag , sabendo que essa tag é do tipo container o próximo passo é definir as linhas contidas nela . Para isso , usa-se a tag que também é do tipo container . Cada tag também será dividida em quantas colunas se fizer necessário . As colunas da tag são delimitadas pelo uso da tag e é nessa tag que os dados serão informados .
Para apresentar as linhas divisórias presente na figura 5.5b , é necessário utilizar o parâmetro border (borda) junto a tag da seguinte maneira : <table border = “1”>.
Introdução ao uso de formulários web
A partir do momento em que se faz necessário desenvolver páginas web , também surge a necessidade de criar elementos de interação com o público . Por meio disso surge a necessidade de criar formulários . Como por exemplo o serviço de consultas de CEPs dos correios . Por meio desse serviço , o formulário apresentado abaixo é ilustrado para o usuário .
A tag responsável pela criação do formulário é a tag . Tal tag , tem três atributos considerados de destaque : action responsável por indicar para o formulário qual será a aplicação web onde os dados serão submetidos , name que serve para nomear o formulário e method que informa para o browser como os dados coletados pelo formulário serão enviados para a aplicação que foi definida no action .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 55-67 ( 6ª RESUMO)
Ligações de hipertexto e de imagens
Hiperlinks
Hiperlinks ou simplesmente links , são uma das principais motivações de como a web é hoje . A web é formada por inúmeras ligações de links . OS links são usados em documentos HTML por meio da tag . Eles podem ser internos quando estão fazendo referencia a conteúdos do próprio documento ou externos quando estão fazendo referencia a recurdos do mesmo site ou de outros sites.
A tag possui dois atributos , href (Hypertext Reference): Especifica a URL de destino para a qual o usuário será direcionado ao clicar no link e o target: Define onde o conteúdo vinculado será exibido.
Imagens
Imagens também são uma boa opção para incrementar documentos em HTML . As imagens são apenas referenciadas em documentos em HTML . Para poder associar as imagens em documentos HTML , utiliza-se a tag . O parâmetro mais importante para usar a tag é o src que informa o caminho da imagem que será exibida .
Tabulação de dados
Listas
O html oferece diversas formas de estruturar textos por meio de tópicos . As listas com marcadores é o tipo de lista mais comum , ela é definida pelo uso da tag e dentro das tags de abertura e fechamento , utiliza-se a tag (list) para fazer menção aos itens da lista .
A diferença entra a lista numerada para a lista com marcadores é a tag utilizada . Na lista numerada usa-se a tag. A tag utilizada para representar os itens da lista também é a mesma . Nas listas numeradas , o atributo type pode receber valores , tais como : “1” ( quando a numeração é feita com algarismos ) ou “a” ( quando a ordenação é feita por ordem alfabética) .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 41-52 ( 5ª RESUMO)
Introduçao á linguagem de marcação
Os documentos disponíveis na internet , independente do conteúdo são formados por uma linguagem de marcação de hipertexto o HTML . Tal linguagem é usada para trabalhara estrutura de um site . Como o exemplo a seguir :
Estrutura básica de uma página HTML
Uma página em html é delimitada por uma tag no início e no fim . As tags podem ser apresentadas de forma hierárquica , uma dentro da outra . Como por exemplo as tagas e que representam , respectivamente , a área de cabeçalho e de corpo do documento . A parte do cabeçalho não possui infirmações visuais e é usada como seção de configuração é nessa parte que está presente , o título da página (tag ) por exemplo .
Formatação de parágrafos e blocos de texto
As tags <h1> , <h2> , <h3> , <h4>, <h5> e <h6> são utilizadas para demarcar a parte do documento que indica um cabeçalho (título ou subtítulo) . Quanto menor for o valor da tag maior será o destaque do cabeçalho . A tag <p> demarca o parágrafo atual .
O navegador ignora as quebras de linhas declaradas ao longo do documento html . Tal efeito é realizado com a declaração da tag <br> . A tag <hr> tem o mesmo efeito que a tag <br> , todavia seu efeito é divisão da página horizontalmente .
Formatação da fonte
A tag que mais atua sobre os atributos da fonte no documento html é a tag , essa tag define os atributos do texto em si , permitindo alterar o tamanho (size) , o tipo(face) e a cor (color) .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 29-40
O design é uma ferramenta de valor . Ou seja , o design trata de optar a melhor maneira de apresentar uma ideia . Com o surgimento da web um novo espaço surgiu o web design que se refere ao processo de criação e planejamento visual de websites. Envolve a combinação de diversos elementos, como layout, cores, gráficos, tipografia e imagens, para criar uma experiência visualmente atraente e funcional para os usuários na web.
O design e o projeto sáo duas interligadas , ou seja é necessário um certo nível de planejamento antes de criar um site por exemplo . É essencial de começo , desenvolver uma ideia e uma motivação em torno do que será apresentado . Depois que o objetivo é definido , é necessário criar e organizar o conteúdo . A definição do conteúdo do projeto é definido por dois fatores : a criação(concepção) e o design de informações .
Layout é maneira pela qual o conteúdo é organizado , ou seja refere-se ao design gráfico e a aparência visual . O desenvolvimento de uma página para a internet ou seja o layout é uma atividade significativa e prioritária , a partir dele o resto do trabalho será colocado em prática .
De maneira geral , o layout segue um padrão básico . A hierarquia de informações define qual a disposição das informações em uma pãgina web por exemplo . Partindo desse princípio, as informações mais importantes precisa ser posicionado em um lugar estratégico , para que dessa maneira o usuário interaga primeirio com aquilo que ele vê primeiro .
De uma forma geral , existe um certo padrão de layout muito utilizado na criação dos sites . Tal modelo é formado por determinados elementos de conteúdos tais como logotipo , banner padrão , menu administrativo , menu de navegação , conteúdo , anúncios e rodapé .
AUTORES : Bruno Batista Boniati E Teresinha Letícia da Silva
Resumo das páginas 1 – 28
Antes da internet ser o que é hoje , teve um início de tudo , ou seja uma grande trajetória de evolução de tecnologias de telecomunicações e computadores . Tendo também uma forte motivação militar .
Pode-se observar o funcionamento da internet através de uma estrutura de interconexão física. Suponha que um computador da casa A queira enviar uma mensagem para o computador destino F. O caminho natural entre A e F está bloqueado (indisponível). No entanto, a casa A pode enviar sua mensagem para casa D que, por sua vez, envia para a casa E que, finalmente, entregaria para o destino F.
Exemplo de comunicação distribuída
A internet é considerada atualmente como uma das maiores evoluções da humanidade . De uma maneira geral , as aplicações que funcionam sobre a internet seguem a um mecanismo chamado por cliente/servidor, por meio do qual duas aplicações se comuniquem entre si através de um protocolo predefinido.
O correio eletrônico , também chamado de e-mail é considerado um serviço em que a comunicação pode acontecer de maneira offline , dessa forma ambos não precisam estar conectado no mesmo tempo . Por meio desse serviço , uma aplicação (cliente de e-mail) oferece ao utilizador alguns campos para preenchimento (destinatários, assunto, texto da mensagem, etc.) que irão fazer parte da mensagem. Após o envio da mensagem o servidor de e-mail , se encarregará de encaminhá-la para as caixas de correio de cada um dos destinatários.
O serviço de transferência de ficheiros é baseado no protocolo de FTP(Protocolo de Transferência de Arquivos) que consiste em uma comunicação utilizada para transferência de arquivos entre computadores em uma rede, como a Internet. Ele define a forma como os dados devem ser transferidos, organizados e como a comunicação entre o cliente (quem solicita a transferência) e o servidor (onde os arquivos estão armazenados) deve ser estabelecida.
Navegação em hipertexto , ou seja a navegação entre páginas . refere-se à interação do usuário com documentos digitais, especialmente em ambientes online, onde os documentos estão interconectados por meio de links ou hipertexto .
A navegação pelo hipertexto obedece aos princípios dos sistemas cliente-servidor. Um documento HTML, ao qual podemos chamar de página, está hospedado em um servidor web que desempenha um papel de aplicação servidora. Um servidor web recebe requisições de documentos por meio de URLs e as entrega por meio do protocolo HTTP .
Pelo lado cliente, temos o navegador ou browser cuja função principal é submeter uma requisição no formato de uma URL e, após receber o resultado, na forma de um documento HTML, interpretá-lo e apresentá-lo ao utilizador .
O serviço de transferência de ficheiros é baseado no protocolo de FTP(Protocolo de Transferência de Arquivos) que consiste em uma comunicação utilizada para transferência de arquivos entre computadores em uma rede, como a Internet. Ele define a forma como os dados devem ser transferidos, organizados e como a comunicação entre o cliente (quem solicita a transferência) e o servidor (onde os arquivos estão armazenados) deve ser estabelecida.
O grupo ANSI/X3/SPARC se dedicou um tempo considerável para obter diferentes visões da teoria de banco de dados como também para desenvolver um vocabulário que fosse conciso e entendido por todos . Eles apresentaram uma proposta que possuía uma estrutura repartida em três níveis : o esquema externo (esquema do programador), o esquema interno (representado pela organização física dos dados nos dispositivos de armazenamento ) e o esquema conceitual ( representado pela visão da empresa em relação aos dados).
O grupo ANSI/X3/SPARC identificou três categorias de administradores de banco de dados : Administrador de empresa que define o esquema conceitual , Administrador de banco de dados que define o esquema interno relacionado a parte de armazenamento e Administrador da aplicação que representa uma visão dos dados pelo programador da aplicação . Esses três níveis de abstração foram definidos para fornecer uma maneira organizada de projetar e gerenciar sistemas de banco de dados, permitindo uma clara separação entre a visão do usuário, a estrutura lógica e a implementação física.
o conceito de “entidade” se refere-se a um objeto ou conceito do mundo real que pode ser identificado e distingui-los de outros objetos. Relacionamentos podem existir entre entidades . Eles representam as associações e interações entre diferentes entidades, ajudando a refletir as relações do mundo real que estão sendo modeladas. Existem diferentes tipos de relacionamentos entre entidades e alguns deles são de interesse para a empresa . O projetista do banco de dados é responsável por especificar os tipos de mapeamento dos tipos de relacionamentos (um-para-um , um-para-muitos ,muitos-para-muitos).
Entidades e relacionamentos possuem propriedades que podem ser definidas em termos de atributo-valor . Atributos definem as características de uma entidade, e valores são as instâncias específicas desses atributos associados a uma entidade particular. A combinação de atributos e valores ajuda a representar e organizar as informações no contexto de um banco de dados.
A existência de uma entidade pode depender da existência de uma outra . Ou seja a existência de uma entidade fraca depende da existência de outras entidades . No relacionamento um-para-muitos : Uma instância de uma entidade na extremidade “um” está associada a várias instâncias da outra entidade na extremidade “muitos . No relacionamento muitos-para-muitos : Várias instâncias em ambas as entidades podem estar associadas umas às outras. Em uma tabela, o identificador (ou chave primária) é o atributo (ou conjunto de atributos) que identifica de forma exclusiva cada registro na tabela.
O gerenciamento de dados foi se tornando ao passar do tempo uma das principais atividades em muitas organizações . Conforme o mundo foi se tornando cada vez mais adepto da tecnologia , mais necessário vem se tornando o gerencia-mento de dados .
Um registro é uma coleção de itens de dados , dividido em vários campos . E um banco de dados é uma coleção de registros , geralmente referida como uma tabela. Cada registro em uma tabela representa uma entrada única de informações e é composto por campos ou colunas que armazenam dados específicos sobre esse registro .
Em resumo, registros em um banco de dados são entradas individuais de dados em uma tabela, cada uma composta por valores específicos em campos relacionados. Esses registros são fundamentais para armazenar, organizar e recuperar informações de forma eficiente.
O projeto de banco de dados se divide em duas partes : o projeto lógico e o projeto físico . O processo envolve mais a modelagem dos dados, estruturas de dados e operações sem se preocupar com os detalhes a nível físico .Enquanto que o processo lógico do banco de dados está mais relacionado com o planejamento e estrutura lógica de dados . No contexto de banco de dados, o modelo físico descreve como os dados são armazenados em discos, como são indexados e como as consultas são processadas.
Atualmente há vários sistemas de banco de dados , sendo os três principais os modelos : Hierárquico , Rede e Relacional .Hierárquico e Rede: Mais complexos, modelam relações específicas. Relacional: Mais simples, flexível e amplamente utilizado com tabelas e chaves.
No modelo de projeto de bancos de dados tradicionais há problemas que tornam-se complexos a medida que a quantidade de dados aumenta exponencialmente , com isso um novo método surgiu para o projeto de banco de dados : O modelo ENTIDADE-RELACIONAMENTO .
Nesse modelo , primeiro é identificado as entidades e relacionamentos que são necessários para a base de dados .Esse método ER para projeto lógico de banco de dados consiste em duas etapas principais : Definição do esquema ER e tradução do esquema para o usuário .
O Modelo ER é valioso no processo de design de banco de dados, proporcionando uma representação clara e consistente dos requisitos e relacionamentos, facilitando a implementação e manutenção dos sistemas de banco de dados.
