What's new
  • Welcome to PHCorner forums. Take a moment to sign up and gain unlimited access and extra privileges that guests are not entitled to, such as: All that and more! Registration is quick, simple and absolutely free. Join our community today!

Help pano gumawa ng website ?

MakCarballo

Leecher
Joined
Jun 21, 2013
Messages
27
Reaction
8
Age
27
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.
You do not have permission to view the full content of this post. Log in or register now.
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
 
Comment

SlasherDash

Eternal Poster
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...!
 
Comment
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.
 
Comment

Cyprix 821

Leecher
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>
 
Comment

_coOL_

Grasshopper
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. :)
 
Comment

Online statistics

Members online
1,077
Guests online
1,844
Total visitors
2,921

Forum statistics

Threads
843,473
Messages
16,678,161
Members
1,466,219
Top