Differences
This shows you the differences between the selected revisions of the page.
guide_website 2013-06-24 | guide_website 2023-03-08 (current) | ||
Line 3: | Line 3: | ||
Managing website differs greatly with webhosting provider. This article just summarizes basics you need to know to edit pages on your website or to upload new pages. | Managing website differs greatly with webhosting provider. This article just summarizes basics you need to know to edit pages on your website or to upload new pages. | ||
+ | |||
+ | ===== Before Starting ===== | ||
Before starting you should: | Before starting you should: | ||
Line 8: | Line 10: | ||
* [[guide_connect|Connect to your webhosting account]]. | * [[guide_connect|Connect to your webhosting account]]. | ||
- | [[Internal Link]]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | + | ===== Web Site Directory ===== |
- | <html> | + | Once you are connected, make sure you are in the remote directory dedicated to store a web pages. It may be the one you get in after logging in (it is the case if you do not see any subdirectories after logging in). But with some providers you will have several subdirectories available, from which only one is visible on the Internet. Such subdirectory will have a name like ''www'', ''htdocs'', ''httpdocs'', ''public_html'' or other. |
- | <head> | + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | + | |
- | <title>HACK GHOST</title> | + | |
- | <meta name="generator" content="WYSIWYG Web Builder 8 Trial Version - http://www.wysiwygwebbuilder.com"> | + | |
- | <style type="text/css"> | + | |
- | body | + | |
- | { | + | |
- | background-color: #000000; | + | |
- | color: #000000; | + | |
- | } | + | |
- | </style> | + | |
- | <style type="text/css"> | + | |
- | a | + | |
- | { | + | |
- | color: #0000FF; | + | |
- | text-decoration: underline; | + | |
- | } | + | |
- | a:visited | + | |
- | { | + | |
- | color: #800080; | + | |
- | } | + | |
- | a:active | + | |
- | { | + | |
- | color: #FF0000; | + | |
- | } | + | |
- | a:hover | + | |
- | { | + | |
- | color: #0000FF; | + | |
- | text-decoration: underline; | + | |
- | } | + | |
- | </style> | + | |
- | <style type="text/css"> | + | |
- | #Image1 | + | |
- | { | + | |
- | border: 0px #000000 solid; | + | |
- | } | + | |
- | </style> | + | |
- | </head> | + | |
- | <body> | + | |
- | <a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb8.gif" alt="WYSIWYG Web Builder" style="position:absolute;left:453px;top:735px;width:88px;height:31px;border-width:0;z-index:250"></a> | + | |
- | <div id="wb_JavaScript1" style="position:absolute;left:181px;top:503px;width:630px;height:334px;z-index:1;"> | + | |
- | <div style="color:#FF0000;font-family:Comic Sans MS;font-size:24px;font-weight:normal;font-style:normal;text-decoration:none" id="Fly">hacked by:The GhosT HackeR</div> | + | |
- | + | ||
- | <script type="text/javascript"> | + | |
- | // Flying Letters script- by Matthias (info@freejavascripts.f2s.com) | + | |
- | // Modified by Twey for efficiency and compatibility | + | |
- | // For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com | + | |
- | + | ||
- | // Configure message to display. Use "$" for linebreak | + | |
- | // By default, set to just grab the text from element with ID="fly" | + | |
- | message = document.getElementById("Fly").innerHTML; // $ = taking a new line | + | |
- | distance = 50; | + | |
- | speed = 200; | + | |
- | + | ||
- | var txt="", | + | |
- | num=0, | + | |
- | num4=0, | + | |
- | flyofle="", | + | |
- | flyofwi="", | + | |
- | flyofto="", | + | |
- | fly=document.getElementById("Fly"); | + | |
- | + | ||
- | function stfly() | + | |
- | { | + | |
- | for(i=0;i != message.length;i++) | + | |
- | { | + | |
- | if(message.charAt(i) != "$") | + | |
- | txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"; | + | |
- | else | + | |
- | txt += "<br>"; | + | |
- | } | + | |
- | fly.innerHTML = txt; | + | |
- | txt = ""; | + | |
- | flyofle = fly.offsetLeft; | + | |
- | flyofwi = fly.offsetWidth; | + | |
- | flyofto = fly.offsetTop; | + | |
- | fly2b(); | + | |
- | } | + | |
- | + | ||
- | function fly2b() | + | |
- | { | + | |
- | ···if(num4 != message.length) | + | |
- | { | + | |
- | if(message.charAt(num4) != "$") | + | |
- | { | + | |
- | var then = document.getElementById("n" + num4); | + | |
- | then.style.left = (flyofle - then.offsetLeft + flyofwi / 2) + "px"; | + | |
- | then.style.top = (flyofto - then.offsetTop + distance) + "px";; | + | |
- | fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5); | + | |
- | } | + | |
- | num4++; | + | |
- | setTimeout("fly2b()", speed); | + | |
- | } | + | |
- | } | + | |
- | + | ||
- | function fly3(target,lef2,num2,top2,num3) | + | |
- | { | + | |
- | if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) | + | |
- | { | + | |
- | if(lef2 >= 0) | + | |
- | lef2 -= num2; | + | |
- | else | + | |
- | lef2 += num2 * -1; | + | |
- | if(Math.floor(lef2) != -1) | + | |
- | { | + | |
- | document.getElementById(target).style.visibility = "visible"; | + | |
- | document.getElementById(target).style.left = Math.floor(lef2) + "px"; | + | |
- | } | + | |
- | else | + | |
- | { | + | |
- | document.getElementById(target).style.visibility = "visible"; | + | |
- | document.getElementById(target).style.left = Math.floor(lef2 + 1) + "px"; | + | |
- | } | + | |
- | if(lef2 >= 0) | + | |
- | top2 -= num3; | + | |
- | else | + | |
- | top2 += num3 * -1; | + | |
- | if(Math.floor(top2) != -1) | + | |
- | document.getElementById(target).style.top = Math.floor(top2) + "px"; | + | |
- | else | + | |
- | document.getElementById(target).style.top = Math.floor(top2 + 1) + "px"; | + | |
- | + | ||
- | setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50); | + | |
- | } | + | |
- | } | + | |
- | + | ||
- | stfly(); | + | |
- | + | ||
- | </script></div> | + | |
- | <div id="wb_JavaScript2" style="position:absolute;left:261px;top:610px;width:437px;height:151px;z-index:2;"> | + | |
- | <script type="text/javascript"> | + | |
- | var message="Don't play with me honey :where is your faucking security you know what fuck you"; | + | |
- | var flashspeed=100; | + | |
- | var n=0; | + | |
- | + | ||
- | document.write('<font style="color:#000000;font-family:Courier New;font-size:26px;font-weight:normal;font-style:normal;text-decoration:none;">'); | + | |
- | for (m=0;m<message.length;m++) | + | |
- | document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'<\/span>'); | + | |
- | document.write('<\/font>'); | + | |
- | + | ||
- | function crossref(number) | + | |
- | { | + | |
- | var crossobj = document.getElementById("neonlight"+number); | + | |
- | return crossobj; | + | |
- | } | + | |
- | + | ||
- | function neon() | + | |
- | { | + | |
- | if (n==0) | + | |
- | { | + | |
- | for (m=0;m<message.length;m++) | + | |
- | crossref(m).style.color="#000000"; | + | |
- | } | + | |
- | + | ||
- | crossref(n).style.color="#00FF00"; | + | |
- | + | ||
- | if (n<message.length-1) | + | |
- | { | + | |
- | n++; | + | |
- | } | + | |
- | else | + | |
- | { | + | |
- | n=0; | + | |
- | clearInterval(flashing); | + | |
- | setTimeout("StartNeon()", 1500); | + | |
- | return; | + | |
- | } | + | |
- | } | + | |
- | + | ||
- | function StartNeon() | + | |
- | { | + | |
- | if (document.all||document.getElementById) | + | |
- | flashing=setInterval("neon()", flashspeed) | + | |
- | } | + | |
- | + | ||
- | StartNeon(); | + | |
- | + | ||
- | </script></div> | + | |
- | <div id="wb_JavaScript3" style="position:absolute;left:236px;top:820px;width:530px;height:50px;z-index:3;"> | + | |
- | <div style="color:#FF0000;font-size:16px;font-family:Comic Sans MS;font-weight:normal;font-style:normal;text-decoration:none;" id="text_scroller"></div> | + | |
- | + | ||
- | <script language="javascript"> | + | |
- | <!-- | + | |
- | var messages = new Array | + | |
- | ( | + | |
- | ···'to My boss and Mr YOUGAN ang HACKER .AL3ARAB', | + | |
- | ···'to BLHAJ and HM MH', | + | |
- | ··'to Mr ADMIN' | + | |
- | ); | + | |
- | var speed = 40; | + | |
- | var currentMsg = 0; | + | |
- | + | ||
- | function doScroller(text, pos, direction) | + | |
- | { | + | |
- | var text_scroller = document.getElementById('text_scroller'); | + | |
- | text_scroller.innerText = '[' + text.substring(0, pos) + ']'; | + | |
- | pos += direction; | + | All files you upload to this directory will be visible on the Internet. So for example if you upload your page ''pictures.html'' into your web directory ''htdocs'' and your site domain is ''%%www.example.com%%'', anyone will be able to see your page at address ''https://www.example.com/pictures.html''. |
- | if (pos > text.length) | + | |
- | { | + | |
- | setTimeout('doScroller("'+text+'",'+pos+','+(-direction)+')', speed*10); | + | |
- | } | + | |
- | else | + | |
- | { | + | |
- | if (pos < 0) | + | |
- | ·····{ | + | |
- | ········currentMsg++; | + | |
- | ········if(currentMsg >= messages.length) | + | |
- | currentMsg = 0; | + | |
- | text = messages[currentMsg]; | + | |
- | direction = -direction; | + | |
- | } | + | |
- | setTimeout('doScroller("'+text+'",'+pos+','+direction+')', speed); | + | |
- | } | + | |
- | } | + | |
- | doScroller(messages[0], 0, 1); | + | |
- | // --> | + | By convention there is a single file that gets displayed if you do not specify any file in the address directly, i.e. frontpage. The name of the file is usually ''index.html'' or ''index.htm'' (or different extension if you use some scripting language). |
- | </script> | + | |
- | </div> | + | |
- | <div id="wb_MediaPlayer1" style="position:absolute;left:286px;top:175px;width:293px;height:182px;z-index:4;"> | + | |
- | <embed src="B3%205-7ABSSINE%20RYTHM%20EXTRAIT%20DE%20L'ALBUM%20DANGER%20ELECTRIC%202013%20MAROC.mp3" id="MediaPlayer1" autostart="true" loop="false" hidden="true" width="293" height="182"> | + | |
- | </div> | + | |
- | <div id="wb_Image1" style="position:absolute;left:246px;top:118px;width:492px;height:369px;z-index:5;"> | + | |
- | <img src="images/hh.jpg" id="Image1" alt="" border="0" style="width:492px;height:369px;"></div> | + | |
- | </body> | + | |
- | </html> | + | |
- | ===== File Names ===== | + | ===== [[file_names]] File Names ===== |
Before you start uploading/creating pages, make sure you use reasonable file names. It is strongly recommended not to use punctuation characters, spaces and some special characters in filenames to be published on Internet. Hence instead of ''Mein Gästebuch.html'', use ''mein_gastebuch.html''. | Before you start uploading/creating pages, make sure you use reasonable file names. It is strongly recommended not to use punctuation characters, spaces and some special characters in filenames to be published on Internet. Hence instead of ''Mein Gästebuch.html'', use ''mein_gastebuch.html''. | ||
Line 244: | Line 23: | ||
===== Uploading Pages ===== | ===== Uploading Pages ===== | ||
- | You may start uploading by dragging your files to remote panel of WinSCP. You can drag the files either from local panel (if you are using [[ui_commander|Commander interface]]) or from Windows Explorer. | + | You may start uploading by dragging your files to remote panel of WinSCP. You can drag the files either from local panel (if you are using [[ui_commander|Commander interface]]) or from Windows File Explorer. |
Read [[guide_upload|guide to upload files]] or [[task_upload|full documentation of uploading files]]. | Read [[guide_upload|guide to upload files]] or [[task_upload|full documentation of uploading files]]. | ||
Line 252: | Line 31: | ||
===== Creating Pages ===== | ===== Creating Pages ===== | ||
- | If you want to create the new page, either create new file locally and upload it. Or use //File(s) > New > File// command. | + | If you want to create the new page, either create new file locally and upload it. Or use //Files > New > File// command. |
===== Further Reading ===== | ===== Further Reading ===== |