How to make a website using Notepad | Beginner's Tutorial
Вставка
- Опубліковано 16 жов 2024
- How to make a website using Notepad | Beginner's Tutorial
In This Tutorial, we will learn how to create a webpage in HTML using Notepad. Notepad Editor is a text editor built into all Windows computers. There are many advanced code editors or software also available. However, we will use the default and general editors like Notepad for beginners to make an HTML website.
👉 For source code visit: www.divinector...
👉 Buy Me A Coffee: www.buymeacoff...
Follow this Channel:
--------------------------------------------------
Website for Source Code: www.divinector...
Facebook: / divinector
Twitter: / divinector
Instagram: / divinector
Subscribe to this Channel: bit.ly/23QaHDm
===========================================
--| Watch More Videos on Webdesign | --
-----------------------------------------
▶️ Full Website For Scratch: cutt.ly/0NCSXoV
▶️ Flexbox examples: cutt.ly/XmYdofE
▶️ Navigation menu Tutorial: cutt.ly/7mYdnGX
▶️ Ken Burns Effects: cutt.ly/wmYdfRb
▶️ Swiper slider tutorial: cutt.ly/WmYdWu0
▶️ Slick slider tutorial: cutt.ly/5mYdTl3
▶️ Footer Design: cutt.ly/ZmYdUHB
▶️ Pricing Table Design: cutt.ly/emYdAaY
▶️ Contact Form Design: cutt.ly/5mYdFgT
▶️ CSS Image Hover Effect: cutt.ly/9mYdK6v
▶️ CSS3 Animation Snippets: cutt.ly/umYdBCz
▶️ Home page design: cutt.ly/7mYd9Zs
▶️ Web Design & Development: cutt.ly/nmYft52
▶️ Text Animation: cutt.ly/QmYfpA4
▶️ JQuery Plugin Tutorial: cutt.ly/MmYffYb
▶️ HTML Template: cutt.ly/AmYfj0s
Image Credit:
--------------------------------
Pexels
#divinector
i was good at this back when i was in grade 12 to the point that some of my classmates admired me. now that i am in 2nd yr college, i completely forgot the whole process:
making mistakes makes you learn and grow nobody is perfect
Bro I'm in grade 8 and I'm learning it! I even have a test all about it tomorrow
This was really helpful especially now because we need to make a business website using notepad
Ive been watching this channel for quite some time now... never seizes to amaze me... If i may say, this latest way of presentation you've made is way better than your other vids... Pls make more like this method... salute to you as always...
hi! this helped me so much! Just one question, Is that for only one of the pages? if so, could you teach me how to have several pages on the website? Thanks so much!
@Anshika Kapoor thank you it helped! I have a project
Is it like we need to type everything the same as he does and save it and open it with fire fox and then open it with is completed or what? And if is not like that and still some works behind then its not for beginners......
t-the background s-song makes me feel sad b-but in the same tim im happy because im gonna get +50 points on learning t-this
Tim
bro got damn, how do you have a stuttering disorder even when your typing
@@kennquoxes7338 bro god damn how do you spell god into got and you're into your
Somebody ohhhh he needs some milk
w-why a-are y-you s-s-s-s-s-stuttering i-i-in t-te-te-text?
How to have a word logo and home, about, portfolio, services and contact at the top of the image? I usually get pictures in google but everytime i open the picture with firefox, those words aren't at the top of my image.
Is this website going to be public on the www?
How do I upload it I'm trying to it's not working
the home button ect is in the wrong place and i cannot work out how to float it right.
also the image is not filling the whole of the screen .please help bro you are my sensei
finally. make more notepad videos bcuz this "Notepad++" Always Gets in The Way
thanks for the visit
@@Divinector hi ineed help i cant remove the underline in the home, about things
Hi, may I have some help???? how can I change the "logo" part to whatever I want cause I want to write my name...
Write your name inside ''logo' Div
Really good vid, but could you explain what all the stuff you are doing means?
Hey Thanks for the Vid! it was very helpfull
i just wanted to know how do i change the color of the main text you have typed after the image
Bro after saving this process in notepad how to open it on chrome
Thank you so much I'm using it for my assignment ❤
Great!
@@Divinector I passed using this thanks a lot
good to know :)
If I will click on home does it will be going in next step or for that we have to do more coding???
you can copy and paste it all
Please help me this is for my subject, tell me what app is lorem ipsum?
use emmet plugin in your code editor
waited for you to export the code but diidnt see anything so how did the website read the code when nothing you showed connected them, thnks
In the description
Thank you..... After learning from this video I made my first website.... 😌🤗😁
Great 👍
I wanna see it!
How did you get those complex sentences and the pictures.
Lorem ipsum is a placeholder text commonly used in graphic design, web design, and publishing to represent blocks of text. and images are from pexels website which are copyright free.
Hi I love your vids, but how do you drag the part?
copied and paste
U teach in very simple style..... Loved❤ it
My image does not work. It says in properties "file not found" for all of my images I try to upload to the website.
Thanks a lot
🙏🙏🙏🙏🙏
Thanks for the visit
What is the name of the background music, it's so calm and amazing. It brings peace to me.
whenever I open it with chrome it just shows me the note and not my image or the text that say home about and the rest can you tell me how to not get that same outcome
Please get the source code from description box and see what is the difference.
Divinector,
LWA, Inc. likes to make a website by using Notepad. Thank you for making this video.
- Your best UA-camr, 9-Volt.
One question. How can you make those Elements(IDK what it is called) work: "Home, About, Services and, Contact"
For my project.
change the names in the brachets like this
the button name so altogether it should look like this.(name meaning what you want to call the button
name
name
name
name
name
(name meaning what you want to call the button)
But wont home contact ect disappear?
I am doing everything the exact way but my headers are appearing right. I am not sure where I am going wrong
Please find the source code in description
how do i make the website official and add a url
Thank You for the beginner tutorial! I learned a lot. I know its been 2years since the video was posted. I'm sure a lot has changed since then. My only problem was at the 7:48 time mark in the video. I could not get the "nav ul li a{}" to display inline with the Logo? Do you have a tip or suggestion?
Please Download the source code from description
@@Divinector WOW! Thank YOU!! so much... That worked out better than I expected. I really appreciate the feedback. I obviously breezed over the source code section. You're the BEST :-)
How to add image in img tag. I'm not able to add . Using notepad
@@memayurkamble image url
@@memayurkamble you can copy and paste it from other websites which i prefer
Where did you get the mountain image?
pexels
I'm so happy I''m a 10 year old that just made a website all because you you, thank you so much!
How do you do the other pages? like when you click one of the stuff at the top it load s another page, how do you do that?
you have to create multiple pages and link them in navbar
Hello , Thanks a lot for what you doing to teach Us ... Dear I did tha coading same , and having image and coading file at same place ,but banner not showing on browser !! It's comes as a cross image logo ... Why that so ? I checked many time ,and I wrote the exactly what u wrote !!!help me
have you checked the source code in the description box
Class 👏
thanks for the visit
I am a newcomer and it's helped me a lot. Thanks
hi, how do you make the href buttons do something
how would you make it when you click the contact button it will lead you somewhere
HI, TQ FOR THE TUTORIAL BUT MY "PORTFOLIO" & "SERVICES" ARE QUITE CLOSE. HOW TO MAKE THEM IN SAME ALIGN
NVM, I FIGURED IT OUT.. MISTAKE ON > /a
this vid really helps me in my project since i now encounter this coding thing but i have a question where do you put the image code cuz when i put mine their are no image i did copy all that you present in you video so i can master it and learn from it but the image i cant see it.
please get the source code in description box
best video it change my life
Thanks for the visit
But how did the program show up in the browser??.... Like it comes automatically or is there any tag to compile it??
double click the html file or drag and drop the file in a browser
@@Divinector ok... I'll try it... Thanks alot for replying.... 😊
Um so how do you get it to be on Google, so that when you search for it you can find it there?
have to upload that on your domain
@@Divinector and how do you do that?
Hello. Nice looking website! Just a quick question. When resizing, the navigation elements break line and make a white gap between the image and the banner.
How could I fix that?
I have question : How I do when I click in navbar Contacts and it transfers me to Contacts category ?
Watch this one
ua-cam.com/video/9JZNXUO3DWY/v-deo.html
ua-cam.com/video/SOsI29Dx3yY/v-deo.html
@@Divinector Please Answer HOW CAN ADD A IMAGE IN MY WEBSITE
thank you so much, im an expert in block coding (hope u know that!) i wanted to learn about text coding on notepad++ and your video is the best :) tysm im 12 yrs old, ur video is even explainable to me at the age of 12, im not even in the teen)
how to change the word LOGO because I need different word Thankyou!
Btw its a lot help for me huhu
Just Change the text to yours in the 'logo' div element
how do you change the background?
my picture is not displaying, I tried another code too but ;(( help pls
download the code please
@@Divinector wait I got it, I wasn't adding the location first, Now I added like where the file is and it worked. Thanks
@@boltogypogbut where did u put it
wowww super
how to make domain for it example: website.com it says downloads/mypcname/files and things in domain help pls and other dont see site when i give them link
ua-cam.com/video/kvyWeTXCSKk/v-deo.html
I did as you do but the colours are not working pls help out
i am not geting the image my logo is not large and not white in color and the all right reserved its not comming white pls help soon
please get the source code from description box and modify
@@Divinector thank you it helped me
Like i did everything you did but my website doesnt pop up..
get the code from description. double click the html file and it will open in browser
What resolution was the image you use? Can you help me pls?
mine one was 1280x720
bro it is what what is it
unordered list
I wrote the program same as you but I didn't get the image how can I get the image from my browser
have you got the source code in the description
Hello this was helpful but wanted to ask how do I put pictures
i put the banner image src in source code in the description. you can change it to yours
i got mine from google, just copy the image address
nice video and thanks :)
Is the star below in the style is important? And how to put that star?
asterisk
shift+8
Hi @Divinector,
I don't understand how did you add the image thx.:)
image tag and linking the image to root folder
@@Divinector , also sorry for the questions: but another question once i went in the website idk if i coded something wrong or it's supposed to be like that , but what if i want to put multi-navigation pages in my website and email forms for questions from my customers and yeah. thank you.
What is the code without the img?
We have already provided the image. recheck it
Why doesn't the image show up??
get source code from description
I need pictures please how to get these pictures??.... Tell me please
you can get this on pexels
REALLY REALLYY HELPFUL VIDEO!
source code link isn't working.please give me a new link
Alright. check now
What app is lorem ipsum?
Lorem ipsum is a placeholder text commonly used in graphic design, web design, and publishing to represent blocks of text.
Your video helped me for my final project thankss!!
That's great!
Thank you💕
Thanks for the visit
i am having a lot of problem my file is not running poperly especially pictures
very nice video salam
Thanks for the visit
how to change the image help
change the image link to yours in img tag [ banner div ]
I've done everything in the video but for some reason the imagine is not showing. Any advice on what to do
.banner{
height:100%;
}
.banner img{
width:100%;
height:90vh;
}
Have you applied that?
Yes I have still not working 😭😭😭😭
Love you dude u literally helped me with this video at the end moment love from India 🙏
LIVE SAVERR THANK YOU SO MUCHH
Thanks for the visit
Thanks
Welcome
Thank You So Much 💓 💗
nice video made my own webpage it looks amazing
Thank for the visit
I can’t open it on google it says its a text document
have you add dot html extension to your file. if so then drag and release the file to chrome browser.
bro for me the jpg is not come
Sir pls tell how all the content of logo will come horizontal
Perfect
Plus background music is so pleasent i like it
But how will i give a background in tht website
you mean background-color?
@@Divinector yup
remove the image and try to give image container a background color
helped me alot! loved the tutorial
How to view the site u made?
source code in description box
T-the background s-song makes me feel sad b-but in the same tim i'm happy because I am gonna get+50 points
How do you put up a photo ?
what is the link of this website?
check description box
bro did you use css
yes. Internal CSS
4:20 This is my personal bookmark
yo its pretty confusing when you put the opening and closing tags together then put the stuff inside.
use emmet for your code editor
Superb
Thank you! Cheers!
Why do I not have an image in the website when I tested it?
I guess you didn't link the image properly. have you got the source code in description..
how do i add an image
I am trying many times but image in not shown in webpage . What i need to do
msg on facebook group
4:20 how to type that star key?
back ground colour how to add ?
.classname{background-color: lightblue;}
it is so useful thaku for your video
I can't find an image in final results help me anyone ?
did u download an image and put the name in?
Please find the source code in description