Hack: 02/11/16

Here we discuss ,

1.How to download and install, setup local server program.

2.How to run local server, start server and server services.

3.How to Create social network database(using phpmyadmin) including users table, Post table, comment table, like table, reply table, image table, video table.

5.How to setup and insert data to column, create type, function and values to the mysql tables.

4.How to set up relations between mysql tables.

5.How to create required web folders, php files, javascript files, css files.

6.How to create relations with those php, js, css files.

8.How to create default images for your website.

Web folder view

Index.php

<?php
include("php/folder_connection.php");
?>
<html>
	<head>
		<title>welcome</title>
		<script src="<?php echo "php/" . $js . "jquery.js";?>"></script>
		<script></script>
		<style>
			body{margin:0px;}
			#body_div{width:100%;height:100%;min-width:1024px;background-color:black;color:white;}
			#top_bar{width:100%;height:auto;background-color:skyblue;float:left;}
			.top_bar_button{border:1px solid white;float:right;margin:2px;padding:2px;}
			.image{float:left;margin:5px;display:none;}
			#image{width:69%;height:400px;background-color:gold;}
			#text{width:29%;height:400px;background-color:gold;}
			#headline{width:auto;height:30px;background-color:green;margin:3px;padding:3px;}
			#discription{width:auto;height:300px;background-color:blue;margin:3px;padding:3px;}
			#username{width:30%;height:30px;background-color:green;float:right;margin:3px;padding:3px;}
			.loginandregiser{float:left;margin:5px;display:none;}
			#register{width:49%;height:400px;background-color:gold;}
			#login{width:49%;height:400px;background-color:gold;}
			#footer{width:100%;height:auto;background-color:pink;float:left;color:blue;bottom:0px;position:absolute;}
			#about{margin:5px;width:80%;height:300px;background-color:green;float:left;display:none;}
		</style>
	</head>
	<body>
		<div id="body_div">
			<div id="top_bar">
				<div id="register_login_button" class="top_bar_button">
Login / Register</div>
<div id="about_button" class="top_bar_button">
About</div>
</div>

			<div id="image" class="image">
				<div id="username" align="center">
@username</div>
</div>
<div id="text" class="image">
				<div id="headline" align="center">
Head</div>
<div id="discription" align="center">
Text</div>
</div>
<div id="about" class="" align="center">
this is about site</div>
<div id="register" class="loginandregiser">
</div>
<div id="login" class="loginandregiser">
</div>
<div id="footer" align="center">
Copyright ESK TV</div>
</div>

<script>
$(document).ready(function(){
	$("#about_button").click(function() {
		$("#about").hide"fast");
		$("#about").show("fast");
	});
	$("#register_login_button").click(function() {
		$("#text").show("fast");
	});
});
</script>
	</body>
</html>