Building a Website in Notepad++ in 2019 Part 1

Подписаться 4,6 тыс.

Просмотров 150 тыс.

50% 1

In this tutorial I'm building a website in Notepad++ with html5 and css3. This part describes how to layout the website on a desktop.
My social links:
My blog:
unkertmedia.com
LinkedIn:
/ timothy-unkert
Teacher Pay Teachers Store:
www.teacherspayteachers.com/S...
Twitter:
/ timothyunkert
Notepad++ Image from Wikimedia Commons
Image Attribution:
Don Ho, GPL www.gnu.org/licenses/gpl.html, via Wikimedia Commons
File URL:
upload.wikimedia.org/wikipedi...
Page URL:
commons.wikimedia.org/wiki/Fi...
Notepad++ logo attribution:
Dan HoThe chameleon used in the Notepad++ Logo was originally created by Hayes Roberts (see [2] on his website bluebison.net.), CC BY-SA 3.0 creativecommons.org/licenses/..., via Wikimedia Commons
File URL:
upload.wikimedia.org/wikipedi...
Page URL:
commons.wikimedia.org/wiki/Fi...
This logo was not changed.

Опубликовано:

14 янв 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 119

@lovemoreshabeenzu3803 11 месяцев назад

very helpful.... i watched it the whole night and even now am still rewatching it

@jackmeister4354 2 года назад

This video is incredibly easy to follow. As someone who has always wanted to take coding more seriously this is amazing for learning!

@shibaramen56 2 года назад

Epik!1!!!1!11! now I can make my own website project for the school! you rock!!

@Sipho.mdluli 3 года назад

MAN THANK YOU FOR THIS VIDEO PLEASE KEEP EM COMMING

@tiktutorial2275 3 года назад

Nice video Man, this helpfull to make me understand about the coding, "how to use the dots for the css and what make match it or suitbale in index.html" Thanks Sir :) Subs from Indonesia

@arinzemiracle4798 3 года назад

New subscriber from Nigeria🇳🇬

@Excellencegroup 2 года назад

great video! you can realy explain well to viewers again Well done!

@jessstaples9758 4 года назад

Thanks for the video! Using the info for an assignment.

@Runic_ 4 года назад

Dude ur amazing keep up the good work and don't let anyone tell you otherwise

@venomfiedd167 3 года назад

Boooooooooo

@chrissy-ef9to 4 года назад

I tried everything and refreshed the page when I was done but the whole thing wasn't aligned on the website like it was for you and I'm afraid if I changed the format to look aligned on my laptop, it might come out scattered on someone else's laptop.... PLEASE I NEED HELP😭😭

@rrc5982 4 года назад

If you were to connect to a database, which would you use?

@hereticwaffle5514 2 года назад

This video helped me a ton, but I’ve now got the habit of referring to cooking as decoding food

@promisenikoi7423 3 года назад

God bless you sir

@djangonunez5042 3 года назад

Hi!! I am using the Notepad ++ text editor but it does not recognize the "src" and "url" in the @ font-face of the css code to import custom fonts. What can I do to solve this problem?

@bowlstorts6922 3 года назад

thanks sir im a bit late with my project but its finished

@randylovett532 10 месяцев назад

Hello, I tried to copy you but when I created the style css folder, my text did not move any clue what could be wrong?

@lahertrivedi4887 3 месяца назад

hey it 's very helpful video, but i wanted to ask you one question i am refreshing the website but i am not getting the text in middle. Can you please help me with.

@maximilanriccomini4654 4 года назад

Thanks this was super helpful. I just would say that you slow down a little for the beginners being drawn in from the yt algorithm

@shubhamjaat7270 4 года назад

Nice bro

@louietheswan9689 3 года назад

Great video, it helpped

@usuitakumi1971 3 года назад

or can i do like whitout a second file in notepad ++

@shivamkafle5768 3 года назад

Thank you man

@JuliusMcRich Год назад

Amazing

@21dreams9 3 года назад

@Timothy Unkert I can't make my web page align in the center. How do I make that happen because I have done the CSS part and saved it but I tried to refresh the page but it didn't work

@TimothyUnkert 3 года назад

put the content in a div and give it a class of container or something you can remember. your content In your css with a class of container you would write something like: .container { max-width: 600px; margin: auto; } This would give it a max width of 600px and center the content in that div. Make sure you aren't missing any semi-colons at the end of your css or brackets or else it won't work.

@Prof1cy 3 года назад

@timothy Unkert how do i add a background image whenever i try to search it its notepad not notepad++

@TheNosemeister 3 года назад

you need to download notepad++ seperatly, notepad++ is the sequal to notepad

@rajuprasad3575 7 месяцев назад

what we have to do if the link relationship between html and css will not work because in my case the rel was not working

@LourensvdMerwe21 Месяц назад

check if you put text/css or type/css next to type

@usuitakumi1971 3 года назад

@Timothy Unkert why isnt working the css folder like when you type body to me looks black and to you look blue and isnt working what i have to do

@davbishdb 3 года назад

make sure you save it as .html

@SDFIFA31 3 года назад

thanks a lottt

@samuelyohannan8277 2 года назад

For me in the computer the first symbol u used it is showing as an apostrophe mark..

@rhyssyg 3 года назад

Do you need to open it in chrome or can it be something different?

@TimothyUnkert 3 года назад

Any browser (chrome, firefox, edge, opera, etc) should work.

@MariaJameel1996 3 года назад

Thank you😁😁

@gravitydarwin5822 3 года назад

Thank you sir

@reddit1018 2 года назад

Stopped at 11:20 hopefully I can finish this

@jaccokapitein3223 4 года назад

be still for the lord and wait

@quitoxictv8307 Год назад

like a true pro he copy pasted the code (thats not even sarcasm just saves time)

@dd.tsk. Год назад

Hey! So, i really face some big issues where whichever changes i make to the file in order to move everything to the center for example, i refresh the blog and it stays at the exact same way as it was...what should i do?

@couupakb9669 Год назад

I'm having the same problems really frustrating... did you manage to find a solution ?

@dd.tsk. Год назад

@@couupakb9669 with this particular method not at all…just watched other videos from this and other accounts that were more explanatory…!

@dd.tsk. Год назад

@@couupakb9669 just watch the other playlist that he has uploaded in 2020 which is called “basic HTML 2020”

@OmairKamran 3 года назад

Hey Tim, how did you leave some space before typing in line 4?

@TimothyUnkert 3 года назад

I just tabbed over using the tab key.

@legatvslegiones413 3 года назад

@prerittyagi3519 3 года назад

9th line href command not working

@bebeusxl9842 4 года назад

I have a huge problem with this program. Whenever I try to create a website, the code in Notepad++ just gets copied over to my internet browser, instead of creating an actual web page. I tried using different browsers like Chrome, Opera etc. but they all act the same. Oh, and note that I'm saving the files with and .html extension. I would really appreciate some help with this.

@qasimmehmood9762 4 года назад

you have to save it as (.html) for example index.html

@bebeusxl9842 4 года назад

@@qasimmehmood9762 Already figured it out, but thanks anyway!

@paulwma3814 4 года назад

please let me know if there is anything i need set on in the Notepad ++

@TimothyUnkert 4 года назад

I didn't do anything really specific with my set up, I just downloaded the program and used it as is - see Joseph's comment above, without the exclamation mark it won't be a comment which is probably why you're seeing the show up on your screen.

@edrisposnasky6929 3 года назад

its really fun to study this website learning but Im sorry we need alot of explanation. thanks

@TimothyUnkert 3 года назад

I'm starting a more basic html playlist. Here is the first video - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ElQYu1DmR0o.html I'm going to try to put some more up over the next week, then it may get less frequent - my day job is being a high school math teacher and school is going to start in about a week.

@MonaandShaun1 4 года назад

I followed the code to center the nav bar menu, but it isn't moving to the center can you please help. I figured it out.

@zymonzamoras7781 4 года назад

me too

@guyroni6233 4 года назад

Parallel Planet Productions what did you do to figure it out?

@Mario-hq6cl 3 года назад

@@zymonzamoras7781 how?

@prasannamudannayake8735 3 года назад

Me too

@carmelojamescoronado2501 3 года назад

i cant do the style css and i dont know why can some one tell me why i cant do it?

@TimothyUnkert 3 года назад

are you sure you have the css file linked correctly into the page you are styling? Also, do you have all of your semicolons and brackets correct? One error in any of those and it could throw it all off.

@arcticfoxtm8695 4 года назад

gotta love when your css doesnt work when its typed properly B))

@arcticfoxtm8695 4 года назад

nvm i got it

@Runic_ 4 года назад

How u fix it?

@valtterim4168 11 месяцев назад

uhh why is my .css file not doing anything to that site?... I would like to know how and why does that work on your video and not on my computer...

@TimothyUnkert 11 месяцев назад

Make sure you are linking to your css file correctly. It's likely your path to your file is not quite correct.

@fatimaomolori1275 3 года назад

Please next time can you show everything from scratch like how to change the folder from .txt to .html

@TimothyUnkert 3 года назад

Did I change a folder from .txt to .html or a file?

@GtvCsatorna Год назад

Press Save as, then choose all files under where u put the name in, then make sure save it as "index.html"

@Kum5al_3c3 2 года назад

would this still work in 2022 latest version?

@TimothyUnkert 2 года назад

This would still build a website in 2022. Of course, there may be modern considerations that could be included.

@stutteringcris468 Год назад

after all that, my text didn't center. except for the "copyright" and the "home" buttons. everything else in between didn't center. 🥺😞😞

@dejv5555 4 года назад

how to make that I thing ?

@m3do328 4 года назад

you have a tutorial on youtube

@smolkoc4227 4 года назад

alt gr and w

@yannisulakov9910 4 года назад

Shift and backlash

@sparymancallofduty6311 Год назад

Sir I have Doubt what is meta

@TimothyUnkert Год назад

Meta tags tell the browser and search engines info about your web page. For instance the meta charset tag allows special characters to render correctly in the browser. The meta viewport tag allows your page to render nicely on different size devices and the meta description frequently appears in searches. There are other tags as well, for instance to not index a page or a canonical tag to deal with duplicate copies of the page.

@OMpixels 3 года назад

8:01

@user-iw3yu4qe6j 2 месяца назад

SIGMA BALLS

@m3do328 4 года назад

I followed your steps but when I started to making CSS style by your steps it doesn't work can you please reply to me I will appreciate.

@TimothyUnkert 4 года назад

There are a couple things you want to check - first clear your cache in your browser history, 2nd step would be to make sure you are linking your css file into your other file - for example you index.html should have a link to your css. I hope that helps.

@m3do328 4 года назад

Thanks for your reply. I'll try it.

@nicolasmathys2062 3 года назад

Thanks funny teacher btw

@vandycbv502 3 года назад

I am failing to ad pictures

@Joeben2016 3 года назад

The style css file I believe is not working as it is not aliging

@DesiVlogger-1 3 года назад

#ThmonthyUnkret Sir i done css style and saved also but could not algin my content in center i did all all like you Plzz help us

@TimothyUnkert 3 года назад

check that you have all your semicolons and brackets in your css. one small error will throw everything off.

@DesiVlogger-1 3 года назад

@@TimothyUnkert You are A good Person your vedios are help ful but i problem in part 1 css style ok I see whats happen

@nasus_elyob 3 года назад

this is a shambles of a comment

@prerittyagi3519 3 года назад

@@DesiVlogger-1 spellings don't make excuses like ' English isn't my first language ' english is also not mine first language

@Amplifyaffiliates Год назад

why when i select refresh nothing happen

@TimothyUnkert Год назад

Could you elaborate a bit?

@liminalsequence Год назад

hmm, nice work. but I just can't get the css thing to work.

@TimothyUnkert Год назад

check the spelling and path of your link tag in the head of the html document.

@nazianazir7181 3 года назад

the style css file dosant work

@viralvideos9502 3 года назад

when you will save css change the type during giving name to css and change it to stylesheet.css

@OMpixels 3 года назад

7:32

@redapple1599 3 года назад

is that actually copyrighted>

@extrax2003 2 года назад

(Ignore im just timestamping where i was last) 13:26

@OMpixels 3 года назад

4:29

@zimek2665 2 года назад

15:37

@beatlazi5845 2 года назад

CSS Doesn't work

@TimothyUnkert 2 года назад

Check to make sure you linked in the CSS correctly.

@beatlazi5845 2 года назад

@@TimothyUnkert I did but didnt work

@TimothyUnkert 2 года назад

@@beatlazi5845 what is your code for your link and where is your css located?

@vpx_mbyt7663 2 года назад

How the fuq is part one

@anwarkovoor7959 2 года назад

100th comment

@anfanglove 3 года назад

this is definitely not for a total beginner.

@TimothyUnkert 3 года назад

Hi Adrian, here is a link to an html tutorial I recently uploaded. I would go through that, then my css tutorial, then you should be building great websites in no time. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ElQYu1DmR0o.html

@anfanglove 3 года назад

@@TimothyUnkert thank you :)