What's new

Closed pano gumawa ng website ?

Status
Not open for further replies.

MakCarballo

Addict
Joined
Jun 21, 2013
Posts
27
Reaction
10
Points
72
Age
30
Hello ! meron po jan may alam kung sanpde gumawa ng website ? yung madali lng , pra lang sa subject ko na web developtment . Salamat ;) ..
 
You do not have permission to view the full content of this post. Log in or register now.
icon_book.gif
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
Select a tutorial from the menu to the left.
You do not have permission to view the full content of this post. Log in or register now.
 

Attachments

You do not have permission to view the full content of this post. Log in or register now.
icon_book.gif
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
Select a tutorial from the menu to the left.
You do not have permission to view the full content of this post. Log in or register now.

salamat ate ;) .. ui guide mo nman po ako dito sa site na to bago plng po ksi ako eh . Salamat
 

Attachments

Sayang wala ako time para mag Aral kung panuh gumawa ng Site, Meron ako alam kaso Basic lng Next time na lang Siguro ito
Thanks sa mga LINK...!
 
Add narin ako ng reference mga kuys..

This is the best online website builder na pwede mong bisitahin at explore. Kahit di ka marunong ng mga codes sa html at css pwede kang makadesign ng magandang website.
  1. wix.com
  2. webs.com
  3. weebly.com
Pero kung gusto mo talaga ng full customization sa website na gagawin mo, download ka ng template(css template) tapos edit mo ang codes (html at css) offline at pagnatapus muna ang design upload mo gamit ang freehosting na mga website.
 
Pinakamadali ang HTML
simpleng codes lang gamit ang notepad at makakabou kana ng isang website... Thanks sa mga teacher ko at kaya ko ng gumawa ng website sa kahit anong kompyuter at kahit anong oras..

One of my Works
Code:
<html>

<head>

<title> CJ CALAPINI PORTFOLIO </title>



<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta http-equiv="Content-Language" content="en-US" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />




<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquerycycle.js"></script>



<script type="text/javascript" id="myscript" >


function showHide(divID, imgID)
{
    if (document.getElementById(divID).style.display == "none")
{
        document.getElementById(divID).style.display = "block";

        document.getElementById(imgID).src = "Images/upArrow.gif";
  
} else {
        document.getElementById(divID).style.display = "none";
      
document.getElementById(imgID).src = "Images/dnArrow.gif";
    }
}


</script>

<style>

@font-face { font-family: Caviar; src: url('CaviarDreams.ttf'); }

body {
font-family: Caviar;
color:white;

scrollbar-base-color: #9e9e9e;

scrollbar-base-color: #9e9e9e;

scrollbar-3dlight-color: #9e9e9e;

scrollbar-highlight-color: #9e9e9e;

scrollbar-track-color: #404040;

scrollbar-arrow-color: #404040;

scrollbar-shadow-color: #9e9e9e;

scrollbar-dark-shadow-color: #9e9e9e;

}



div#banner p{

margin:5px;

padding:5px

}



div#profpic img{

margin:5px
;
padding:5px;

}



div#description {

margin:0px;

padding:5px;

font-family: Caviar;

}



p{

margin:5px;

padding:5px

}



div#scrollbar{

float:right;

background-color:#404040;

}



div#profilecontent{

float:center;
position:absolute

}




div#navigation img {

-webkit-transition: all 0.5s ease;
  
-moz-transition: all 0.5s ease;
    
-o-transition: all 0.5s ease;
    
-ms-transition: all 0.5s ease;
        
transition: all 0.5s ease;
}


div#navigation img:hover {

-webkit-transform: rotate(-10deg);
  
-moz-transform: rotate(-10deg);
    
-o-transform: rotate(-10deg);
    
-ms-transform: rotate(-10deg);
        
transform: rotate(-10deg);

}



div#profpic img {

-webkit-transition: all 0.5s ease;
  
-moz-transition: all 0.5s ease;
    
-o-transition: all 0.5s ease;
    
-ms-transition: all 0.5s ease;
      
transition: all 0.5s ease;

}


div#profpic img:hover {
-webkit-transform: rotate(-10deg);
  
-moz-transform: rotate(-10deg);
    
-o-transform: rotate(-10deg);
    
-ms-transform: rotate(-10deg);
        
transform: rotate(-10deg);
}



div#scrollbar img {

-webkit-transition: all 0.5s ease;
  
-moz-transition: all 0.5s ease;
    
-o-transition: all 0.5s ease;
  
-ms-transition: all 0.5s ease;
        
transition: all 0.5s ease;

}


div#scrollbar img:hover {

-webkit-transform: rotate(-10deg);
  
-moz-transform: rotate(-10deg);
    
-o-transform: rotate(-10deg);
    
-ms-transform: rotate(-10deg);
        
transform: rotate(-10deg);

}





</style>

<script type="text/javascript">
  $(document).ready(function()  {
    $("#slideshow").cycle({
      fx: 'zoom';
      delay: 10000; // delays for 10,000 milliseconds (10 seconds, it must remain milliseconds)
    });
  });
  </script>

<body bgcolor="#302e30"  >

<div>

<table>

<tr valign="top">

<td>

<div id="profpic" style="background-color:#404040;width:200px;height:200px;align:left;" >

<img id="profilepic" src="
(content here)" style="width:180px;height:180px"/>

</div>

</td>

<td>

<div id="banner" style="background-color:#404040;width:1100px;height:72px;" >

<p>

(content here)
</p>

</div>

<div id="description" style="background-color:#404040;width:1100px;height:110px;margin-top:5px">

<p style="background-color:#9e9e9e";width:1100px;font-family:Caviar;margin:5px;padding:5px;text-align:center;">


(content here)

</p>

</div>

</td>

</table>

</div>


<div id="navigation" style="background-color:#404040;width:1150px;height:65px;" >

<p>

<a href="#" onclick="showHide('home','pictureframe1')"><img src="home.png" /></a>

<a href="#" onclick="showHide('profile')"><img  src="profile.png" id="profilebutton" /></a>

<a href="#" onclick="showHide('about')"><img src="about.png" /></a>

<a href="#" onclick="showHide('blog')"><img src="blog.png" /></a>



</p>

</div>


<div id="scrollbar" style="width:200px;height:500px;line-height:3em;overflow:scroll;padding:5px;float:right">


(content here)

</div>


<table>


<div id="profile" style="display:none;width:1150px;background-color:#404040;margin:5px">


<p style="margin:5px;padding:5px;">

<img src="
(content here)" style="float:left;border:5px;margin:5px;padding:5px" />


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>

The theme of this website have been minimalistic and prestige. My color combination and font was a great one to be implied on the website.
<br>
<br>

(content here)

<br>

<br>

(content here)

</p>


</div>




<div id="about" style="display:none;width:1150px;background-color:#404040;margin:5px;padding:5px;">


<p style="margin:5px;padding:5px">

I am CJ CALAPINI  i live in M. Calapini Streer Brgy Poblacion Burgos Ilocos Norte

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>

You can contact me @  09237317773

<img src="mail.png" />


</p>


</div>




<td>


</div>


</td>

<td>


<div id="home" style="display:none;width:1150px;background-color:#404040;margin:5px;padding:5px">


<img src="DSC_0391.jpg" style="float:left;width:490;height:290;margin:5px;padding:5px"/>


<p style="margin:5px;padding:5px;">



(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)
<br>

<br>


(content here)

<br>

<br>


(content here)


</p>


</div>


</td>


<div id="blog" style="display:none;width:1150px;background-color:404040;margin:5px;">


<p style="margin:5px;padding:5px;">


<center><strong>
(content here)</strong></center>

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>


(content here)

<br>

<br>

(content here)

<br>

<br>


(content here)


</p>

</div>



</div>




</html>
 
hi mga sir. pinge naman pa ng link para sa web editor na Dreamweaver at Xampp for local web server.. wala po kasi ako makita na link dito.. thank you mga sir. :)
 
Status
Not open for further replies.

Similar threads

Back
Top