antiblock
Elveron
  • Chatbox

    You don't have permission to chat.
    Load More
SpaceCAT#

Ajuda Criação De Página Web Para Produto Ficticio

16 posts in this topic

Boa tarde malta, venho aqui pedir ajuda aos experts de programação.

 

Preciso de fazer uma página web para divulgar um produto fictício que vou criar para a disciplina de design de produto.

Queria usar a plataforma do Blogger, já que este deixa editar o código base Html.

Queria criar uma página principal, que tivesse 4 links de acesso a sub-páginas, ou seja, ter a imagem de fundo, e o título do produto e depois ter esses links numa barra, centrada, para que com esses 4 links o cliente possa abrir só o que quer ler.

 

Já procurei na internet, e não encontrei bem o que quero, e não percebo muito de programação.

 

Quem puder ajudar diga, cumps.  :gosto:

 

EDIT: Para quem não perceber, venho pedir um html que me deixe fazer o que pedi.

Share this post


Link to post
Share on other sites
antiblock
Rodnia | Alpha & Omega

seja mas especifico faça um diagrama

seria tipo isso?

 

Sem_t%C3%ADtulo-3.jpg

Share this post


Link to post
Share on other sites

Utiliza algo como isto (https://ninjamock.com/) para criares o mockup do website.

 

 

Outra coisa, visto que isso é para a tua disciplina não deverias ser tu a o fazer? Estás a pedir o básico de HTML.

Share this post


Link to post
Share on other sites

MODELO.jpg

Share this post


Link to post
Share on other sites

Utiliza algo como isto (https://ninjamock.com/) para criares o mockup do website.

 

 

Outra coisa, visto que isso é para a tua disciplina não deverias ser tu a o fazer? Estás a pedir o básico de HTML.

 

Não é suposto criar o site de raiz, querem que usemos Wix ou assim, mas não queria usar isso ... 

Share this post


Link to post
Share on other sites

isso é muito basico de html 

 

7 divs resolve seu problema

Share this post


Link to post
Share on other sites

isso é muito basico de html 

 

7 divs resolve seu problema

 

Nunca trabalhei com Html, portanto torna-se chinês para mim, por isso mesmo vim perguntar se havia alguém disposto a ajudar-me  :lol:

Share this post


Link to post
Share on other sites

Nunca trabalhei com Html, portanto torna-se chinês para mim, por isso mesmo vim perguntar se havia alguém disposto a ajudar-me  :lol:

 

Mas não é suposto estares a trabalhar em HTML nessa disciplina?

Share this post


Link to post
Share on other sites

Mas não é suposto estares a trabalhar em HTML nessa disciplina?

 

Não, não é programação, embora gostasse de ter, apenas temos de desenhar e criar produtos ligados aos temas que nos são dados pelo prof, eu por exemplo vou criar uma lancheira em cortiça e barro, e tenho de ter um site para divulgar o produto 

Share this post


Link to post
Share on other sites

Segue um código bem basico editas como deseja

 

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITULO DA PAGINA</title>
<style type="text/css">
#geral {
	float: none;
	height:700px;
	width: 600px;
	background-image:url(Diretorio da imagem.png);
	border:1px solid;
	border-color:#000;
}

.menu {
	width:100px;
	height:50px;
	float:left;
	background-color:#09F;
	border:1px solid;
	border-color:#000;

}

#amarramenu {
	width:408px;
	height:100px;
	margin-left:100px;
	margin-top:350px;
	border:1px solid;
	border-color:#000;
	
}

#nameempresa {
	width: 400px;
	height: 100px;
	margin-left: 100px;
	margin-top: 50px;
	float: left;
	top: auto;
	border:1px solid;
	border-color:#000;	
}
	
</style>
</head>

<body>
<div id="geral">
  <div id="amarramenu">
  		<div class="menu" align="center"><a href="#">Link</a></div>
  		<div class="menu" align="center"><a href="#">Link</a></div>
  		<div class="menu" align="center"><a href="#">Link</a></div>
  		<div class="menu" align="center"><a href="#">Link</a></div>
	</div>
    
  <div id="nameempresa" align="center">NOME DA EMPRESA</div>
</div>
</body>
</html>
 

Share this post


Link to post
Share on other sites

Obrigado, quando chegar a casa experimento!

Share this post


Link to post
Share on other sites

     Pode pegar templates na internet e editá-los, o que é fácil. Este website é um dos melhores, tem diversos templates profissionais pagos para WordPress, templates da Envenato, CodeCanyon, ThemeForest e etc, na versão nulled.

Share this post


Link to post
Share on other sites

Obrigado, quando chegar a casa experimento!

resolveu seu problema?

Share this post


Link to post
Share on other sites

Agora falta me investigar para meter aquilo mais bonito, com botões no lugar dos links, e de maneira que a imagem de fundo se ajuste automaticamente ao screen de cada pc

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now