1 Replies - 1168 Views - Last Post: 13 September 2015 - 12:36 PM

#1 warpather1234   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 13
  • Joined: 13-September 15

How do websites get put together?

Posted 13 September 2015 - 12:01 PM

I know html and css(im ok at css) about to learn java But i dont understand how websites are put together This is how i did it
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body {
 background-image: url("http://i.imgur.com/Hd7S83Q.png");
 font-size:18px;
 }
 div.img1{
position: fixed;
    bottom: 718px;
    right: 228px;
 }
 div.bar1{
 position: fixed;
 bottom: 900px;
 left:10%;
 }
 div.text1{
 position: fixed;
    bottom: 564px;
    right: 227px;
	border-style:solid;
	border-width:4px;
	border-color:black;
	background-color:white;
 }
 div.img2{
position: fixed;
    bottom: 716px;
    left: 192px;
 }
 div.text2{
 position: fixed;
    bottom: 584px;
    left: 191px;
	border-style:solid;
	border-width:4px;
	border-color:black;
	background-color:white;
 }
 div.img3{
position: fixed;
    bottom: 716px;
    left: 376px;
 }
  div.text3{
 position: fixed;
    bottom: 584px;
    left: 375px;
	border-style:solid;
	border-width:4px;
	border-color:black;
	background-color:white;
 }
 div.img4{
position: fixed;
    bottom: 716px;
    left: 560px;
 }
 div.img5{
position: fixed;
    bottom: 716px;
    left: 744px;
 }
   div.text4{
 position: fixed;
    bottom: 584px;
    left: 559px;
	border-style:solid;
	border-width:4px;
	border-color:black;
	background-color:white;
 }
 div.text5{
 position: fixed;
    bottom: 584px;
    left: 743px;
	border-style:solid;
	border-width:4px;
	border-color:black;
	background-color:white;
 }
</style>
<title>     </title>
</head>
<body>

<div class="img1">
<img src="http://i.imgur.com/jMq7YlT.png" title="TechNelly" />
</div>

<div class="bar1">
<img src="http://i.imgur.com/mFFU97c.png" title="source: imgur.com" /></a>
</div>


<div class="text1">
<pre>
    This is one   
   of the logos  
    i made for   
    a guy named  
     <b>technelly</b>    
</pre>
</div>	 
	 
	 
	 
<div class="img2"> 
<img src="http://i.imgur.com/bEjT7YF.png" title="Smiley" alt="Image did not load" />
</div>	 
	 
	
<div class="text2">
<pre>
   This is one
   of the logos
   i made for
  <b>MY DAMN SELF</b>    
</pre>
</div>	  







<div class="img3">
<img src="http://i.imgur.com/k1Yndge.png" title="source: imgur.com" />
</div>


<div class="text3" >
<pre>
   This is one    
   of the logos   
   i made for    
   <b>Nikki</b>   
</pre>
</div>

<div class="img4">
<img src="http://i.imgur.com/ZEJDOJT.png" title="source: imgur.com" />
</div>

<div class="text4">
<pre>
   This is one    
   of the logos   
   i made for    
  <b>Saiko</b>     
</pre>
</div>	  









<div class="img5">
<img src="http://i.imgur.com/Dr4VRJZ.png" title="source: imgur.com" />
</div>
<div class="text5">
<pre>
   This is one    
   of the logos   
   i made for    
  <b>GoldNight</b>     
</pre>
</div>	  







</body>
</html>





How do i do make it look good and not just like all on one side
Sorry if you didnt understand this i dont know how to say what im trying to do

Is This A Good Question/Topic? 0
  • +

Replies To: How do websites get put together?

#2 Martyr2   User is offline

  • Programming Theoretician
  • member icon

Reputation: 5552
  • View blog
  • Posts: 14,558
  • Joined: 18-April 07

Re: How do websites get put together?

Posted 13 September 2015 - 12:36 PM

websites are put together in many different ways. However the heart of most pages is HTML (for the structure of the page and semantics), CSS for presentation effects (coloring, positioning and even some animation effects) and Javascript for behavior (aka interaction by the user or when certain events happen).

A user makes a request for a page using their browser (or some other client) to the server. The server may do some processing of server-side code, but in the end it returns a document (typically an HTML page with CSS and Javascript instructions for the client to read and execute).

When the browser receives the content back from the server, it will read through the document, make separate requests for each image etc and execute any code it needs to for rendering the page.

Nice little video to help make it sink in... https://www.youtube....h?v=D8c4JZW73cM

Now as far as your code, you just have to style it to not be on the side. Try looking into how to use containers that have different widths and making elements float left, or right etc. Good luck! :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1