How to clone a website
ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2019
- If you want to practice your website-making skills, you don't always have to start from scratch to find ideas and write boilerplate. With a little knowledge of HTML and CSS, you can get a head-start by cloning an existing site. Just make sure you use these powers for the forces of good, not evil.
Learn HTML and CSS with Codecademy: j.mp/3vLga3G
- - - - -
Join the millions learning to code with Codecademy.
Learn to code: j.mp/3xS4X2X
Check out our full course catalog: j.mp/3elYPIL
![How to Copy Any Website With a Click For Free, Edit & Make It Live [NEW]⚡️](http://i.ytimg.com/vi/GkcnlFc7IMk/mqdefault.jpg)
![How to Copy Any Website With a Click For Free, Edit & Make It Live [NEW]⚡️](/img/tr.png)
Legends are watching this to fulfill their clients demands 🤣
this is a beautiful way to boost our coding skills and learn from fully functional websites and codes
I'm going to dedicate entire days to just looking up website source codes!!
Highly recommended to watch at x1.25 speed
×1.5
0.5x she talks to fast
No at 2x
Thanks
×1.5 for me haha
I love your video it's very clear and detailed, I just became your favorite fan. I'm so passionate for computer science I'll follow your page as my class every day lol
SAME!!
I had to double check to see if i was subscribed!!
Hi Maggie,
I find the information useful for webpage designers students like me who knows html and css but not javascript or python yet.
thanks
Akife
I almost didn't want to upvote in fear of losing this feeling that I know something valuable that most people don't. This video deserves so much more than 4.3K upvotes! This knowledge is power friends
this aint reddit luh bro its called a like 😂
sometimes i do that too lol
Thank you, Maggie! You're really good teacher.
Very useful, thank you!
A quicker way to copy the index html file is to do CTRL-U as a shortcut or add "view-source:" to the beginning of the URL :)
Thanks! It worked
ths！！！ but what about the css file or js file. sometimes it's difficult to find it. And i just a beginner
Excellent Maggie👏🏼
never subbed so quick b4.
This is good for starters like me. I will try it out. Thank you Maggie. I wish I have you live every day for my everyday questions when stock. Thanks again.
Video is good, but I think developing a section is faster than copying from other websites and spending time to understand other developer code.
Thanks Codecademy team for this nice and valuable trick for html/css coding process....
Hi Maggie thanks for the video, the web site I intend to clone, the index(HTML)code is not opening at the source, what do I do?
Excellent video. Very helpful.
Thank you, Maggie.
Thanks. Could you please tell me a way to see in the inspect section when a specific page of a website was first published and when was updated / edited? I tried to find this answer in many ways for a website but its all locked, I mean there is no such information on the pages.
Hi Maggie, this there a script out there that will allow me to edit in Visual Editing (edit website like you are seeing it) as well as image changing. Something just like wikipedia and the feature Visual Editing when inserting more or deleting text? Cheers Maggie
the best video never made in the internet
Hello thank you for the video. I have been trying for several mounts to learn coding and i believe this is the best way to learn it faster. Please let me know if you have any online courses thank you.
Hello! You can check out our course catalog here: www.codecademy.com/catalog
A valuable tutorial and i really appreciate for clear explanation with example
Thankyou so much for this video .......badly needed one...Love from India..
Hey bro did it work?
Wow! thanks a bunch
Great content. Very helpful
very helpful and comprehensive. thanksss
Wow! Talk about impressive.
This was great, thanks!
Does this apply to all websites? I tried doing it to one but I can't find the html code unless I click on the "view page source" instead.
Hi Lady Maggie!
I really appreciate you for this video tutorial. I really find it very useful and all steps and your explanations where very detained. Thanks and God bless. I wish to watch more of your tutorial videos.
Hi austine
How much would you charge to clone a website for someone?
@codecademy Any Chance you could do a video of how to take a website and change it into a program on my computer? i Want to make some small changes and add some stuff to what they have but I want it to be on my computer
Thanks ma'am. It helped alot.
THANK YOU SOOOO MUCH FAM! MUCH APPRECIATED!!!! '''''''WOW''''''' TRULY IS THE WORD TO DESCRIBE THIS ASSISTANCE!!
Thank you it was very useful
Awesome , Thank you!
Anyone knows the other video she talks about? Can’t find it. Great video tw thanks!
how you determined that its style.css
Hello, I'm trying to copy the elements from my new tab page using the New Tab Studio Chrome extension so I can reference a local file for a screensaver plugin I have on my macbook. I have copied everything in the inspect element panel for index.html and main.css but nothing loads when I open it in Chrome. Is there a reason this won't work locally? Thanks for a great video!
Please what’s the text editor you used ??
Hi Maggie, thank for the nice knowledgeable video. I have my own PHP website that I need to migrate to WordPress, can I do the same way? or please advise.
I want to completely copy a website online from a business overseas and change a few things to make it mine to use in my country is that easy?
Hi, how to translate a website or make a site multilingual from the source code
Hey
I tried this and it seems pretty easy but i couldn't find the css file where there s the css cpde for Microsoft website
Idk maybe the name of the file is different so what should i do to get it?
hmm I don't have a spot for index.. when copying the HTML do I have to copy each folder.
thank you so much didi ap ka 4 min ka video ma hamara kam ho gaya,,Harshika is glad that you made this video and dhvani subscribes you channel, and faiz left......
Hm, will main file execute original commands when you type something from cloned file?
Thank you so much for the video
thanks.. i am still waiting for the js part.!
Hi I’m interested in making a website I seen a business website and I would like to make one similar can you help me ?
So what about the other external links in the html code what do we do about them ?
Right click in a website > Save as..., 3 seconds
Oh wow! Thank you so much sweetie. Bless you real good. Stay well!
Thank you so much! But seem like Twitter hide all html and css, I cannot read anything
Ma u didn't talk about the JavaScript and php part, how can we copy and edit it
Thanks a lot, im newbie in developing that well help me.
where is the js cloning/editing tutorial????
neat-o i learned something today
I just need to figure out how to read the wp code to see what someone did (I know html so well, but I can’t tell what was done by the wp code :-(
Hey maggie I cloned a website and now I am opening that website code in vs code editor but after doing the necessary editing only text is changing not the images. Like I am putting my image URL on the place of website image URL but after saving it and opening it with live server the preview is showing me the images of cloned website not mine and in inspect element it is showing the image code of cloned website not mine why. I am trying from 6 hours and nothing is works for me. Will you plz tell me how can I change the images and edit it.
This tutorial recommended thnks
really helpfull thanks
amazing, is it working on JS (copy js )?
I tried this but whenever I share website with someone, then in the description it shows the description of original website not mine😐
May I ask if you have videos on publishing websites?
The text editor she is using is called: BRACKETS......
Hey, I am pretty much behind with my task to publish an eCommerce site..
Kindly share an updated link of the video where you have shared the same..
Thank You.
Thank you for your tutorial. Can a company's website know if it has been copied or has tried to be copied? Without the cloned / copycat site being launched, of course.
Yes it will know if it was plagiarised but if you edit the class, id, function name etc then it won't. They have a copyright to their website therefore it is an offence to plagiarise their work.
are your fees to develop a website expensive ??
Is it preferred to copy from Inspector instead of right clicking the page, viewing page source, and copying the HTML/CSS from that?
No. It's much easier just to view the page source and click on the CSS links.
You don't have to go through all this copy and pasting stuff at all.
Thanks for tips
When I go to open file & search then I cannot find index or style.css
legally, can I clone a website and then edit it to make it my own live website? Would I just have to change the javascript to make it my own?
I need to konw more methods to work less and smart not hard. Copy past and little modifying.
Big thanks
thank u so much sssoo helpfullll
The thing is cookie clicker is blocked on my school website and i just want alle the assets including sounds, images and all javascript files so i can host cookie clicker myself on a different domain. Can anyone help me?
Hi Maggie how can i find you in Codecademy?
You can't copy the php files... only html and css
thank you
Hi I want to copy my suppliers products etc into my wiz website can you help me
what about the images though?
great video
thanks lady
How do I display the website on local with my IP address?
Great!
thanks Gabby i love you
I really wanna copy and paste my spinner from another site that I customized and then customize it on my site
Great video. Does anybody know, how to copy that css file so that it is legible and not jumbled?
Yes
Yes, in atom for instance you can install an extension called beautify which enables you to clean up jumbled code and lay it out hierachically.
I watched so many times
What is d name of d app you’re using to clone d Twitter
This is not actually cloning anything. Most of that HTML was generated using python, php, or some scripting language. What she captured was just a snapshot in time. Static HTML is basically useless unless all you want to do is mess around with CSS styles.
You sure?
at 6:41 when you pasted the source code from google chrome developer, are you using SUBLIME to edit? I am new to this.
No, it's Brackets.
How can i contact you?
what are the legalities of this? Like this seems too convenient...
i tried doing this, what appeared on my screen was nothing like the site.
why dont u tell us what editor u are using and i got lost after i made the files in the chrome editor and dont know how to navigated what i did to a preview of site u just skipped this in ur video all together
Thanks
Using wget from the terminal to download *ALL* of the assets for a site (images, style sheets, etc.) with a single command is a *MUCH* better way of downloading all of a site's contents..
what is wget?
Or you could just File | Save As