por Kweb.com

Introdução ao Webdesign

Neste artigo, aproveito colocar um ficheiro em pdf, para compreender:

  • O que é Webdesign ?
  • Saber quais as aplicações a usar
  • E, finalmente todos os passos para criar um Website

Espero que seja útil, para começarem a dar os primeiros passos na Área de Webdesign.

Clique aqui para fazer o Download

Menu com CSS

Neste Tutorial, vou explicar e mostrar como se pode criar um Menu - com efeito - usando CSS (Cascading Style Sheets).

Primeiro, cria-se a Lista que vai compor o Menu em HTML, por exemplo:

<div class="list_container">

<ul>

<li><a href="#">Item 1</a></li>

<li><a href="#">Item 2</a></li>

<li><a href="#">Item 3</a></li>

</ul>

</div>

A seguir, deve-se criar o Script CSS- que vai permitir aplica uma cor (no original) e outra - sempre que passar o rato sobre o mesmo. Eis então esse Script:

 .list_container a
{
display: block;
padding: 1px;
padding-left: 10px;
width: 200px;
background-color: #FFF;
border-bottom: 1px solid #DDF;
}

.list_container a:link, .list_container a:visited
{
color: #369;
text-decoration: none;
}

.list_container a:hover
{
background-color: #369;
color: #fff;
}

 Depois, guarde a Página Web, e pré-visualize-a. Clique no Link e veja o resultado:

 Clique aqui

E, assim pode aplicar efeitos aos Links dos menus, usando o CSS. Espero que começem e utilizar esta técnica.

Páginas em HTML

Caros Visitantes, 

Vão encontrar aqui 3 ficheiros, onde aprenderão a Criar Páginas Web, utilizando a Aplicação Bloco de Notas.

As Páginas vão ser criadas em HTML (Hypertext Markup Language), e tudo será feito com instruções e passo a passo, para que possa criar, guardar e pré-visualizar as Páginas.

Clique nos links abaixo para fazer Download dos ficheiros em pdf.

Exercício 1

Exercício 2

Exercício 3

Divirtam-se.

 

Futebol