Html Tutorials For Beginners – Web Designing | [w/ subs]



00:00:00 – hi guys what's up this is Navid here
00:00:03 – from Navi place.com and this is a very
00:00:06 – first lecture on web designing so before
00:00:11 – you go towards the code and the
00:00:15 – designing way we had better know what
00:00:20 – basically web designing is for this I'm
00:00:23 – going to show you the website for this
00:00:27 – you have to open a browser in this case
00:00:30 – I have Google Chrome so right here
00:00:35 – Naveed place.com so this is my website
00:00:41 – so what i was saying you that web
00:00:45 – designing so we will learn did how to
00:00:49 – design a website nice totally construct
00:00:52 – a website for example for example this
00:00:55 – way
00:00:56 – good evening so for example how can you
00:00:59 – make a website by color how can you
00:01:02 – change the color background each and
00:01:04 – everything nowadays you see a very
00:01:06 – good-looking website so it's because of
00:01:08 – web designing so in this series of
00:01:11 – representing we will learn how to make a
00:01:15 – cool-looking upside with the help of
00:01:18 – html5 and css3 now these are the most
00:01:23 – important languages you should know
00:01:26 – before you start creating a website so
00:01:29 – in now you don't need to take intention
00:01:31 – about these languages because we will be
00:01:34 – clear and our confusion regarding html5
00:01:39 – and CSS in the detail in upcoming
00:01:41 – lecture so this is web designing now
00:01:46 – second thing is that so we're kindy
00:01:49 – riedel code okay you seduced you told us
00:01:53 – okay we will discuss the code in the in
00:01:56 – the against in next lecture but where
00:01:58 – can we write the code we need we need
00:02:00 – some place so yes for this place I'm
00:02:03 – going to show you this so for this you
00:02:06 – if you go in you start and here you type
00:02:09 – the note page
00:02:12 – so here you can see note period but you
00:02:16 – may have or you may not have a notepad
00:02:19 – plus plus a stall in your computer now
00:02:22 – what is notepad plus plus and note paid
00:02:24 – is notepad plus plus a note plate note
00:02:28 – bit are basically same if you make
00:02:31 – website in both of them so there will be
00:02:34 – no difference
00:02:35 – but while creating any website it is
00:02:39 – good for us to make the environment
00:02:42 – which can help us to create website
00:02:44 – proper so notepad plus plus is the best
00:02:48 – software according to me for creating
00:02:52 – our website I do agree nowadays in the
00:02:55 – market a lot of software's are available
00:02:58 – free editing software's are available
00:03:00 – but I recommend you to download and
00:03:03 – install no pay plus purse now this
00:03:07 – question may be arise in your mind sir
00:03:09 – you told us ok notepad plus plus but how
00:03:12 – came it download note paper brushless
00:03:14 – may you tell me the way so yes I am
00:03:17 – going today I am going to tell you the
00:03:19 – way
00:03:20 – so the for this you have to open any
00:03:23 – browser and in browser you have to type
00:03:26 – google.com now as you type google.com
00:03:30 – the google.com website will be appear in
00:03:32 – the search box of google.com type
00:03:35 – notepad plus plus what note pay plus
00:03:39 – plus and as you can see as I type I have
00:03:43 – the first answer or first link is note
00:03:47 – pay plus plus website so just click on
00:03:51 – notepad plus plus website and as you can
00:03:53 – see here notepad plus plus is giving us
00:03:56 – a big you can say button call this name
00:04:01 – is download this is click on that and as
00:04:05 – you click your downloading will be
00:04:09 – starting I already have I right now you
00:04:12 – can see that if I click on start
00:04:14 – download it will be downloaded but right
00:04:17 – now I already have no pay plus plus
00:04:21 – stall in my computer so I no need to
00:04:23 – download but for
00:04:25 – you are working to just click on
00:04:27 – download' and just stall not pay plus
00:04:30 – plus in your computer so just click on
00:04:33 – that when you complete downloading
00:04:35 – notepad plus plus and when you have
00:04:37 – stall note pay plus plus in your
00:04:39 – computer so what you need to do is to
00:04:42 – come in the start and here you have to
00:04:44 – type notepad plus plus so as you can see
00:04:47 – here no pay plus plus I've downloaded
00:04:51 – and launched in my computer so when you
00:04:53 – open notepad plus plus first time so you
00:04:55 – see note wave plus plus in this way
00:04:58 – before we go towards the typing in a
00:05:01 – coding session we had better save our
00:05:05 – file for this I will go the top left of
00:05:10 – the note pay plus plus and click on file
00:05:13 – and here I will click on save as and I
00:05:18 – will make up one folder now it is good
00:05:22 – first to make a one folder because of
00:05:24 – two reasons the first is whenever you
00:05:28 – may need your work it is good for you or
00:05:30 – it will be better for the future use for
00:05:34 – instance you made a one site and you
00:05:38 – didn't manage the the old content so
00:05:41 – when you open that website again in
00:05:44 – order to work you will be confused of
00:05:47 – words of that file is located where that
00:05:49 – file is it will be confusing seconding
00:05:53 – is dead for example if you have a drop
00:05:56 – and if you don't manage your cloths and
00:05:59 – all the stuff so when you open it will
00:06:03 – be you know big headache for you ok
00:06:05 – where my clothes are permit also as well
00:06:07 – my bad
00:06:08 – where's my bed all the things will be
00:06:10 – confused so same here then if we make a
00:06:13 – folder it is good for us to manage so
00:06:16 – here I will right-click and and make a
00:06:21 – one folder now here is totally up to you
00:06:25 – what name you like to give here I am
00:06:28 – giving Navitus dot-com is totally up to
00:06:30 – you ok so I will go inside of this
00:06:34 – folder and here I will type index dot
00:06:38 – HTML
00:06:40 – okay I know you're confusing and say sir
00:06:43 – you are not explaining okay tour
00:06:44 – technician okay so index what is being
00:06:47 – index and not HTML they talk about index
00:06:51 – you know I mostly and I like to give the
00:06:55 – name index the first page of my website
00:06:58 – is totally up to you what name you like
00:07:01 – to give now after index you can see dot
00:07:06 – HTML so what basically STM it is dot
00:07:09 – hTML is the expansion what extension if
00:07:13 – you go and if you right-click any
00:07:16 – software and if you go in the properties
00:07:18 – and for example right now I don't know
00:07:21 – for example do I have software install
00:07:24 – oh no I don't have but most of all time
00:07:29 – you know when you have a software if you
00:07:31 – go in the properties of the software you
00:07:32 – find out
00:07:33 – ext so see him here when we are making a
00:07:36 – website so we are bound and we have to
00:07:40 – give the name or extension dot HTML
00:07:44 – otherwise it won't call the HTML file or
00:07:49 – web site ready me so we have to give
00:07:52 – HTML okay so after completing this all
00:07:55 – you click on Save button and we have
00:07:59 – successfully made our file with the name
00:08:02 – of s index dot HTML now what I do I will
00:08:07 – go inside the folder or Naveed press.com
00:08:10 – and here you can see right now we don't
00:08:14 – have we are not able to see our file
00:08:17 – because even though we made we there is
00:08:20 – no any Europe we made our s3 or against
00:08:22 – a notepad plus this file or notepad file
00:08:25 – or text file but right now we are seeing
00:08:29 – the browser file because remember we
00:08:32 – gave the HTML we gave the extension dot
00:08:36 – HTML therefore it click recognize it and
00:08:39 – it is assuming that it is a file of web
00:08:42 – designing our website so if I just
00:08:45 – double-click on this browser or you say
00:08:48 – this link as you see here a page is open
00:08:51 – and this empty page because we
00:08:53 – didn't write anything here and if they
00:08:55 – write here something folks on but Naveed
00:08:58 – okay if I write here Naveed please calm
00:09:03 – okay please talk home and if I hit good
00:09:08 – and if I come here this ice as you can
00:09:10 – see here this is a file off our note
00:09:14 – paper stuff so basically this was our
00:09:16 – introduction to web designing when you
00:09:19 – come next lecture I will tell you that
00:09:21 – some basic course means body head and
00:09:26 – all these things we will discuss in the
00:09:28 – next lecture
00:09:28 – so laughs is CM allah will meet the next
00:09:32 – lavash


Video Url:
http://youtu.be/Ed4mBFMpgpw

Comments

comments