HTML Basics-HTML Tag Basics

Now so far my html document is really just using text. So, let’s see about adding some actual html to it. First of all we should talk about what html is? It stands for the Hyper Text Markup Language. Now the hypertext part is easy, it refers to the linking that we have from page to page in our sites, the markup language describes how we are going to be writing the code.

We are basically going to be taking normal text and marking it up with what we call tags. So, let’s take a look at how to make a tag inside of our webpage. I am going to put my cursor right in front of the word web and will add the enclosing brackets that we use for tags. That’s actually the character you might be familiar with for, greater than and less than symbols. I’ll use less than and greater than, they are right on top of comma and period keys on most keyboards and here they are acting like inclosing  brackets.

Each tag will have a name inside those brackets to determine what kind of formatting we are going to be doing. Now let’s try one out. I’m gonna use the strong tag. We use this tag to render text as bold in the document. 

Most tags like strong tag will actually be a pair of tags and I’ll put the second one by copying the strong tag and I’ll just paste it at the end of the word ‘page’. The pair of tags act as a beginning for the format and an end for the format. So, in this case the bold would start with the letter ‘w’ and end with the letter ‘e’. 

Now to have a proper ending tag we have a little bit different look to it. It has a backslash (/) before the name, and this is how most of our tags will look when we put them inside of our code. 

my first <strong> web page </strong>…..!

Let’s save our changes and I’ll go back to our page and refresh.

And now we can see that the phrase web page has been bolded by the browser because of the strong tag that we added in formatting. Now over-viewing the browser we can see that first of all we are not seeing that tags that we inserted into the text but, we’re seeing the effect of the tag because the phrase web page is now bolded on the page.

Read More

HTML Basics-Workspace Setup

Now before we get started the first thing I want to do is to set up our workspace. I’ll be working here on a windows but will be using very basic tools to build our sites. So, you should be able to set your system up and follow along with me, no matter what operating system you are using.

Now first of all I have got the working files right here on my desktop. You can put them wherever you like, just make sure they are convenient and you can find them and inside this folder you can see that I have a folder for each one of the chapters and they contain the files that we will be using as we go through the lessons.

I’ll just let you know whenever I’m going to be opening up a file from here. Down at the bottom of the chapters I have a completed site sample folder and this folder contains a copy of the finished website that we are going to be building.

Now to build webpages we really only need two applications, we need a program to write and edit text files and we need a browser to preview them. Here I’ll be using the notepad for writing my files, now if you are using a mac you could chose to use text edit which is a very similar program and both of these programs actually come free with the operating system. For my preview browser I’ll be using firefox, you can chose whatever browser you want but firefox is also free for both the mac and pc platforms. Now we are ready to start our first web page. 

Let me add a little bit of text so that we have something to see on our page. 

I just put up here “my first web page…..!” and now let’s save our new html document.

Now in general we can use whatever name we want so, I’m gonna name this file first page, and we need to pay attention to the extension at the end of this file name, instead of using a txt extension I’m gonna either use htm or html extension. Now it doesn’t really matter which extension you choose. So we just save it in my chapter 1 folder so that I can find it. And now we have our first basic web page created. Let’s go see how it looks.

..........And there we see how our page looks !

Read More

HTML Basics-About this Course

Hi! I‘m Akash. I‘m here to show you how to create webpages and sites using HTML5 and CSS.

HTML is the markup language used to format and display contents for the web and is the basis for almost all content that we surf for our computer and mobile devices today. HTML5 is the newest version of HTML and it represents the newest features and improvements from HTML 4 and the other previous versions before it.

Today’s websites use a lot of different technologies to deliver the rich contents we see on the page. You could use JavaScript and jQuery for interactive and animated elements or PHP and ASP scripts for integrated data applications or you could add rich streaming media like audio or video. But, it’s important to know that all these technologies relay on and are built on top of a solid HTML and CSS foundation. So, learning this will set you up for whatever you want to do on the web.

This course will teach you how to use HTML5 and CSS3 to create web pages and whole sites. Each page in this series will teach you something new and step by step will build an actual website containing easy to read contents, pictures, images, videos and tables of data, menu bars active and links out to other pages and contact form, from scratch using only a text editor and a browser as our creation tools.

This set of lessons begins with the basics so, you don’t need to know anything about HTML and CSS to get started. Each element is explained using simple example so you can understand each element as we create it and then we will practice what we have learnt and build our own website project. We will be assembling it piece by piece as you work through the chapters. We will be covering every little detail of HTML coding, by the end of the series you should know more than enough to start creating website and exploring more on your own. As we go along, I’ll try to give you some advice about good web design and I’ll be adding some technical hints and tips that I have learnt in my own projects. 

So, let’s get started.

If you are searching for website designers you can contact Tech Scholar  the web design experts.

Read More

How to Snap 4 Windows at Once in Windows 10

PC users have been able to snap programs to the left or right side of their screens since Windows 7 launched in 2009. However, with Windows 10, Microsoft has taken snapping to the next level, adding the ability to split your screen in quarters and suggesting apps you can use to fill empty space on your screen. Here’s how to snap in Windows 10.

Snap 4 Windows on Screen at One Time

Using the mouse:

1. Drag each window to the corner of the screen where you want it.

2. Push the window’s corner against the screen corner until you see an outline.

Your window will take up about a quarter of the screen. Modern-style apps may take up slightly more.

3. Repeat for all four corners.

Using keyboard shortcuts (faster):

1. Select the window you wish to move.

2. Hit Windows Key + Left or Right. The window will now take up half of the screen.

3. Hit Windows Key + Up or Down to make it snap to either the upper or lower corner.

4. Repeat for all four corners.

Use Snap Assist

1. Snap a window to the right, left or a corner of the screen. You can use the mouse or keyboard shortcuts. A list of thumbnails showing open apps appears.

2. Click the app you want to fill the available space.

Snap to More than Half the Screen

1. Snap a window to the right or left side of the screen.

2. Resize the window to make it narrower or wider.

3. Snap another window to the other side of the screen.

It will fill all the available space, making it bigger or smaller than the first application you snapped.

Read More

Bouncing 2048 !

Its the best Stress Buster.

Bouncing 2048 is a single-player puzzle game created with the objective to bounce the numbered tiles on a grid to pass through the obstacles without colliding with the obstacles and create a tile with the number 2048 and so on. Its the modified version of Amazing 2048 .

Now this Interesting game is available for you all to enjoy.

This Games the best and Easiest way of Entertainment. Its very easy to play this game and is the best way to get rid of the stress from heavy work.

Play Bouncing 2048 !

Read More

Amazing 2048 !

Amazing 2048 is a single-player puzzle game created with the objective to slide numbered tiles on a grid to combine them and create a tile with the number 2048. It is a type of sliding block puzzle almost similar to the most popular android game 2048 which I liked so much. So, I decided to code it again myself just to check if I can code a game myself. I did it last weekend. Now it’s available for you all to enjoy.

Amazing 2048 Tips And Tricks

1. Take it Slow

2048 is so easy to play, you might get into the habit of tearing through games without even really paying attention to what you're doing. That's not a good idea. Take your time - there's no penalty for thinking your moves through after all. Also, try to predict where new blocks might come in and how you could deploy them. Something like playing chess.

2. Work The Corners

In order to win the game you should have a specific strategy. If you do not have one, you will most probaly not reach furthr than 512. So, a good strategy is to always keep your hiest value tile at one of the corners. Just chooose one corner and direct all your tiles there. It is not as easy as it sounds, but you can master it quickly. In order to stop the highest value tile to leave "the king's place", try to pack tiles around it. Preferably, they should be the other biggest tiles. Master this simple strategy and you will soon reach 1024 and even win the 2048 Game!

3. How to make the highest valued tile in the right bottom corner and not to move it?

Once you have placed your highest tile value is in the right bottom corner, do not move it. To make sure it is not moved, you have to make the last row always filled by pushing the down arrow so that the use of LEFT and Right Arrow would not move the highest valued tile. Basically, this is the most important cheat for 2048 Game - keep the highest tile in the corner and do not move it.

Play Amazing 2048 !

Read More

How to Backup Your Android Smartphone

If your phone crashes unexpectedly, or worse gets lost or stolen, then you'll not just be down the cost of a phone, but also a huge amount of data. To get around that, you need to enable cloud backups for as many things as possible, so that logging your account into a new handset transfers most of your data automatically. But not everything can be backed up that way, and that's why it's still important to take regular backups of your phone.

While some third-party apps like Titanium Backup and Helium will let you take a full backup your Android smartphone, they are not for everyone. Most users don't know about rooting their phones, or want to mess around with installing ADB drivers. No worry, it may take a few more steps, but you'll get there (almost).

Here's how to backup almost any Android smartphone

Backing up to the cloud

1. On your phone, go to Settings > Accounts & sync.
2. Under ACCOUNTS, and tick mark "Auto-sync data". Next, tap on Google. Now, tap on the Gmail ID you used to sign onto the phone.
3. Here, you can turn on all the options so that all your Google related information gets synced to the cloud. This includes your contacts, photos (uploaded to Google+, privately if you want), app data, calendar events, Chrome tabs, your Google Fit data and more.
4. Now go to Settings > Backup & Reset.
5. Check Back up my data.

This will save app data and all of your phone's settings including Wi-Fi passwords to your Google account. When you sign in using this Google account on another phone, all of your preferences, photos (via Google+), and contacts will be imported automatically. This data is synced regularly and you just need to log into another device with the same account to recover it. This does not cover your text messages and various other types of data - you'll have to back them up yourself.

Locally back up media, messages and apps

Next, you'll want to save the music, movies and other media you've saved on your phone's memory card. This process is easy - just connect your phone to a PC and copy everything that's in the microSD card. This is a manual process so you'll need to make a routine of doing this.

Media

1. Connect your phone to the computer with a USB cable. If you are on a Mac, make sure you have the Android File Transfer application installed before you do this.
2. Open My Computer on your PC, or Finder on your Mac.
3. Navigate to the SD card and copy all the files you want to save to your computer.
4. After the copying is done, you can unplug your phone.

Text Messages 

You can easily save all your text messages and call logs to your Gmail account by using an app called SMS Backup+. Try these steps:

1. Download SMS Backup+.
2. Open the app and tap Connect.
3. Pick your Gmail account from the pop-up.
4. Now grant SMS Backup+ permission to access your Google account.
5. Now go back to the app and tap Backup. This will save all your text messages to your Gmail account.
6. Log in to Gmail from any Web browser and on the left side you'll see a new label -SMS. Click it to view all the text messages that have been backed up.
7. To restore these messages, just tap Restore in SMS Backup+.
8. Tap OK in the pop-up.
9. You'll be asked to set SMS Backup+ as your default SMS app. Tap Yes. This is needed to restore messages.
10. Now the app will automatically restore all your messages and call logs. Once the process is complete, the app will show a pop-up that restores your default SMS app. Tap Yes.

Apps

The next step is to backup and restore installed apps. You can re-download apps easily if you're using the same Google account on the new device - just open Google Play, tap the hamburger icon (three horizontal lines) on the top-left > My apps. You can install all previously purchased apps from there.

On the other hand, a local backup could be faster to restore, and wouldn't waste bandwidth either. And it's also pretty easy to do.

1. Download ES File Explorer.
2. Swipe the screen to the right to reveal the Homepage of ES File Explorer.
3. Tap APP which is under a blue Android robot icon on the top-right.
4. Tap and hold any app until you see a checkmark on its icon.
5. Now tap the tick-mark icon on the top-right, the one inside a box with a dotted frame. This will select all apps.
6. Tap Backup that's on the bottom row. This will save a copy of the apk files of all your apps.
7. To view which apk files have been saved, tap User apps at the top. From the pop-up, select Backed-up Apps.
8. Tap any app's apk file here to install that app without Internet.
9. To save a copy of these files to your computer, connect your Android phone to a PC via USB.
10. The phone will appear in My Computer like a pendrive. Open it.
11. Go to Internal Storage > backups > apps.
12. Copy all the apk files here. In case you format your device, or change handsets, you can quickly copy these apk files to it and install the apps again by placing them in the same folder on your phone, and then following steps 7 and 8.

By following these steps, you're able to save a copy of all your contacts, text messages, media, apps, Wi-Fi passwords, and your app data. Of course, doing everything one by one is a little cumbersome, and the best way to back up your phone is to use a third party backup tool. We've used Titanium Backup and it is excellent but it requires root access on your Android phone, which is something typically expected from more advanced users. Even its interface is too clunky for most average people.

Helium is a great app for those who haven't rooted their phones. It has a nice interface too, but it only works with select Android phones from some international manufacturers. If you bought a phone from Micromax, Karbonn, Lava or countless other brands, you won't be able to use Helium. Further, using Helium requires you to install drivers for the phone on your computer as well.

Read More