Tutorial-3 (Multimedia)

Welcome in Tutorail-3

From previous lesson we learn about headings and paragraphs that how can we write them in html code ,it's really very simple, guys In today's tutorial we learn something new about how can we add images videos in our website, along with heading and paragraphs it's also quite easy to remember.

Section 1: Part 3

Multimedia

                  

Before moving into the code first we must let to know that what is multimedia?

Multimedia means that computer information can be represented through audio,video, and animation in addition to traditional media for For example text,graphics/drawings,images etc.In other words ,Multimedia is the field concerned with the computer controlled integration of text,graphics,drawings, still and moving images (videos), animation, audio, and any other media where every type of information can be represented,stored,transmitted and processed digitally.
Now I think now you have easily understood about multimedia.

Images:

Now moving into the Html code. First try to understand with image.

Code:

<img src="imageName.extension"/>


In order to add images to our web page, we use the simple  <img> tag(element) with also closing tag using"/" , In image "src" is the attribute which specifics the URL ( web address) Of the image whether it is in your desktop or in browser and " alt " is another attribute which is used for describing the image.

The "Src" attribute with "alt" attribute describes the content of an image. The "alt" attribute text will be displayed in place of the image if the image is not available.

There's a lot of websites that provide no-copyrighted images, For Downloading images for your websites visit   Description

Videos:

As we seen that adding images to our website is quite easy just like images adding videos is also very easy instead of "<img>"  tag we should use "<video>" tag  and in "Src" attribute write the URL( web address) of your video that you want in your website.

Code:

<video src="https://front-end-web development.com/" controls></video>

Audios:

<audio src="demo.mp4" controls></audio>

Along with these options of adding multimedia in your websites you can easily add a lot more other things in order to make your website more effective in front of viewers as we knew that images,videos and audios are affect a lot to our viewers instead of text so trying to make your website more effective by using these simple html codes.

See you in the next tutorail!

Tutorial-4(Navigation)

Tutorial-2 (Headings and Paragraphs)

Welcome in Tutorial-2

I hope from tutorial-1 you had easily understood about structure of Html ,if you have any confusion ask with me directly or you can comment me below.Let's starts learning something new!

Section 1: Part 2

Headings and paragraphs

Before moving into html code, firstly we should know that what is heading and what is paragraph?

Heading

As we all known that any title or topic of a document,article and chapter etc is heading , there's also subheading in which we explain our main idea or main heading into multiple steps or we can say that subheading is any of the heading in which each of the main divisions of a subject may be sub divided.Now the main thing is that how can we write heading of our program in html code, that's very easy look into the code

These html headings have six levels like h1,h2,h3,h4,h5,h6. H1 is the highest level and h6 is the least one.

Paragraphs

A paragraph is group of sentences under which we provide some brief explanations of our heading or topic and these sentences support the main idea and maintain a consistent flow.I think it's enough for your understanding that what is paragraph!. Now our task is how to write it inside the code of our website. Look into the picture below you easily understand.

Wow.. it's really very simple guys to....so why are you waiting just go and open notepad on your desktop and write headings and paragraphs for your websites put your first website content online..
Html is all about learning tags whatever we read further you will see different types of tags that are very easy to remember if practice.We can also change the styles like font-size,color,alignments of our headings and paragraphs but these all things will be discussing in CSS part of this tutorial.For today I thinks that's enough.
See you in the next tutorial!

Tutorail-3 (Multimedia)

Tutorial-1 (HTML structure)

Welcome in Tutorial-1

Hello guys in this tutorial of second week I will guide you about languages that you must know for becoming front-end web developer.

Types of languages that you must learn

1. Html
2. CSS
3. JavaScript

One thing that I want to clearly mention you is that please don't be worry about that, how can you learn it because you don't know even you didn't listen about it before, it's very simple guys, and one thing that i always tell you is if I can do this then why you can't! OK moving on.Firstly we learn about html.

Section 1:part 1

What is Html?

before telling you about what is html ,i firstly want to tell you one thing that in this tutorial page I write each and everything like all headings,text etc in my article about front-end web development is written in html, wow amazing yeah.

So let's read about html.

Html is the abbreviation of Hypertext Markup Language now in details that what does this Hyper Text Markup Language means?

basically HTML is a programming language that is used to create documents like we say that it is used to make electronic documents, we called these documents "pages" that are displayed in our search engine like in WWW(World Wide Web) one of the most important thing of html is that without this html code our browser would not know that how can he display our images,texts as elements, loading videos or any other elements as you know, in short "html is a programming language that is used to create websites and applications" I never want to go on more dept because I'm sure that now you understood in details about the word html.

You write your html code easily in your notepad or you can use notepad++ ,I recommend you notepad++ because I use that one just go on the www.google.com and write notepad++  then download, simple. Whenever you write your code just save your file in which you wrote with "file name" then extension ".html".Download notepad in Description.

We are now go to see that how can we write our first html code because I know that no one want to read lot more you just want to go on, to the point(coding)look at image

Html website structure

the above you see is the actual structure in which you write your code,one thing that you must know is that the html is totally concerned into tags the more you learn tags,the more you get.

Each HTML program have some structures that are necessary for making your website all these required structures are mentioned below.

Opening tags

• <DOC TYPE html>
• <html>
• <head>
• <body>

Closing tags

• </html>
• </head>
• </body>

Here you see guys that the program starts with declaration ,<DOC TYPE html> this tag tell our web browser where we run our html code,that means which version of html we are being used.We placed this deceleration in the very beginning of our html code file.

The next <html> tag is used to mark the beginning of our program.

Inside the" <html>"element,the" <head>" element identifies the top of our document.However,the content that we placed inside the "<head>" tag is not displayed on our web browser itself.Instead of this,that is must include the document title,which is displayed on the title bar in the browser window,also link to an external files,or any other beneficial information.</head></head></html>
This image is for those who don't know about title bar

The "<body>" tag is used for the whole program like all the visible content within our web page will fall within our body tag.

Ok that's enough for today see you in the next lesson.

Tutorial-2 (Headings and Paragraphs)

introduction

                    

Introduction of Web Development

Web Development Learning From beginner to Expert

Hello there!

This is really a very very huge beneficial page for you guys here you find what's going on in my life as a Web developer I show with you all my skills from beginner level..................

First let to know

What is Web Development?

Web development refers to designing and building websites for business or personal reasons. In other words, web development is all about getting our ideas out into the web, and about making people aware of them.

For more details visitWikipedia

Guys here I told you in details that how you become a perfect Front-end Web developer even you don't know about anything related to this I guide you from beginner to expert...

Firstly I want to show you the basics

Types of Web Development :

1. Front-end
2. Back-end

But to be very honest guys I only taught You about Front-end web development because I am a front-end web developer not a back end but for those who want to learn back end development too ,here I guide you about some other online courses of backend that are both paid and free courses.

lets start:

What is Front-end Web development?

Front-end Web development manages everything that users visually see first in their browser or application.Front end developers are responsible for the look and feel of a site.Front-end web development is mostly focused on what some may coin the "client side" of development.


"LEAD FROM THE BACK AND LET OTHERS BELIEVE THEY ARE IN FRONT"
                                                                                                 NELSON MANDELA

Languages that you must learn for Front-end Web development:

1. Html
2. CSS
3. JavaScript

Don't be worry about that guys I guide you each and every thing about Font-end Web development from beginning also told you about those online courses that provide you full online tutorials with expert instructors along with certificates that help you a lot in getting jobs as a freelancer, and the most important thing is that these courses are of both types, mean they are also paid and free courses but don't be worry about thinking that ,is Free Courses provide Certificates?

Definitely of course. Free courses also provide you certificates................wowwwwww that's great.But these all things I will told you in my next upcoming YouTube channel.

In this Web development tutorial I only tell you about Front-end Web development ,once you easily understood each and every thing then you start your earning in fiverr ,I also told you after completion of this tutorial that how can you work online as a freelancer in fiverr ,but I told you that you would only gain success if you try your best because.

"SUCCESS SEEMS TO BE CONNECTED WITH ACTION.
SUCCESSFUL PEOPLE KEEP MOVING.
THEY MAKE MISTAKE BUT THEY DON'T QUITE."

Three thing that you must have for programming are:

Web programming is neither easy nor hard it's just depend upon you that how much time and attention you give it, the first two parts Html and CSS are quit easy to understand the hard one is that java script it take a lot of your time may or may not because again I told you that its depends upon you that how quickly you gain but one thing i want to tell you must that if i can do then why can't!.Think upon it

For this weekend I think Its enough in such a busy schedule of world.........See you in the next weekend tutorial.............................

Tutorial-1

Who I am?

Welcome in my Front-end Web development tutorial 

Who I am?????...

Hi..Guys.

Hope so you are all Well.

 Actually Guys I want to share with you my skills all that I learnt in my web developing field. That What's going on in my everyday hope so you can enjoy it.....

Before introducing my self I wanna tell you one thing must,

IN GOD'S EYES WE'RE ALL THE SAME

I would not say that I am very naive,why I am,no,so why do I lie? I am a normal human being, or you can say, a junior front-end Web developer ,but it is also very hard to become.I'm working hard to get ahead in this field , I'm a student at the college and we all know that universities/colleges only give us degrees.The main thing is is to learn our skills,we are successful at learning the the skills we do not take benefits from getting just a paper bag(degree).I always give more importance to skills and will also advice you to try to focus on learning skills more and more because it's areal key to success whenever you go in market they would never ask you about your degree they just tell you what can you do?

Purpose

As I told you that I am also a learner ,same as you ,my purpose is to share with you all those things which I learn from my skills, and hope so in future I will share my experience with you guys as a full stack web developer.I will do my best to share or teach you each and everything which i know in this field ,till now. The main thing ,that ,I want from you guys,is, if there's any more experienced person ,who have better knowledge as compared to me, kindly tell me ,my mistakes, my weak points, so ,it can help me out in getting better my skills. For each reader it's also my request to you all that you would kindly point me on the spot where you find my mistakes.Because from someone I was listen that,

INDIVIDUALLY WE ARE ONE DROP BUT TOGETHER WE ARE AN OCEAN.