Como tornar o seu site dinâmico
Seu site ainda está tão estático como sempre? Entre o atual crescimento geométrico dos sites da Internet, um número considerável deles ainda está se mantendo na estática e está de atraso invisivelmente atrás do ritmo dos tempos. A chamada estática significa que o conteúdo da página da web do site é corrigido. Documento HTML estático. O conteúdo de sua página usa apenas código HTML padrão e, no máximo, é acompanhado pelo popular formato GIF89A imagens dinâmicas, como o efeito de animação de vários filhotes e gatinhos correndo. Se um mantenedor de sites quiser atualizar o conteúdo de uma página da web, ele deverá atualizar manualmente todos os seus documentos HTML.
A fraqueza fatal dos sites estáticos é que eles não são fáceis de manter. imaginação.
Você não pode deixar de perguntar: Então, o que é um site dinâmico? Este é o núcleo do artigo.
1. Interatividade significa que as páginas da Web mudarão e responderão dinamicamente de acordo com os requisitos e opções do usuário e usarão o navegador como interface do cliente.
2. Atualização automática significa que você não precisa atualizar manualmente o documento HTML e uma nova página será gerada automaticamente, o que pode salvar bastante a carga de trabalho.
3. Ele muda de tempos para pessoa, ou seja, quando pessoas diferentes visitam o mesmo site em momentos diferentes e pessoas diferentes produzem páginas diferentes.
Agora que você tem um conceito básico para sites dinâmicos, você deve escolher uma arma competente a seguir. Existem muitas maneiras de criar dinamicamente seu site, depende de quais são suas necessidades. Se você é um mantenedor do seu site pessoal e usa um espaço de página inicial gratuita, na maioria dos casos, você pode usar apenas o script Java, Java e a mais recente tecnologia DHTML. tenha muita sorte de brincar com a tecnologia dinâmica real. A tecnologia CGI e ASP será discutida posteriormente.
O que exatamente é dhtml? Como é diferente do HTML tradicional? O DHTML é quando uma página da web é baixada de um servidor da Web e não precisa mais ser processada pelo servidor, mas atualiza direta e dinamicamente o conteúdo, o estilo de layout e a animação da página da web no navegador. Por exemplo, quando o mouse se move para o parágrafo do artigo, o parágrafo pode ficar azul ou, quando você clicar em um hiperlink, um diretório de sub-hiperlink suspenso será gerado automaticamente. Este é o HTML dinâmico (HTML dinâmico), que é uma das inovações mais emocionantes e práticas no rápido desenvolvimento da Internet nos últimos anos. É um conceito alcançado através do desenvolvimento abrangente de várias tecnologias, incluindo script Java, VB0script, modelo de objeto de documentos, camadas e folhas de estilo em cascata (folhas de estilo CSS), etc. É muito lamentável que, após várias batalhas entre os navegadores Netscape e Microsoft IE, ainda não recebemos um padrão unificado para o suporte ao DHTML. Portanto, este artigo deve ser descrito separadamente ao introduzir DHTML. Vamos primeiro dar uma olhada no suporte do Microsoft IE 4 para DHTML:
1. Conteúdo dinâmico: atualize dinamicamente o conteúdo da página da web e insira, modifique ou exclua dinamicamente os componentes da página da web a qualquer momento, como texto, tags, etc.
2. Folhas de estilos dinâmicos: através das folhas de estilo em cascata do W3C (tipo de letra conectada, referida como CSS1 ou CSS), ele fornece o tamanho da fonte, o tamanho da fonte, a espessura, o estilo de fonte e a altura da linha das tags html. Linha horizontal de linha ou média, distância da borda, centralização à esquerda ou centralização, recuo, imagem ou cor de fundo e outras funções de composição. Os estilos de layout dinâmicos podem alterar dinamicamente o estilo de layout a qualquer momento.
3. Posicionamento dinâmico: Através do rascunho de trabalho de W 3 C sobre o posicionamento de HTML com folhas de estilo em cascata, ele fornece a função de posicionamento dos componentes HTML nos eixos x, y e z, permitindo que os designers coloquem imagens, controles, texto, etc. em em qualquer lugar da página. Ao colocá-lo em diferentes eixos z, o designer pode produzir efeitos sobrepostos.
4. Consciência de dados interna: não há necessidade de programas complexos ou gaste muitos recursos no servidor, permitindo que os designers da web processem documentos em tempo real.
5. Suporte multimídia embutido: o IE 4.0 combina CSS e controles internos do ActiveX embutidos para fornecer funções de suporte multimídia, incluindo funções multimídia, como efeitos de conversão, efeitos de filtro, controle de caminho, controle de sequência, animação, desenho, reprodução de som e imagens .
Vamos dar uma olhada no suporte fornecido pelo Netscape Communicator 4.0 para DHTML:
1. Folhas de estilos dinâmicos: Suporte W 3 C Folhas de estilo em cascata (estilo do tipo conectado, referido como CSS1 ou CSS) e folhas caseiras de estilo de script Java.
2. Camadas dinâmicas: fornece as funções do posicionamento de imagens e textos, alterando a ordem de sobreposição de imagens e textos, controlando a ocultação ou exibição de imagens e textos e permitindo que você projete efeitos de animação!
3.dynamic fontes: fornece a função de baixar fontes do servidor. Pode -se observar que, embora o IE 4.0 e o Netscape Communicator 4.0 forneçam suporte dinâmico em HTML, de fato, exceto pelas especificações semelhantes de folhas de estilo em cascata, o restante é muito diferente. Portanto, quando você projeta páginas DHTML, os problemas de compatibilidade devem ser totalmente considerados. O autor explicará os métodos de uso e as técnicas de design do DHTML cuidadosamente no capítulo 2 "Dezoito artes marciais de design dinâmico da web", preste muita atenção.
Talvez para um site pessoal, o uso total da tecnologia DHTML seja suficiente para fazer a página da web ganhar vida e cheia de dinamicidade. No entanto, para empresas que constroem sites comerciais, está longe de ser suficiente para ter DHTML. Como os efeitos dinâmicos que ocorrem apenas no navegador do cliente não podem atender às necessidades dinâmicas de sites comerciais, como grandes quantidades de consultas de informações, consulta ao cliente, interação de recursos, etc. Portanto, como designer de sites comerciais, é necessário projetar um site dinâmico mais prático e interativo. Como a maioria dos sites comerciais possui uma grande quantidade de dados e informações, a intenção original de criar uma rede é facilitar os clientes para consultar informações corporativas, facilitar a comunicação com os clientes e obter feedback de informações oportunas. Em seguida, você inevitavelmente enfrentará como permitir que os usuários consultem as informações do banco de dados da Web através da Internet ou da intranet na interface do navegador e até digite, atualize e exclua as informações no servidor da Web. Abaixo, apresentarei brevemente vários métodos de design de sites dinâmicos comumente usados:
1. O método tradicional de CGI (Common Gateway Interface) é usado para executar o formulário executável definido pelo formulário. . O uso do CGI para acessar bancos de dados da Web tem muitas desvantagens, como não é fácil de desenvolver, alto custo de mudança e modificação, funções limitadas, não é fácil detectar erros, velocidade de execução lenta etc. Além disso, uma vez que não está integrada aos documentos HTML, Ele deve ser usado completamente com HTML.
2. IDC (Internet Database Connector) Internet Database Connector é um dos recursos do Windows NT Server que contém o Internet Information Server (IIS) 2.0. Iis. Você só precisa dominar o conhecimento básico de HTML e SQL e escrever alguns código para compilar aplicativos de banco de dados interativos, permitindo que os usuários consultem, inseram, sejam atualizados e excluam no servidor da web nas informações de dados da interface do navegador. Como os programadores VB como os arquivos que compõem o aplicativo IDC são explicativos. Ciclo de desenvolvimento e feedback. Mas o preço dessa simplicidade é sacrificar muita flexibilidade, o que o obriga a desistir de muito controle sobre a interface do usuário e quase toda a capacidade de verificar os dados. Portanto, o IDC é adequado apenas para aplicativos da Web simples.
3. O objeto de dados ActiveX (ADO) é a melhor opção para aplicativos de banco de dados da Web.
O que exatamente é o objeto de dados ActiveX (ADO para abreviação)? A tecnologia de objeto de dados ActiveX permite combinar as páginas do servidor ativo (ASP para curta) para criar conteúdo da página da web que fornece informações de dados. Digite, atualize e exclua dados no servidor da web na interface do navegador. Quando o navegador no lado do usuário preenche as informações necessárias para inserir o formulário e pressiona o botão Enviar, a solicitação HTTP é transmitida ao servidor da Web através da Internet e Intranet. o formulário (nome do sufixo) no servidor da web. Um documento ASP é um documento de texto sem formatação que inclui: Tags HTML, Código do Programa de Linguagem VBScript ou JScript, Sintaxe ASP e Instruções SQL de linguagem de consulta estruturada. A execução do servidor da Web do IIS3.0/4.0. A ADO tem as vantagens de uso fácil, desenvolvimento e execução rápidos, menos recursos do sistema e pequeno espaço em disco.
Os acima são as tecnologias dinâmicas comumente usadas no design de sites comerciais. futuro. Portanto, no segundo capítulo deste artigo, "dezoito artes marciais de design dinâmico da web", o autor explicará o uso de ADO e ASP, portanto, fique atento.