Hi all!

I’ve received couple of emails and a comment about how to get out from hack. So I decided to share my knowledge that how I protect and how can get our from hacking.

Hi guys! Hope you guys are doing great.

Here are some helpful videos to develop your web sites. I thought it’s more helpful than books and save your time. Even though you can find thousands of videos in online easily, the reason why I suggest you the videos is that 80% of those videos on online are not helpful, confusing, and too long. So I wanted to save your time.

BASICS FOR BEGINNING

For HTMl basics, it a good one, because it’s explained very well and also used a unique HTML tag (Marquee).

BUILT THE DESIGN VIEW OF THE WEB SITE EASILY

I think many of us suffer to built design view of our web sites. Actually it’s not that much hard. Check the videos:

HTML and CSS

It shows how basic HTML and CSS work together.

It’s almost same as above one, but easy to follow and used table.

DREAMWEAVER

Hi all! I’ve been trying to hack ftp and email accounts for 2 months, so I hacked my friend’s gmail email account yesterday. I’m just learning it for protect my ftp servers and email accounts (learning is not illegal right?) most ftp accounts are not difficult to hack, but the gmail and yahoo email accounts are so hard to hack. I would say it’s almost impossible for servers, but for humans, we’re not perfect and make some mistakes. So the way I hacked that account is kind of tricky that played on the mistakes.

I don’t to talk about how to hack, but I want to suggest you how to protect your email and ftp from hackers.

There are 3 common ways to hack your email accounts (there are so many ways to hack any accounts, but…). Specially, it’s impossible to hack GMAIL and YAHOO email accounts without those 3 ways.

1. Sending fake pages.

This is a huge trick and easy to know your passwords, but it requires professional skills of design and web. Its idea is very simple; build a page that duplicated a yahoo or google’s page, then send it to target email. The code behind it is also very simple that just send the text of username and password field on fake page back. When the targets check their emails, they will receive an email that named some serious or interesting topic then when open it, it acts as you signed out and ask you log in again. I know it sounds stupid, but people are cheated. *I don’t use it

2. Send computer monitoring programs

This one works great. There are lots of keylogger or monitoring programs online. Buy or find free keylogger program, and prepare a quick installation file (usually, monitoring programs come with this option), and send a email with this link to your target, and once the target clicked on it, it is installed automatically. Then it sends you the everything that what your targets made on their computers. Disadvantage of this trick is that it’s only valid for computer that installed on, so we can’t know things that our target made on other computers. If you use public computer lab (e.g universities’ labs), you are safe. The keylogger programs can’t pass over those labs firewall.

3. Virus

The people who are named themselves professionals use this thing, but it’s not professional way. lol. The idea is that implement a little program (virus) that has command that automatically sends texts of fields that named password. Which means, the virus saves every password the targets type.

My idea of hack is that I wrote a code (similar the virus), and send an email with the code installation link, and the email is exactly same as a facebook friend request email Then when my target click on the link to accept that request, it installs my little code, and sings out from email, then asks login back. I know it sounds freaky, but I just interested it. I won’t use it any more (or may use on special, serious cases hehe )

So, I’m suggesting…

To protect from hacking,

1. Don’t open any links that come with any emails. You can copy the location of the link and open it on other window. Without click, they can do nothing.

When you receive requests or any other service email, don’t open those sites directly clicking on the links. For example, if you receive email from Facebook, it says check your comments with clicking on this link bla bla. That can be a fake page.

2. Always look page URLs that you are signing in while using any passwords. Make sure those URLs are correct.

3. Never turn off firewalls when you are checking your emails.

4. Never open e-greetings from strangers.

5. Finally, don’t try to hack, otherwise you’ll be crushed. Or, if you want to hack, you should be familiar with some basic networking knowledges such as stepping stones programs with wget, ip and mac address configuration (change them), and do it in a public computer lab. Also, don’t use dial-up connection. Best way to it is to use public wireless network.

There are lots of videos that show how to hack. They are very cool and funny, even though they all fake.

Don’t believe those videos, there is no way to do so. But have fun!!!

Hi everyone!

Today, I want to talk about web analyzing.

Once we have a web site, we need to control and know how useful is the web site. Without analyzing these, we have no idea who is visiting, who is interesting the web site more, and which page is useful. With web analyzing, we can take care our web sites. Specially, it’s so important for e-business, and any web sites that have e-commerce. Also, it’s good way to protect your webs from hackers and violators of copyrights.

Own Web Analyzing Program

Oh well, this is the best way to analyze. But I swear, you will suffer like me, if you implement an analyzing algorithm. I’ve been trying to make a web analyzing program for 2 years, but it’s still not close to complete. Therefore, I don’t want to talk about this much, but in some case, I’m letting you know that there is a way that you can make this programs.

Using Google Analytics

Thank god (or google)! Google solved the problem. We can use google analytics to analyzing our web sites. It’s also very easy to use. Just go to google.com and log in with your registered account username and password (if you don’t have, just register, it’s free), and download the .js (java script) file. There are couple of versions of files or codes, but they all work fine. If you’re using a code of it, copy that code in <head> tag of HTML page that you want to analyze and go to google analytics page and add your web site to your analytics page. Then check the field named status, which is you are analyzing correctly or not (if it’s display check mark, you’re good, otherwise you did something wrong). If you are having problem to setup, you should check you followed the guide that how to set it.

Goodluck!!!

Hi all!

Marquee tag

This is a tag that creates kind of slide show

It begins with opening tag <marquee>, and ends with closing tag </marquee>.

For example:

<marquee behavior=”scroll” align=”center” direction=”right” width=”160″ height=”150″ scrollamount=”4″ scrolldelay=”50″ onMouseOver=”this.stop()” onMouseOut=”this.start()”>

<p>Marquee starts!!!</p>

<IMG SRC=”http://www.fshn.cahs.colostate.edu/ram_logo_2_clr.gif” HEIGHT=30 WIDTH=30 ALT=”Marquee Example”>
</marquee>

You can configure width and height of the sliding objects, and also direction like which direction that objects moving (up, down, right left)
For this example I used:

Scrolldelay – how long to delay between each jump
onMouseOver – when mouse cursor is over the marquee area
onMouseOut - mouse cursor is out of the marquee area

Also you can have other options:

• SCROLLAMOUNT: how far to jump
• LOOP: how many times to loop
• BGCOLOR: background color
• HSPACE: horizontal space around the marquee
• VSPACE: vertical space around the marquee

Marquee is useful. Some people waste their times that doing what marquee does, on other programs. Don’t waste your time.

Happy Halloween guys!!!

Today, I decided to introduce you a little but useful HTML tools.

Rollover Images

If you need some small kind of animated images, this is easy and cool.

I’ll make a button using rollover image tool for sample. If you’re using Dreamweaver, you can do it so easy.

Just go to Insert->Image Objects-> Rollover Image. If you get there, I’ll see a window like this:

Image name: name of the rollover image

Original image: original image that when mouse cursor away from the image

Rollover Image: Image that when mouse cursor over the image, original image is changed by this image

When clicked, Go to URL: you can use this image as a link.

If you’re using regular text editor copy this code and change the image URLs:

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript”>
<!–
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
</script>
</head>

<body onload=”MM_preloadImages(‘http://www.logoogle.com/images/logooward/january 05/simpsonsedition.png’)”>
<a href=”http://www.google.com” onmouseout=”MM_swapImgRestore()” onmouseover=”MM_swapImage(‘Image1′,”,’http://www.logoogle.com/images/logooward/january 05/simpsonsedition.png’,1)”><img src=”http://www.logoogle.com/images/logooward/january%2005/google-moogle.jpg” name=”Image1″ border=”0″ id=”Image1″ /></a>
</body>

</html>

Try this code to copy in a html file.

Mapping

If you need to make multiple links on a single image, mapping will help you. I suggest that, you need to use special text editors for web site e.g Dreamweaver and Frontpage if you want to use this tool, because you will need coordinates of the picture that saying which part points to the link. For Dreamweaver, just insert the image you want, then go to properties (it’s usually in bottom), there is part that named Map. You should choose shape of the link and draw on the image part, then give URL. That’s all.

Hello!

I would like to continue to develop the simple web site.

I made only front page of the site, so we need more pages.

As you know, while using only HTML, we can have only static website. Which means we have difficulties to work with content management, or impossible to use cool ways to ramble through the pages. I can suggest you two ways.

1. Use HTML template
2. Copy one of the pages, and change the information

What is HTML template?

It’s a HTML page that is used for other pages. Mostly, it is used for design. Meaning of this is, when we created a HTML with header/footer and menu that are same for other pages, we can use this page on other pages. Just say <!chtml include “location and name of the temp page”>. But personally, I really don’t like this thing because it’s, actually, not using that template page. The code that what it is doing behind it, is just copying the code of the template page to the current page. I used this one time, and it worked fine. After that, I needed to change background color (just a small change), then made a change on template page, but when I look other pages, they looked exactly same as it used to. It supposed to use fixed template page. Therefore, I can;t suggest this way to you, but if you interest it, go ahead!

Copying page

This is a kind of awkward way, but pretty simple and easy to do, lol. Just duplicate an existing page (the example web has only page named index.html, currently), and rename it, change information inside it and add or make some changes. Most beginners start with this way. Disadvantage of this way is when make common changes like main menu changes, you have to do it on every single pages (so boring).

Next time, I will continue to develop the simple web.

If you have question or need help, you can tell me, I will love to help you if I can.

I’m introducing the web programming languages that all are used with HTML, so last time I introduced you three common and widely using languages: PHP, ColFusion and ASP.

This time, I want to talk about other cool languages: Java based AJAX and Java Servlet, Flash programming, and some others.

AJAX (asynchronous Javascript and XML)

Java is a most useful object oriented programming language, and fastest developing language. I’m pretty sure that there is no computer programmers who don’t know Java. Java is used for all kinds of computer softwares such as many applications, operation systems, networking programs, hardware and embedded system, and websites.

One of Java usage websites is AJAX. “With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page” ( Moore, John .2008. “What is Ajax?“). Which means, when you open or click on a button to other pages, it can change in the current page. Therefore, it’s amazing for efficient and entertained websites. Actually, I ‘m not familiar with AJAX and I’ve not made that many websites on AJAX, but I developed an AJAX website for a Mongolian music industry; that was most difficult and best website I’ve ever developed. If you want to see that visit www.nusic.mn or/and www.news.mn. In this site, you can see that even we open other pages, the music is still playing. That is meaning of asynchronously in the background without interfering with the display and behavior of the existing page.

Java Servlet

It’s a Java language expanded version for websites that have more functionalities and programmable pieces. Extension is .do (web-based Java program run by a Web server, such as IBM WebSphere; typically mapped to the Struts controller; used for generating dynamic Web pages). I’ve never used this, so I have no idea how difficult to use it.

To visit www.hi5.com, this is a web site that used the Java Servlet very well.

Flash Websites

I can’t say flash is a programming language. However, it’s a great application that is so close to programming language. Flash is a software that created by Macromedia and currently developed and distributed by Adobe Systems. Flash has script field which named action script, and even though it’s difficult, flash can access to any database systems. Few years ago, flash was just a software that used for only animation, but today it’s powerful tool for creating websites. If you visit biggest fashion brand sites or technology industry sites such as www.sony.com, www.gucci.com, www.louisvuitton.com etc, you can see how cool is flash websites. Flash can work with all common languages, servers and operating systems. The only website I developed on Flash is www.bold.mn. After I finished this site, I promised to myself that never develop whole flash web site again It’s so difficult to coding and configure. When you see Flash site on your computer it looks fine, but when you put on a server, it’s just messed up.

Others

There are several other powerful languages for website such as Python, Scala, Ruby, and Perl. These are very powerful programing languages and they all have amazing useful skills, but I think the reason why they are not common is those languages are so hard to coding, so expensive and they require some additional softwares.

This is just my opinion and experience, so if you think or know I wrote something wrong or false, let me know and make it correct.

Hello all!

Today, I want to share with you my thoughts about programming languages (usually used for web sites). While using only HTML, we can’t develop dynamic(access to database) web sites. So to do that we have to use other languages that emit with HTML. So I think…

PHP (Hypertext Preprocessor)

PHP is a programming language that originally designed for developing dynamic web design, by Rasmus Lerdorf 1995. PHP was created on C programming language (I think most high level languages written in C), and duplicated C language’s syntax, function and some other advantages. Nowadays, PHP is widely used language that so many web sites created by it. I’m not sure, but I would say PHP is biggest language that used for web design. The reason why it became famous is PHP works on most web servers and operating systems, also its platform is free of charge. Like 4,5 year ago when I found to know about PHP, it used to run on only linux server. Now, PHP is being developed very fast and lots of content management framework (e.g joomla) are created for PHP. For me, the biggest advantage of PHP is it comfortably works with both access and sql databases.

If you want to learn PHP visit: www.w3schools.com/PHP (best tutorial for me)

Coldfusion

Coldfusion is software developing framework that used for general computer software but mostly used in web sites. Couple years ago, CF was becoming famous and many schools, universities and government departments created their web sites on CF. But due to fast technology development, or slow growth of CF development, CF now makes lots of problems, so many people hate CF (me too lol). Also it’s so expensive (server, framework costs etc). For example, most CSU sites were written by CF, and now they are being changed to VB (visual basic ), #C (.)Net, because coldfusion based web sites push the servers down when it’s upgraded or just conflict usages of people. Also it works with only access database. Some people may argue with me on this point, but when we use sql database, we have to specify namespace and every time to change sql database location, we need to have new namespace. It’s possible to work with both access and sql, but it’s not good idea for sql.

I might talk about only disadvantages of CF. As I know, there are couple of advantages such as it’s efficient and easy to code. I would not suggest you to use CF, but if you interest visit: www.sitepoint.com/article/cold-fusion-tutorial

ASP .Net

I usually works on ASP .Net which is a web application framework and recently developed by Microsoft and used with strong visual programming languages VB, #C. It has lots of advantages and nowadays, everything is possibly to made on and comfortable to work with both sql and access databases. We can write asp web sites on all text editors and web applications, also there is a nice program named Microsoft Visual Studio versions. Actually this is not only for web sites, and mostly used visual programming.

Sometimes it’s confusing to put asp web sites on the server, because of lots of functionality and configurations that are for extending .Net.

Except this problem, ASP is best tool for web site. It has so specific helpful error report when any error occur. Also, ASP is useful for both design and functionality, and comfortable/clear to work with cookies, sessions, file system and a lot more.

I strongly suggest you to see or try ASP .Net:

www.w3schools.com/asp/ — tutorial

www.asp.net — for more information

Hi everyone, I think you may want to know the CSS definition commands.

Usage reminder:

tag name or any class name (with dot(.) front of it)

{

definition commands

}

Commands:

Text

font-family: “fonts (family)”; — it defines your font. Fonts that are listed in the family are read from left to right. For example, if we say font-family: verdana, arial, helvetica, browser read verdana first if your computer doesn’t have that font, reads next(arial etc).

font-size: “size in px, em or just say large/small/smaller…”; –declare the font size.

font-style: “specify style”; – sets text style using italic, normal, oblique.

font-stretch: “normal
wider
narrower
ultra-condensed
extra-condensed
condensed — condenses or expands the font
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded”

color: “#hex code of color or give name of colors” – font color

List

list-style-type: “none
disc
circle
square –says what type of list marker (bullet,numberic, roman etc)
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
“

list-style-image: url(“location of the image “) – you can put some image to list marker

list-style-position: “postion” –where is the list marker should be in the list.

Margin

margin specifies spaces around the element.

margin-bottom: “size of space from bottom”

margin-top: “size of space from top”

margin-left: “size of space from lest”

margin-right: “size of space from right”

Border

border-style: “none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset”

border-color:“#hex code of color or give name of colors” –border color

border-width: “thin
medium –how thick or thin border
thick
or length of it”

We can also declare border for each side (bottom, top, right, left). For example, border-top-width: thick; it sets only width of top of the border.

If you want to know more, visit to:

http://www.w3schools.com/css/

http://www.tizag.com/cssT/