hello1

السبت، 13 سبتمبر 2014

Along with the development of web technologies and web programming languages, web designing becoming more complex and the websites more flexible and user friendly. With the invention of CSS technology, web designing and programming becoming more easier than ever.

By using cascading style sheet (CSS) and its properties, you can give custom design to your website for different medias like screen, print, tv and for different screen sizes. The CSS @media property allows you to do such task.

Today I am going to describe "How to create custom CSS template for printing".

Designing Custom CSS Template for Printing

If you wanted to allow your website visitors to print the content of your website, you can design custom template for printing using CSS. You can define which part or your website will be printed or not and can add page setting for printing.

Here is a sample CSS code for website template.

body{
     background:#00aaff;
     font-color:#00000;
     font-size:16px;
     }

h1, h2, h3 { 

/* CSS codes for h1, h2, h3 */

}

#wrapper{
        width:80%;
        margin: 0 auto;
        background:#fff;
        padding:20px;
}

#content{
        width:54%;
        float:left;
        margin-right:3%;
}

#header{
       width:100%;
       margin-top:2%;
}

#sidebar-left{
        width:20%;
        float:left:
        margin-right:3%;
}

#sidebar-right{
        width:20%;
        float:left;
}

#footer{
       width:100%;
        }

While printing you can hide default header, menu and sidebar using CSS codes. Here is a sample CSS code for printing webpage.

body{
     background:#00aaff;
     font-color:#00000;
     font-size:16px;
     }

h1, h2, h3 { 

/* CSS codes for h1, h2, h3 */

}

#wrapper{
        width:80%;
        margin: 0 auto;
        background:#fff;
        padding:20px;
}

#header{
       display:none;
}


#content{
        width:100%;
        clear:both;
        margin-right:3%;
}

#sidebar-left{
         display:none;
}

#sidebar-right{
         display:none;
}

#footer{
        display:none;
        }

Place the above CSS code inside media queries for printing as below.

@media only print and (orientation:portrait) {

     /* Add CSS code here for printing on portrait mode */
}

@media only print and (orientation:landscape) {

     /* Add CSS code here for printing on landscape mode */
}

Adding Printing function and icon

Add the following HTML code where you want to place print icon.

<a href="javascript:window.print()"> Print this page </a>

Using this code the print link looks like as below Print this page

<a href="javascript:window.print()"> <img src="print.jpg"></a>

Using this code the print icon looks like as below

<form><input type="button" value="Print This" onclick="window.print()"></form>

How to Create Custom CSS Template for Printing

Posted at 8:07 م - by mego almasry 0

Designing Custom CSS Template for Printing

Here is a sample CSS code for website template.

body{
     background:#00aaff;
     font-color:#00000;
     font-size:16px;
     }

h1, h2, h3 { 

/* CSS codes for h1, h2, h3 */

}

#wrapper{
        width:80%;
        margin: 0 auto;
        background:#fff;
        padding:20px;
}

#content{
        width:54%;
        float:left;
        margin-right:3%;
}

#header{
       width:100%;
       margin-top:2%;
}

#sidebar-left{
        width:20%;
        float:left:
        margin-right:3%;
}

#sidebar-right{
        width:20%;
        float:left;
}

#footer{
       width:100%;
        }

While printing you can hide default header, menu and sidebar using CSS codes. Here is a sample CSS code for printing webpage.

body{
     background:#00aaff;
     font-color:#00000;
     font-size:16px;
     }

h1, h2, h3 { 

/* CSS codes for h1, h2, h3 */

}

#wrapper{
        width:80%;
        margin: 0 auto;
        background:#fff;
        padding:20px;
}

#header{
       display:none;
}


#content{
        width:100%;
        clear:both;
        margin-right:3%;
}

#sidebar-left{
         display:none;
}

#sidebar-right{
         display:none;
}

#footer{
        display:none;
        }

Adding Printing function and icon

Add the following HTML code where you want to place print icon.

<a href="javascript:window.print()"> Print this page </a>

Using this code the print link looks like as below Print this page

<a href="javascript:window.print()"> <img src="print.jpg"></a>

Using this code the print icon looks like as below

<form><input type="button" value="Print This" onclick="window.print()"></form>

الجمعة، 12 سبتمبر 2014

As the time goes, browsing websites from desktop computers decreasing and using Laptops, Tablets and Mobile devices increasing day by day. So why not to create our website design custom for each types of devices, that fits and looks more attractive for those devices to acquire the visitors entered from those devices.

Responsive web design is the approach that suggests in which design and development should respond user behavior and environment based on the size of the browser screen, platform and orientation.

Responsive web design includes the use of flexible layouts, images and intelligent use of media queries. You can make your blogger template responsive by using special tags in CSS. Media queries (@media) are such tags, which helps to make your CSS for every device screen size. You can make many media queries on CSS that matches for each screen size and you can put custom CSS codes for each media queries.

Here I have explained some steps for creating your blog responsive.

Step1: Add meta tags for responsiveness

Add the following meta tags on your blogger template using the following steps.

Go to blogger dashboard and click on template
Backup your template for the risk while editing template codes.
Paste the following codes between and <head> and </head> tags.
Save your blogger template.

For website also, paste the following codes between <head> and </head> tags.

Add the following codes to size the contents of blog equal to the device width.

<meta name="viewport" content="width=device-width/">

Add the following codes to size the contents of blog equal to the device width and device height.

<meta name="viewport" content="width=device-width, height=device-height/">

Add the following codes to size the contents of blog equal to the device width and initial zoom size.

<meta name="viewport" content="width=device-width, initial-scale=2"/>

Add the following codes to size the contents of blog equal to the device width, initial zoom size and maximum zoom size.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1/">

Instead or writing meta tags, you can do the same with the following codes in CSS.

@-moz-viewport {
                           width: device-width;
}

@-moz-viewport {
                           width: device-width;
   height:device-height;
}

@-moz-viewport {
                           width: device-width;
   initial-scale:2;
}

@-moz-viewport {
                           width: device-width;
   initial-scale:1;
                           maximum-scale:1;
}

This works only for Mozilla browser, for other browsers you can use -o-, -webkit- and -ms- as prefixed properties.

Step2:Add media queries for each screen size

Add the following media queries between <![CDATA[*/ and ]]> tags.

@media screen and (max-width:320px){
/*For Small Screen Moblies*/
}

@media screen and (max-width:480px){
/*For Smart Phones and iPhones*/
}

@media screen and (max-width:768px){
/*For Small Tables*/
}

@media screen and (max-width:1024px){
/*For Notebooks*/
}

You can add more media queries according to your need for different screen sizes and orientations and can also use min-width: to specify minimum width of screen.

To specify the screen orientations landscape or portrait use

@media screen and (max-width:480px) and (orientation:landscape) { }

Step3: Write custom CSS code for media queries

Now, you have to add custom CSS codes for each media queries. The default CSS properties written are replaced by the properties written within these media queries. Here is the sample CSS code written for mobile devices, you can add these codes for media screen with max-width 320 and 480 px.

#wrapper {
        width:85%;
 }
 

#content{
 
        width:100%;
}
 

#sidebar-left{
 
        width:100%;
        clear:both;
}
 

#sidebar-right{
 
          width: 100%;
          clear:both;
}

Alternate method for adding CSS code with media queries

For the alternate method, you can write media queries with custom CSS codes on a single .css file and link it on header part of your blog or website as below.

<link rel="stylesheet" media="screen" href="screen.css"/>

You have to give the full path for "screen.css", where the file is placed.

You can also link different style sheet files for different screen sizes as below.

<link rel="stylesheet" media="screen and (max-width:1280px)" href="large.css"/>

<link rel="stylesheet" media="screen and (max-width:480px)" href="small.css"/>

How to Create Responsive Website or Blogger Template

Posted at 9:25 ص - by mego almasry 0

Responsive web design is the approach that suggests in which design and development should respond user behavior and environment based on the size of the browser screen, platform and orientation.

Here I have explained some steps for creating your blog responsive.

Step1: Add meta tags for responsiveness

Add the following meta tags on your blogger template using the following steps.

Go to blogger dashboard and click on template
Backup your template for the risk while editing template codes.
Paste the following codes between and <head> and </head> tags.
Save your blogger template.

For website also, paste the following codes between <head> and </head> tags.

Add the following codes to size the contents of blog equal to the device width.

<meta name="viewport" content="width=device-width/">

Add the following codes to size the contents of blog equal to the device width and device height.

<meta name="viewport" content="width=device-width, height=device-height/">

Add the following codes to size the contents of blog equal to the device width and initial zoom size.

<meta name="viewport" content="width=device-width, initial-scale=2"/>

Add the following codes to size the contents of blog equal to the device width, initial zoom size and maximum zoom size.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1/">

Step2:Add media queries for each screen size

Step3: Write custom CSS code for media queries

#wrapper {
        width:85%;
 }
 

#content{
 
        width:100%;
}
 

#sidebar-left{
 
        width:100%;
        clear:both;
}
 

#sidebar-right{
 
          width: 100%;
          clear:both;
}

Alternate method for adding CSS code with media queries

For the alternate method, you can write media queries with custom CSS codes on a single .css file and link it on header part of your blog or website as below.

<link rel="stylesheet" media="screen" href="screen.css"/>

You have to give the full path for "screen.css", where the file is placed.

You can also link different style sheet files for different screen sizes as below.

<link rel="stylesheet" media="screen and (max-width:1280px)" href="large.css"/>

<link rel="stylesheet" media="screen and (max-width:480px)" href="small.css"/>

الثلاثاء، 9 سبتمبر 2014

To create successful blog, it needs to create blogger template more attractive and looks more professional. Even you can buy professional blogger template on the web, you may want to create blogger template by yourself for your blog. Creating a professional blogger template is more challenging task, but if you have some knowledge on HTML, XML, CSS and JavaScript, it is possible to create professional blogger template easily by yourself. In this series of tutorial, I am going to teach you basic to advanced steps to create blogger template. Today I am telling you "steps for creating a simple blogger template" with describing basic elements and along with its corresponding style sheet codes.

Step1: Preparing demo blog for creating blogger template

To test blogger template you have created, at first you need to set up a blogger blog and have to add some posts on the blog. To create a blog, go to blogger home page, log in using your Google user name and password and then click on create a blog link to get started. Write posts for a blog by clicking on create a new post button from the blogger dashboard.

Step2: Creating basic elements for blogger template

Open Notepad file write the codes according to the following format and save it as .xml extension.

# Creating XML Part

At first, add the following codes for Document Type Deceleration(DTD) on XML part.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

# Creating Header Part

After that, add the following header elements like head and title of the blog.

<head>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>
</head>

# Creating CSS Part

Add custom css codes for your template in the following format. The css codes must be placed inside <![CDATA[*/ and ]]>

tag.

body{
font:normal normal 14px Verdana,Geneva,sans-serif;
color:#000;padding:0 40px 40px 40px;
background:#fff;
font-size:14px;
}
#outer-wrapper{
CSS for outer-wrapper
}
#header-wrapper{
CSS for header-wrapper
}
#titlewrapper{
CSS for titlewrapper
}
#descriptionwrapper{
CSS for descriptionwrapper
}
#menuwrapper{
CSS for menuwrapper
}
#contentwrapper{
CSS for contentwrapper
}
#mainwrapper{ 
CSS for mainwrapper
}

# Creating a Menu

To create menu for a blog, add the code in the following format. Replace URL and name of the tabs.

<div id='menuwrapper'>
<ul class='FirstLevel'>
<li><a href='http://www.homepage.com/' target='_self'>Home 
</a></li>
<li><a href='http://www.homepage.com/menu1.html' target='_self'>Menu1 
</a></li>
<li><a href='http://www.homepage.com/menu2.html' target='_self'>Menu2 
</a></li>
<li><a href='http://www.homepage.com/menu3.html' target='_self'>Menu3 
</a></li>
</ul></div>

# Creating blog content

To add main blog content part, add these codes to create a widget named Blog1.

<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML1' locked='true' title='Header' type='HTML'>
 </b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
</b:widget>
</b:section>
</div>
</div>
</div>

Step3: Creating gadgets on sidebar and footer.

To create sidebar and footer and to add widgets for them add these code, which allows you to add widgets on sidebar and footer.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
</b:section>
</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</div>

Step4: Installing blogger template on required blog.

After creating a code file on Notepad in XML format, test it on demo blog. To install prepared template, click on backup and restore button from template option on blogger dashboard. Click on download full template, the xml file will be downloaded. Then go to the required blog then go to Template › Backup / Restore option and browse and upload that xml file. The template will be applied on your blog.

How to Create Simple Blogger Template Easily?

Posted at 8:30 ص - by mego almasry 0

Step1: Preparing demo blog for creating blogger template

Step2: Creating basic elements for blogger template

Open Notepad file write the codes according to the following format and save it as .xml extension.

# Creating XML Part

At first, add the following codes for Document Type Deceleration(DTD) on XML part.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

# Creating Header Part

After that, add the following header elements like head and title of the blog.

<head>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>
</head>

# Creating CSS Part

Add custom css codes for your template in the following format. The css codes must be placed inside <![CDATA[*/ and ]]>

tag.

body{
font:normal normal 14px Verdana,Geneva,sans-serif;
color:#000;padding:0 40px 40px 40px;
background:#fff;
font-size:14px;
}
#outer-wrapper{
CSS for outer-wrapper
}
#header-wrapper{
CSS for header-wrapper
}
#titlewrapper{
CSS for titlewrapper
}
#descriptionwrapper{
CSS for descriptionwrapper
}
#menuwrapper{
CSS for menuwrapper
}
#contentwrapper{
CSS for contentwrapper
}
#mainwrapper{ 
CSS for mainwrapper
}

# Creating a Menu

To create menu for a blog, add the code in the following format. Replace URL and name of the tabs.

<div id='menuwrapper'>
<ul class='FirstLevel'>
<li><a href='http://www.homepage.com/' target='_self'>Home 
</a></li>
<li><a href='http://www.homepage.com/menu1.html' target='_self'>Menu1 
</a></li>
<li><a href='http://www.homepage.com/menu2.html' target='_self'>Menu2 
</a></li>
<li><a href='http://www.homepage.com/menu3.html' target='_self'>Menu3 
</a></li>
</ul></div>

# Creating blog content

To add main blog content part, add these codes to create a widget named Blog1.

<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML1' locked='true' title='Header' type='HTML'>
 </b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
</b:widget>
</b:section>
</div>
</div>
</div>

Step3: Creating gadgets on sidebar and footer.

To create sidebar and footer and to add widgets for them add these code, which allows you to add widgets on sidebar and footer.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
</b:section>
</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</div>

Step4: Installing blogger template on required blog.

الاثنين، 1 سبتمبر 2014

Here are the List of top 10 and the best video sites includes top video websites like youtube.com.

1. Youtube.com:

YouTube allows billions of people to discover, watch and share originally-created videos. YouTube provides a forum for people to connect, inform, and inspire others across the globe and acts as a distribution platform for original content creators and advertisers large and small.

Site's Information:

Google Page Rank: 9
Alexa Rank: 3
Google Indexed: 379,000,000
Google Plus: https://plus.google.com/+youtube
Website: www.youtube.com

2. Vimeo.com:

Vimeo is a video-sharing community for original creative work and the people who create it. It gives the best ways to share, discover, and be inspired.

Site's Information:

Google Page Rank: 9
Alexa Rank: 100
Google Indexed: 187,000,000
Facebook: http://www.facebook.com/Vimeo
Twitter: http://twitter.com/Vimeo
Instagram: http://instagram.com/vimeo
Tumbler: http://vimeo.tumblr.com/
Website: http://vimeo.com/

3. Dailymotion .com:

Dailymotion is one of the biggest video platforms in the world and the most popular European site. Dailymotion offers the best content from users, independent content creators and official partners in the media and entertainment industries all over the world.

Site's Information:

Google Page Rank: 8
Alexa Rank: 88
Google Indexed: 30,000,000
Facebook : http://www.facebook.com/dailymotion
Twitter : http://twitter.com/Dailymotion
Tumbler : http://dailymotion.tumblr.com/
Website: http://www.dailymotion.com

4. Ustream.tv:

Ustream’s socially-fueled video platform has powered more than 85 million live streams (more than 2 billion viewer-hours of content!) across the globe. It is mostly used for live broadcasting of tvs or channels and has the plan for pro broadcasting.

Site's Information:

Google Page Rank: 8
Alexa Rank: 1157
Google Indexed: 1,170,000
Facebook Page: http://www.facebook.com/ustream
Twitter Page: http://twitter.com/ustream
Google Plus: https://plus.google.com/+UstreamTv2007
Website: http://www.ustream.tv

5. Screen.yahoo.com:

Yahoo! Screen is the video site provided by yahoo to watch videos online for free. Here you can find here sports, kids and funny videos including the latest news video clips

Site's Information:

Google Page Rank: 7
Alexa Rank: 4
Google Indexed: 871,000
Website: https://screen.yahoo.com/

6. Metacafe.com:

Metacafe is dedicated to showcasing the best short-form videos from the world of Movies, Video Games, TV, Music and Sports – programmed for today’s young male Entertainment Drivers.

Site's Information:

Google Page Rank: 6
Alexa Rank: 2070
Google Indexed: 14,200,000
Facebook Page: http://www.facebook.com/metacafe
Twitter Page: http://www.twitter.com/metacafe
Website: http://www.metacafe.com/

7. Break.com:

You can watch funny videos and video clips at Break.com. It finds the best funny videos, clips and pictures for you to watch.

Site's Information:

Google Page Rank: 6
Alexa Rank: 1475
Google Indexed: 567,000
Twitter Page: https://twitter.com/Breakcom
Website: http://www.break.com/

8. Veoh.com:

Here you can watch movies online for free.Millions of online videos including free TV shows, movies, and music. You can upload and share your videos on Veoh, the video sharing network.

Site's Information:

Google Page Rank: 5
Alexa Rank: 4890
Google Indexed: 1,020,000
Facebook Page: http://www.facebook.com/pages/Veoh/
Twitter Page: http://www.twitter.com/veoh
Website:http://www.veoh.com/

9. Videosift .com:

Videosift is the leading alternative video community on the web for quality videos and conversation .

Site's Information:

Google Page Rank: 5
Alexa Rank: 51292
Google Indexed: 909,000
Facebook Page: http://facebook.com/videosift
Google Plus:https://plus.google.com/116158236960191348615
Website: http://videosift.com/

10. StupidVideos.com:

StupidVideos.com, is a viral video website dedicated to humorous, off-the-wall videos, including wild stunts, wacky animals, sports bloopers, funny commercials, song and dance parodies and more.

Site's Information:

Google Page Rank: 5
Alexa Rank: 51,773
Google Indexed: 145,000
Facebook Page: https://www.facebook.com/StupidVideos
Website: http://www.stupidvideos.com/

List of Top 10 Video Sites

Posted at 2:50 ص - by mego almasry 0

Here are the List of top 10 and the best video sites includes top video websites like youtube.com.

1. Youtube.com:

Site's Information:

Google Page Rank: 9
Alexa Rank: 3
Google Indexed: 379,000,000
Google Plus: https://plus.google.com/+youtube
Website: www.youtube.com

2. Vimeo.com:

Vimeo is a video-sharing community for original creative work and the people who create it. It gives the best ways to share, discover, and be inspired.

Site's Information:

Google Page Rank: 9
Alexa Rank: 100
Google Indexed: 187,000,000
Facebook: http://www.facebook.com/Vimeo
Twitter: http://twitter.com/Vimeo
Instagram: http://instagram.com/vimeo
Tumbler: http://vimeo.tumblr.com/
Website: http://vimeo.com/

3. Dailymotion .com:

Site's Information:

Google Page Rank: 8
Alexa Rank: 88
Google Indexed: 30,000,000
Facebook : http://www.facebook.com/dailymotion
Twitter : http://twitter.com/Dailymotion
Tumbler : http://dailymotion.tumblr.com/
Website: http://www.dailymotion.com

4. Ustream.tv:

Site's Information:

Google Page Rank: 8
Alexa Rank: 1157
Google Indexed: 1,170,000
Facebook Page: http://www.facebook.com/ustream
Twitter Page: http://twitter.com/ustream
Google Plus: https://plus.google.com/+UstreamTv2007
Website: http://www.ustream.tv

5. Screen.yahoo.com:

Yahoo! Screen is the video site provided by yahoo to watch videos online for free. Here you can find here sports, kids and funny videos including the latest news video clips

Site's Information:

Google Page Rank: 7
Alexa Rank: 4
Google Indexed: 871,000
Website: https://screen.yahoo.com/

6. Metacafe.com:

Metacafe is dedicated to showcasing the best short-form videos from the world of Movies, Video Games, TV, Music and Sports – programmed for today’s young male Entertainment Drivers.

Site's Information:

Google Page Rank: 6
Alexa Rank: 2070
Google Indexed: 14,200,000
Facebook Page: http://www.facebook.com/metacafe
Twitter Page: http://www.twitter.com/metacafe
Website: http://www.metacafe.com/

7. Break.com:

You can watch funny videos and video clips at Break.com. It finds the best funny videos, clips and pictures for you to watch.

Site's Information:

Google Page Rank: 6
Alexa Rank: 1475
Google Indexed: 567,000
Twitter Page: https://twitter.com/Breakcom
Website: http://www.break.com/

8. Veoh.com:

Here you can watch movies online for free.Millions of online videos including free TV shows, movies, and music. You can upload and share your videos on Veoh, the video sharing network.

Site's Information:

Google Page Rank: 5
Alexa Rank: 4890
Google Indexed: 1,020,000
Facebook Page: http://www.facebook.com/pages/Veoh/
Twitter Page: http://www.twitter.com/veoh
Website:http://www.veoh.com/

9. Videosift .com:

Videosift is the leading alternative video community on the web for quality videos and conversation .

Site's Information:

Google Page Rank: 5
Alexa Rank: 51292
Google Indexed: 909,000
Facebook Page: http://facebook.com/videosift
Google Plus:https://plus.google.com/116158236960191348615
Website: http://videosift.com/

10. StupidVideos.com:

StupidVideos.com, is a viral video website dedicated to humorous, off-the-wall videos, including wild stunts, wacky animals, sports bloopers, funny commercials, song and dance parodies and more.

Site's Information:

Google Page Rank: 5
Alexa Rank: 51,773
Google Indexed: 145,000
Facebook Page: https://www.facebook.com/StupidVideos
Website: http://www.stupidvideos.com/

الأحد، 31 أغسطس 2014

1. .......................... is a variable that can hold the address of the variables, structure and functions that are used in the program.

A) Array

B) Pointer

C) Structure

D) None of the above

2. .................. is the organization of the data in a computers memory or in a file.

A) Array

B) Data Structure

C) Data Management

D) Data Organization

3. Which of the following is/are the advantages of using an array?

i) Multi huge quantity of data items can be stored.
ii) Arrays saves the memory space
iii) Arrays helps to arrange the data items in particular order.
iv) Data item searching is faster.

A) i, ii and iii only

B) ii, iii and iv only

C) i, iii and iv only

D) All i, ii, iii and iv

4. Some examples of data structures are

i) array
ii) stack
iii) queue
iv) binary tree
v) hybrid tree

A) i, ii, iii and iv only

B) ii, iii, iv and v only

C) i, ii, iii and v only

D) All i, ii, iii, iv and v

5. Match the following components of data structure based on the concept of Abstract Data Type (ADT) with their definitions.
a) Operations       i) Organizations of data implemented in lower level data structure.
b) Storage structures ii) Description on how to manipulate information in the storage structure.
c) Algorithms iii) Specifies the external appearance of data structure.

A) a-i, b-ii, c-iii

B) a-ii, b-iii, c-i

C) a-iii, b-i, c-ii

D) a-i, b-iii, c-ii

6. Match the following properties of an array with their descriptions.

a) Homogeneous i) the list size is constant.
b) Ordered    ii) there is a first and last element.
c) Finite    iii) there is a next and previous in the natural order of the structure
d) fixed-length    iv) every element is the same.

A) a-i, b-ii, c-iii, d-iv

B) a-ii, b-iii, c-iv, d-i

C) a-iii, b-i, c-ii, d-iii

D) a-iv, b-iii, c-ii, d-i

7. Which of the following are linear type of data structure?

i) Linked list
ii) Stack
iii) Binary Tree
iv) Array
v) Queue

A) i, ii, iii and iv only

B) ii, iii, iv and v only

C) i, ii, iv and v only

D) All i, ii, iii, iv and v

8. Which of the following are non linear type of data structure?

i) Tree
ii) Graphs
iii) Hash tables
iv) List

A) i, ii and iii only

B) ii, iii and iv only

C) i, iii and iv only

D) All i, ii, iii and iv

9. State whether the following statements is/are True or False.

i) An ancestor is any node in the path from the root to the node.
ii) A sub-tree is any connected structure below the root.
iii) Binary tree is a directed tree in which out degree of each node is less than or equal to one.
iv) A tree consists of finite set of elements called nodes.
v) Nodes that are not root and not leaf are called intermediate nodes.

A) True, True, True, False, True

B) True, False, True, True, False

C) True, True, True, False, False

D) True, True, False, True, False

10. In a binary search tree the node to be deleted will have two cases which are

i) An empty left sub-tree and non empty right sub-tree and vice versa.
ii) Non empty left sub-tree and right sub-tree.
iii) Empty left sub-tree and right sub-tree.

A) i and ii only

B) ii, and iii only

C) i and iii only

D) None of the above

View Answers:

1. B) Pointer

2. B) Data Structure

3. D) All i, ii, iii and iv

4. A) i, ii, iii and iv only

5. C) a-iii, b-i, c-ii

6. D) a-iv, b-iii, c-ii, d-i

7. C) i, ii, iv and v only

8. A) i, ii and iii only

9. D) True, True, False, True, False

10. A) i and ii only

Objective Questions of Data Structure with Answer set-6

Posted at 4:51 ص - by mego almasry 0

View Answers:

الخميس، 28 أغسطس 2014

1. Which exception is thrown by the read( ) method of input stream class?

A) Exception

B) ClassNotFoundException

C) read Exception

D) IOException

2. What garbage collection in the context of java?

A) The operating system periodically deletes all of the java files available on the system.

B) Any package imported in a program and not used in automatically deleted.

C) When all references to an object are gone, the memory used by the object is automatically reclaimed.

D) The JVM checks the output of any Java program and deletes anything that doesn't make sense.

3. In order for a source code file, containing the public class test, to successfully compile, which of the following must be true?

A) It must have a package statement

B) It must be named test.java

C) It must import java.lang

D) It must declare a public class named test.

4. Which of the following are true about the Error and Exception classes?

A) Both classes extend throwable

B) The error class is final and exception class is not.

C) The Exception class is final and the Error is not.

D) Both classes implement Throwable

5. Which of the following are true?

A) The void class extends the class class

B) The float class extends double class

C) The system class extends the runtime class

D) The integer class extends the number class

6. How do you create a Reader object from an InputStream object?

A) Use the static createReader() method of InputStream class

B) Use the static createReader() method of Reader class

C) Create an InputStreamReader object passing the InputStream object an an argument to the InputStreamReader constructor.

D) Create an OutputStreamReader object, passing the InputStream object as an argument to the OutputStreamReader constructor.

7. Which of the following is true?

A) The event inheritance model has replaced the event delegation model

B) The event inheritance model is more efficient than event delegation model

C) The event delegation model uses event listeners to define the methods of event handling classes.

D) The event delegation model uses the handleEvent() method to support event handling.

8. Which of the following is the highest class in the event delegation model?

A) java.util.EventListner

B) java.util.EventObject

C) java.util.AWTEvent

D) java.util.event.AWTEvent

9. When two or more objects are added as listeners for the same event, which listener is first invoked to handle the event?

A) The first object that was added as listner.

B) The last object that was added as listner

C) There is no way to determine which listener will be invoked first.

D) It is impossible to have more than one listener for a given event.

10. Suppose that you want to have an object eh handle the TextEvent of TextArea object t. How should you add eh as the event handler for?

A) t.addTextListener(eh);

B) eh.addTextListner(t);

C) addTextListner(eh.t);

D) addTextListner(t,eh);

11. What is the preferred way to handle an object's events in Java 2?

A) Override the object's handleEvent( ) method.

B) Add one or more event listeners to handle the events

C) Have the object override its process Event( ) methods.

D) Have the object override its dispatch Event( ) methods.

12. Which component method is used to access a component's immediate container?

A) getVisible()

B) getImmediate()

C) getParent()

D) getContainer()

13. Which of the following creates a List with 5 visible items and multiple selection enabled?

A) new List(5, true)

B) new List(true, 5)

C) new List(5, false)

D) new List(false, 5)

14. An Applet has its Layout Manager set to the default of FlowLayout. What code would be the correct to change to another Layout Manager?

A) setLayoutManager(new GridLayout());

B) setLayout(new GridLayout(2,2));

C) setGridLayout(2,2);

D) setBorderLayout();

15. How do you change the current layout manager for a container?

A) Use the setLayout method.

B) Once created you cannot change the current layout manager of a component

C) Use the setLayoutManager method.

D) Use the updateLayout method.

16. Which of the following methods can be used to draw the outline of a square within a JAVA.awt.Component object?

A) drawLine()

B) fillRect()

C) drawPolygon()

D) drawPolygon()

17. State true or false

i) JPanel is a class included in awt package

ii) Anonymous classes are mostly used for event handling

iii) Names of anonymous classes must be unique

iv) JOptionPane is an inner class

A) i-false, ii-false, iii-true, iv-true

B) i-true, ii-false, iii-true, iv-false

C) i-false, ii-true, iii-false, iv-false

D) i-true, ii-true, iii-false, iv-true

18. State true or false

i) Java RMI supports distributed objects written entirely in java

ii) Java RMI makes use of stubs and skeleton

iii) In Java RMI an object registers itself with a media server

iv) IDL is interface declaration language

A) True, True, False, False

B) False, True, True, True

C) True, False, True, False

D) True, True, True, True

19. Match the following

a) Datagram Socket    i) UDP connection

b) URL ii) provides necessary framework of debugging java programs

c) java.net    iii) makes it possible to communicate over a network with java programs

d) sun.tools.debug    iv) is a java object that represent WWW address

A) a-i, b-iv, c-iii, d-ii

B) a-i, b-iv, c-ii, d-iii

C) a-ii, b-iii, c-i, d-iv

D) a-ii, b-i, c-iii, d-iv

20. State true or false

i) public can only be assigned to class

ii) protected protects a statement

iii) protected method is never accessible outside the package

iv) friendly variable may be accessible outside class

A) True, True, False, True

B) False, False, False, True

C) False, True, False, False

D) True, False, False, False

View Answers:

1. D) IOException
2. C) When all references to an object are gone, the memory used by the object is automatically reclaimed
3. B) It must be named test.java
4. A) Both classes extend throwable
5. D) The integer class extends the number class
6. C) Create an InputStreamReader object passing the InputStream object an an argument to the InputStreamReader constructor.
7. C) The event delegation model uses event listeners to define the methods of event handling classes.
8. B) java.util.EventObject
9. C) There is no way to determine which listener will be invoked first.
10. D) addTextListner(t,eh);
11. B) Add one or more event listeners to handle the events
12. C) getParent()
13. A) new List(5, true)
14. B) setLayout(new GridLayout(2,2));
15. A) Use the setLayout method
16. A) drawLine()
17. C) i-false, ii-true, iii-false, iv-false
18. A) True, True, False, False
19. A) a-i, b-iv, c-iii, d-ii
20. A) True, True, False, True

MCQ on Core Java with Answers set-1

Posted at 1:04 ص - by mego almasry 0

الثلاثاء، 26 أغسطس 2014

1. A java program is first ................ and ...................

A) executed, run

B) compiled, run

C) run, compiled

D) interpreted, compiled

2. Byte code is also a ...........

A) machine code

B) bit code

C) cryptographic code

D) none

3. A private class is accessible from inside a .................

A) package

B) class

C) method

D) none

4. Consider the statement "x=(a>b)?a:b", then the value of x is 19, if a=19 and b=12

A) true

B) not supported

C) false

D) none of the above

5. Adapter classes are used for ...............

A) code redundancy

B) code reduction

C) code organization

D) none

6. ..................... inheritance is enable by interface in java.

A) min level

B) multiple

C) low level

D) none

7. .................... is generated if a button is clicked in AWT.

A) ItemEvent

B) WindowEvent

C) ActionEvent

D) MouseEvent

8. Using which keyword we can access value of the instance and class variables of that class inside the method of that class itself.

A) super

B) final

C) this

D) either super or this

9. If a variable is declared FINAL, it must include ......................... value.

A) integer

B) number

C) initial

D) float

10. In java, string is a

A) primitive data type

B) abstract data type

C) combination of boolean

D) None of the above

11. Methods can be overloaded with a difference only in the type of the return value

A) Not supported

B) False

C) True

D) None of the above

12. Each method in a java class must have a unique name

A) Not necessarily

B) True

C) False

D) None of the above

13. It is an important feature of java that it always provides a default constructor to a class

A) Not supported

B) False

C) True

D) None of the above

14. If one or more abstract methods are not implemented in an abstract class, then the subclass is also abstract.

A) Not necessarily

B) False

C) True

D) None of the above

15. Life cycle of an applet is described by .................. methods.

A) six

B) three

C) four

D) five

16. Which of the following is not subclass of "writer" stream.

A) FileWriter

B) LineWriter

C) BufferedWriter

D) PrintWriter

17. In java RMI, stub is located in

A) client machine

B) proxy

C) server

D) none of the above

18. The new keyword will

i) create in instance of an object

ii) create instance of a class

iii) assign memory to an array

iv) call the destructor of a class

A) i and iii

B) ii and iii

C) i and ii

D) ii, iii and iv

19. ODBC stands for

A) Object Data Binding Command

B) Open Database Console

C) Open Database Connectivity

D) Open Database Command

20. Continue statement can be used

i) anywhere inside main method

ii) anywhere inside class

iii) within instance methods

iv) only within looping statements

A) i, ii and iii

B) i and iv

C) only iv

D) ii, iii and iv

Show/Hide Answers:

1. A java program is first ................ and ...................

B) compiled, run

2. Byte code is also a ...........

D) none

3. A private class is accessible from inside a .................

B) class

4. Consider the statement "x=(a>b)?a:b", then the value of x is 19, if a=19 and b=12

A) true

5. Adapter classes are used for ...............

B) code reduction

6. ..................... inheritance is enable by interface in java.

B) multiple

7. .................... is generated if a button is clicked in AWT.

C) ActionEvent

8. Using which keyword we can access value of the instance and class variables of that class inside the method of that class itself.

C) this

9. If a variable is declared FINAL, it must include ......................... value.

C) initial

10. In java, string is a

B) abstract data type

11. Methods can be overloaded with a difference only in the type of the return value

B) False

12. Each method in a java class must have a unique name

A) Not necessarily

13. It is an important feature of java that it always provides a default constructor to a class

C) True

14. If one or more abstract methods are not implemented in an abstract class, then the subclass is also abstract.

C) True

15. Life cycle of an applet is described by .................. methods.

C) four

16. Which of the following is not subclass of "writer" stream.

B) LineWriter

17. In java RMI, stub is located in

A) client machine

18. The new keyword will

i) create in instance of an object

ii) create instance of a class

iii) assign memory to an array

iv) call the destructor of a class

A) i and iii

B) ii and iii

C) i and ii

D) ii, iii and iv

19. ODBC stands for

A) Object Data Binding Command

B) Open Database Console

C) Open Database Connectivity

D) Open Database Command

20. Continue statement can be used

i) anywhere inside main method

ii) anywhere inside class

iii) within instance methods

iv) only within looping statements

C) only iv

MCQ on Java Programming Language Fundamental set-12

Posted at 1:34 ص - by mego almasry 0

السبت، 13 سبتمبر 2014

Designing Custom CSS Template for Printing

Adding Printing function and icon

Related Posts:

Designing Custom CSS Template for Printing

Adding Printing function and icon

Related Posts:

الجمعة، 12 سبتمبر 2014

Step1: Add meta tags for responsiveness

Step2:Add media queries for each screen size

Step3: Write custom CSS code for media queries

Alternate method for adding CSS code with media queries

Related Posts:

Step1: Add meta tags for responsiveness

Step2:Add media queries for each screen size

Step3: Write custom CSS code for media queries

Alternate method for adding CSS code with media queries

Related Posts:

الثلاثاء، 9 سبتمبر 2014

Step1: Preparing demo blog for creating blogger template

Step2: Creating basic elements for blogger template

# Creating XML Part

# Creating Header Part

# Creating CSS Part

# Creating a Menu

# Creating blog content

Step3: Creating gadgets on sidebar and footer.

Step4: Installing blogger template on required blog.

Related Posts:

Step1: Preparing demo blog for creating blogger template

Step2: Creating basic elements for blogger template

# Creating XML Part

# Creating Header Part

# Creating CSS Part

# Creating a Menu

# Creating blog content

Step3: Creating gadgets on sidebar and footer.

Step4: Installing blogger template on required blog.

Related Posts:

الاثنين، 1 سبتمبر 2014

1. Youtube.com:

Site's Information:

2. Vimeo.com:

Site's Information:

3. Dailymotion .com:

Site's Information:

4. Ustream.tv:

Site's Information:

5. Screen.yahoo.com:

Site's Information:

6. Metacafe.com:

Site's Information:

7. Break.com:

Site's Information:

8. Veoh.com:

Site's Information:

9. Videosift .com:

Site's Information:

10. StupidVideos.com:

Site's Information:

Related Posts:

1. Youtube.com:

Site's Information:

2. Vimeo.com:

Site's Information:

3. Dailymotion .com:

Site's Information:

4. Ustream.tv:

Site's Information:

5. Screen.yahoo.com:

Site's Information:

6. Metacafe.com:

Site's Information:

7. Break.com:

Site's Information:

8. Veoh.com:

Site's Information:

9. Videosift .com:

Site's Information:

10. StupidVideos.com: