Windows 10 will be the Last Version of the OS

Microsoft Windows 10, which will be launched for PCs this summer, will be the Redmond-based tech firm's last Windows OS version, said Jerry Nixon, a Microsoft employee and developer evangelist, at the company's ongoing Ignite conference in Chicago.

"Right now we’re releasing Windows 10, and because Windows 10 is the last version of Windows, we’re all still working on Windows 10." That was the message from Microsoft employee Jerry Nixon, speaking at the company's Ignite conference this week.

Nixon said Microsoft secretly made its base for Windows 10 when it launched Windows 8.1 last year, and that with Windows 10 it will be pushing out regular updates to the OS instead of introducing new versions. It's all just Windows 10. While it immediately sounds like Microsoft is killing off Windows and not doing future versions, the reality is a little more complex. The future is "Windows as a service."

Microsoft has been discussing the idea of Windows as a service, but the company hasn't really explained exactly how that will play out with future versions of Windows. That might be because there won't really be any future major versions of Windows in the foreseeable future. Microsoft has altered the way it engineers and delivers Windows, and the initial result is Windows 10. Instead of big releases, there will be regular improvements and updates. Part of this is achieved by splitting up operating system components like the Start Menu and built-in apps to be separate parts that can be updated independently to the entire Windows core operating system. Microsoft revealed that Patch Tuesdays will be abolished, and the update cycle will be moved to a 24x7 one. Users could either opt-in for slow rollout, meaning receiving updates in bundles, or a fast rollout, where they would receive updates as soon as they are released. It's a big undertaking, but it's something Microsoft has been actively working on for Windows 10 to ensure it spans across multiple device types.

While we'll witness the results in the coming months, Microsoft is already in launch mode for a number of its apps and services that power Windows 10. The software company is testing preview builds of Window 10 with willing participants, and apps like Xbox and Mail have been engineered for regularly monthly updates. Even Office for Windows 10 will also get regular updates, much like a mobile version, instead of the big bang release every few years.

"Recent comments at Ignite about Windows 10 are reflective of the way Windows will be delivered as a service bringing new innovations and updates in an ongoing manner, with continuous value for our consumer and business customers," confirmed a Microsoft spokesperson when approached by The Verge for confirming Nixon's comments. "We aren’t speaking to future branding at this time, but customers can be confident Windows 10 will remain up-to-date and power a variety of devices from PCs to phones to Surface Hub to HoloLens and Xbox. We look forward to a long future of Windows innovations."

Microsoft is already said to have engineered apps like Xbox, Mail and even Office for regular monthly updates in Windows 10. The results will however will be reflected after a few months. The firm has also been testing the OS with Windows Insider participants in the form of different OS version builds both for PC/laptops and mobile devices.

With Windows 10, it's time to start thinking of Windows as something that won't see a big launch or major upgrade every few years anymore. Much like how Google's Chrome browser gets updated regularly with version numbers nobody really pays attention to, Microsoft's approach will likely result in a similar outcome. This is really the idea of Windows as a service, and the notion that Windows 10 could be the last major version of Windows. Microsoft could opt for Windows 11 or Windows 12 in future, but if people upgrade to Windows 10 and the regular updates do the trick then everyone will just settle for just "Windows" without even worrying about the version number.

It is worth mentioning that while Windows 10 is due to arrive for PCs by this summer, the OS will be released for mobiles, tablets, HoloLens, and the Xbox One at some point later this year.

Read More

HTML Basics-Lab (First Web Page)

Now as I mentioned that at the end of each chapter we would do a little bit of work on our project website. So for this chapter we would setup the home page for the document and get the website started. We are going to need, to create another HTML file and it needs to include all these basic tags that we saw before.

Now I have made things a little bit easier for you, if you go over to the working files you will notice that in chapter one I have a basic template HTML page and I’m going to drag this over my notepad icon to open it up and you will notice that we have all of the basic tags that each web page needs to have, already typed in. So, it will save a little bit of time. All we need to do is just start typing in, our body content and the title for the page. Now the first thing I really want to do is I don't want to save over my basic template because I probably want to use it again. So I’m going to choose file save as and we are going to save this in our website folder. So I’ll go back into the working files and down here at the bottom I’ll just chose the website project folder which is currently empty. Now we are going to name our file and for the name I’m going to choose index, it's the most commonly chosen name for the home page; now I do want to have the HTML extension at the end of the file name so let's add that and we’ll save our file just like before. Now we can add our content. Now as we are making a site about India so I’m going to just make the title of this page India! And for content I have got a text file included in our chapter one folder that we can use. Here we can see a text file named Home, I just open that up and we got some title and paragraphs that we are going to use for the content on our page so I’m going to select all those texts and copy them and we can go over and put our cursor in between the starting and closing body tags and paste the copied text. Now as we saw before, the white space in our file is going to be ignored in the HTML document when it's viewed in the browser. So, we do want to add formatting to it. I’ll go over to each one of the lines that we want broken up and I’ll just use the paragraph tag that we learned earlier, we are going to add a paragraph tag at the beginning and of course the closed paragraph to signal that the paragraph is done. I'm going to add that one to each one of my elements, now you can notice that I’m formatting the first two small titles inline and this is entirely the preference up to you where you want to put your tags. For larger paragraphs that take more than one line I’m going to put the starting tag at the beginning and start the paragraph from next line and will put the end tag, a line after the end of the paragraph. That way you can visualize the start and the end of the paragraph, especially when it expands multiple lines. So let's do that for our last paragraph here, as well. I'll just paste in here my start paragraph tag and add a line for the close paragraph tag.

<!doctype html>

     <html>

          <head> <title>India !</title> </head> 

          <body>

               <p>India</p> 

               <p>A Land of Infinite Variety</p> 

               <p>

               Indian School Children India, officially the Republic of India (Bhārat Gaṇarājya), is a country in South Asia. It is the seventh-largest country by area, the second-most populous country with over 1.2 billion people, and the most populous democracy in the world. Bounded by the Indian Ocean on the south, the Arabian Sea on the south-west, and the Bay of Bengal on the south-east, it shares land borders with Pakistan to the west; China, Nepal, and Bhutan to the north-east; and Burma (Myanmar) and Bangladesh to the east. In the Indian Ocean, India is in the vicinity of Sri Lanka and the Maldives; in addition, India's Andaman and Nicobar Islands share a maritime border with Thailand and Indonesia.
               </p>

                          <p>

                Home to the ancient Indus Valley Civilisation and a region of historic trade routes and vast empires, the Indian subcontinent was identified with its commercial and cultural wealth for much of its long history. Four religions—Hinduism, Buddhism, Jainism, and Sikhism—originated here, whereas Zoroastrianism and the abrahamic religions of Judaism, Christianity, and Islam arrived in the 1st millennium CE and also helped shape the region's diverse culture. Gradually annexed by and brought under the administration of the British East India Company from the early 18th century and administered directly by the United Kingdom after the Indian Rebellion of 1857, India became an independent nation in 1947 after a struggle for independence that was marked by non-violent resistance led by Mahatma Gandhi.

              </p>

              <p> 

              The Indian economy is the world's tenth-largest by nominal GDP and third-largest by purchasing power parity (PPP).Following market-based economic reforms in 1991, India became one of the fastest-growing major economies; it is considered a newly industrialised country. However, it continues to face the challenges of poverty, corruption, malnutrition, inadequate public healthcare, and terrorism. A nuclear weapons state and a regional power, it has the third-largest standing army in the world and ranks ninth in military expenditure among nations. India is a federal constitutional republic governed under a parliamentary system consisting of 29 states and 7 union territories. India is a pluralistic, multilingual, and a multi-ethnic society. It is also home to a diversity of wildlife in a variety of protected habitats.

             </p> 

       </body>

 </html>

We'll simply save our changes and take a look at the page. I’ll go to website project folder and open index.html file in the browser.

We’ll be adding a lot to this page and other pages to our website project. Now in the next post we’ll learn a lot more about formatting text with the HTML.

Read More

HTML Basics -Typical Page Code

Well our HTML file does include HTML tags but it’s still not proper or not properly set up yet because most HTML documents have some set up tags that we use to establish the page for the browser. So, what I would like to do is, take our page that we are working on and let’s add those setup tags. 

The entire page should be enclosed in HTML tag so, let me add space at the top and I’ll go up there and add my HTML tag and like all the other tags that we worked so far I need a closing tag for it also which I’m gonna put down at the bottom of my document. We are using </HTML> so the ending tag is formatted just like the paragraph and strong and em tag that we used before. 

<html>

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

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</html>

The HTML tag is referred to as the root and it basically contains the entire document itself. 

Now we can break up the HTML tag in two big parts in our document. At the top we generally put the head tag. So let me add a line under HTML and now add an open head tag (<head>) and I would go down a line or two and will add a close head tag (</head>). The head tag is used to establish the information about the page for the browser and this is the information that doesn't necessarily appear on the page itself. One very common use of the head tag is to add a tittle for the page. If we look over to the browser we can see that in the tab it just shows the file address which looks ugly. I just go in there and add a title tag, it’s not a bad idea to add the close tag at the starting, and then in between those two tags I can add a normal page title I’ll just add my first web page, lets save that.

<html>

<head>

<title>My First Web Page</title>

</head>

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

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</html>

The other section inside the HTML tag is the body tag, and that goes bellow the head tag. So, let me add a line and I’ll add the start body tag (<body>) there. The body is going to enclose all the visible elements on the page. So, I’m gonna add the end body tag (</body>) down here bellow all the paragraphs and before the HTML tag closes. 

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

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

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</body>

</html>

We have got the </body> so that it’s formatted just like the other elements.

Now we have divisions for the setup of our page and the content of our page. Now there is really only one more tag that we need to add and that's up there at the top. This one isn't really a tag but it’s the only thing that's going to exist outside of the HTML root tag that we setup and that is a doctype declaration. This one looks a little bit different, we start off just like a tag but we have an exclamation point at the beginning and then the name doctype which is followed by the declaration of what type of document we have and since we are using HTML5 we can use a simple one which is just HTML. The function of this tag is to tell the browser not only what type of document we are working with i.e. HTML but also what version of HTML we are using to code with and HTML5 has one of the simplest doctype declaration with just the word HTML added to it.

<!doctype html>

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

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

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</body>

</html>

Now we have got a document that looks a lot like a typical webpage. We have got our HTML tag inclosing all the contents of our page, except the doctype. We have got a head tag for setting up our page with a title and we have got a body tag that's establishing all the visible content that we want to include on our page. Now let’s just save it like before and we can go out to our browser and refresh the page to see our changes. 

The first thing u will notice that, all the code that we added didn't really change the content on the page but they did change the setup. We can see that our title now appears up there in the tab and as a nice bonus if we had our web page added on the web live and a user wanted to bookmark the page it would use this title as the bookmark text instead of the big address that we saw before

Read More

HTML Basics-Formatting with HTML

Hello! In the last page we have seen what a tag is? Let’s go back to our page and let’s go over some rules that we need to understand when we are working with tags.

First, I think I need a little bit more text on the page to work with. So, I’ll put some loremipsum text in my file. Loremipsum is a nice place holder text that you can use, it’s Latin but, it looks like text in paragraphs, you can use it to simulate that. I’m gonna paste them in as three paragraphs.

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




Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 




Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 




Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.



Now, without adding anything else, I’ll simply save my file and once again will go over to browser to preview it. Now hitting the refresh button, we see that the text was added to the page but, instead of seeing three nice paragraphs like we have added in our text file, we see all the text lumped together at the top.

This tells us one very important thing about working with HTML, and that is HTML will ignore what we call white space. We have spaces in between the paragraphs and texts and when the browser first loads an HTML page up, it looks at all the text and puts one space in between those text and puts one space between those text items, it don’t care anymore. 

In order to have different formatting we need to use tags. Now just to explore it a little bit further, I’ll add a few extra character returns to my file and will even go to the first two words in the paragraph and will add some space in between them. Let’s save our changes. We’ll go back to our browser and will take a look and you can see that there is no change whatsoever.

It’s completely ignoring the spaces and the character returns that we add to our text file. So, let’s go back over and add some tags to do the formatting for us. What I’m gonna do to set up these text blocks as paragraphs is, we’ll go to the beginning of each one of the paragraphs and I’ll add a paragraph tag which is simply the letter p. Now just like our strong tag, we need a closing paragraph tag at the end. So I’ll go and add a backslash p and I’ll copy those ones and will paste the paragraph tag at the beginning of each one of our paragraphs and the closing paragraph tag at the end. 

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


<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>


<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

Now we have formatted our document using HTML tags instead of white spaces. Let’s save our changes and will go over preview our file.

Now you can see the formatting is looking a little bit more like what we intended. We can see that the paragraph tag added space between each one of these blocks of text making the page a lot easier to read.

Now we have seen a couple of tags. We want to go back to our document and let’s take a look, how multiple tags work together. You can imagine, we are going to be needing a lot of tags. So, what I want to talk about is referred to as nesting. I’ll start by adding one more tag to my first line, here I’ll go up to the space right in the front of letter ‘w’ and I’ll add an em tag spelled e-m and that’s short for emphasis. This tag will be rendered by most browsers by italicizing whatever text you put inside it, and now I’ll go to the end of the strong tag and that’s where I’m gonna place the end of the em tag, just like we do for other tags.

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

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis.
</p>


<p>
Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus.

</p>


<p>
Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.
</p>

Let’s save this and will go out and take a look at it on our page.

You can see that the phrase web page is indeed italicized.

But, what I would like to point out here, is that we have actually coded our page wrong; when we set up an element that starts inside of another element, we need to end that one inside as well and as you can see here, the end of the em tag is outside of the strong tag but, the beginning is inside of them. This considered, improperly nested. But, you must have noticed that, it still looks correct on the browser page. Today’s modern browsers are pretty smart they can figure out what you made by the code instead of what you said. But, we never want to rely on that. If you have improperly nested tags all over your page, at some point, some browsers can render it incorrectly and then you have to go and find the problem and fix it. So, it’s a very good idea to pay attention to nesting while you put the tags together. In this case I’ll correct our page by moving the end of the em tag inside the strong tag.

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

<p>

     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula        vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet      in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum            scelerisque turpis commodo quis. Curabitur iaculis tempor mollis.

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus.

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>


Now notice that I could have put the beginning tag outside and the end tag outside as well and would end up with the same thing. But, it’s important to realize that we do need to build our web pages correctly because browsers don’t give us error messages indicating what we have done wrong and that would lead us to big problem latter on.

Read More

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