Para a criação de páginas dinâmicas que podem ser atualizadas de modo assíncrono, eliminando a necessidade de se carregar toda a página novamente, o webdesigner deve trabalhar com o seguinte método:
Um website foi programado para exibir o nome do usuário no canto da tela através do seguinte código HTML:
Considerando que o nome está armazenado na variável “meuNome”, a sintaxe correta em Javascript para trocar a palavra “usuário” pelo conteúdo da variável é:
Um website foi diagramado de modo a exibir seu conteúdo em três colunas de acordo com o seguinte código CSS:
Entretanto, em dispositivos com largura de tela máxima de 640 pixels (ou quando a janela do navegador for reduzida a esta largura máxima), cada coluna deve ocupar 100% da largura de tela. Para tal, o webdesigner responsável pelo desenvolvimento do website optou por usar uma media query para detectar o tamanho da janela, alterando a largura de todas as colunas quando necessário. A sintaxe correta do código usado é:
Ao projetar um website para visualização em resoluções de smartphones de baixo custo até FullHD (1920x1080), um webdesigner optou por posicionar a foto de uma paisagem (paisagem.jpg) como elemento decorativo no topo de cada página. Essa imagem deve ocupar toda a largura da página e deve possuir uma altura de 280 pixels. A imagem não pode ser redimensionada ou distorcida quando o tamanho da janela do navegador for alterado - ela deverá ser cortada, exibindo somente o que couber na área visível. O código CSS para gerar a caixa que receberá a imagem é:
Um webdesigner recebe a tarefa de diagramar um relatório de vendas em uma página web. O conteúdo do relatório consiste em um texto detalhando minuciosamente os resultados e um conjunto de dados tabulados indicando a quantidade, a localização e o preço de cada um dos produtos vendidos. Para seguir a identidade visual do restante do website, o texto deve ser diagramado em duas colunas. A forma recomendada para desenvolver a página é:
Um webdesigner recebe a tarefa de desenvolver um website responsivo. O site deve ser visualizado no maior número de dispositivos possíveis, de smartphones de baixo custo a computadores de última geração, sem omitir nenhuma informação crucial para a compreensão do conteúdo. Para tal, a metodologia mais indicada de acordo com o conceito de mobile first é conhecida como:
Durante a etapa de planejamento de um website, um webdesigner deve escolher a seguinte ferramenta para definir as seções principais e suas respectivas subseções:
