CSS JSP
601 palavras
3 páginas
Como utilizar o CSS em JAVA(JSP)Vou criar um arquivo CSS o qual usarei neste exemplo. Para armazená-lo, vou criar um novo diretório dentro de “Web Pages”, a este chamarei de “CssNew”. Com o botão direito do mouse, na treeview do project explorer, sobre a pasta “Web Pages” selecione New ► Folder, conforme ilustração abaixo:
O Netbeans, através do assistente vai auxiliar este trabalho. Em “Folder Name” digite o nome desejado para o novo diretório. Note que, você pode também definir a hierarquia desse novo diretório em “Parent Folder”. Para completar a criação do diretório click em “Finish”.
Para criar o arquivo CSS, selecione, com o botão direito do mouse no novo diretório, a opção New ►Other, para acessar o assistente. Em seguida, dentre as opções listadas, na categoria “Web”, selecione “Cascading Style Sheet”. Click em “Next” para continuar a criação do arquivo CSS.
Em “CSS File Name” digite o nome do arquivo: “CSSnew”. Veja que “Location” e “Folder” já estão definidos em decorrência de termos selecionado o diretório “CssNew”.
A seguir o código do meu css
/*
Document : CSSnew
Created on : 25/03/2015, 10:59:57
Author : Thalles Coutinho
Description:
Purpose of the stylesheet follows.
*/
div{ font-family: Cosmic Sans, Veranda,Tahoma; font-size: 14px; background-color: #330099; color: #ccff99; font-weight: bolder; text-align: center;
}
Editando o arquivo Index.jsp
Quando iniciamos um projeto Web no Netbeans ele define no deployment descriptor qual o arquivo será executado quando o Glass Fish atender uma requisição cliente chamando a URL do seu serviço. Esse arquivo, por default é o Index.jsp. Você pode alterar isso no o arquivo “web.xml” (basta um duplo click sobre o arquivo, ou com o botão direito selecione “Open”), pela IDE na aba “Pages”.
Na tag “head” do arquivo “Index.jsp” vou linkar o CSS “CSSnew.css”.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF- 8">
<title>Estação ZN - Nova JSP Page</title>
<link