How to clone a website
HTML-код
- Опубликовано: 22 авг 2024
- 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
Legends are watching this to fulfill their clients demands 🤣
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
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!!
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
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
had to speed up to x1.25. thank you for the video though!
x1.5
Hahahaha 😂
Perfect 💯💯💯
10x
Thank god you gave me the idea
How much would you charge to clone a website for someone?
Thank you so much! But seem like Twitter hide all html and css, I cannot read anything
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 ?
where is the js cloning/editing tutorial????
Anyone knows the other video she talks about? Can’t find it. Great video tw thanks!
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
never subbed so quick b4.
Right click in a website > Save as..., 3 seconds
Video is good, but I think developing a section is faster than copying from other websites and spending time to understand other developer code.
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.
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
Thanks a lot, im newbie in developing that well help me.
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?
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?
Please what’s the text editor you used ??
very helpful and comprehensive. thanksss
Awesome , Thank you!
Wow! thanks a bunch
what are the legalities of this? Like this seems too convenient...
A valuable tutorial and i really appreciate for clear explanation with example
THANK YOU SOOOO MUCH FAM! MUCH APPRECIATED!!!! '''''''WOW''''''' TRULY IS THE WORD TO DESCRIBE THIS ASSISTANCE!!
amazing, is it working on JS (copy js )?
the best video never made in the internet
Thankyou so much for this video .......badly needed one...Love from India..
Hey bro did it work?
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.
Hey Maggie,
Are you for hire? I’d like a price quote or a project I need done. How can we talk?
Im available...Good rates as well
@@jazzhippie3878 Are you available for hire? What's your price? I need a site cloned... of course, I will need to edit it too, later.
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?
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......
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.
Thank you, Maggie! You're really good teacher.
Excellent Maggie👏🏼
Great job but maybe 1.125x too slow.. also, when you click or right click and do Open or Open Page, viewer cannot see where or how you're doing so, nor is helped if we are on Linux , formerly Windows, and I saw you're on Mac..
Thank you it was very useful
ana aneek omash didnt show me how to go to academy you just cut the video there smh
I need to konw more methods to work less and smart not hard. Copy past and little modifying.
Big thanks
Hi, how to translate a website or make a site multilingual from the source code
You can't copy the php files... only html and css
how you determined that its style.css
Or you could just File | Save As
The text editor she is using is called: BRACKETS......
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?
really helpfull thanks
Thanks Codecademy team for this nice and valuable trick for html/css coding process....
May I ask if you have videos on publishing websites?
I watched so many times
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
This tutorial recommended thnks
what about the images though?
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.
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
When I go to open file & search then I cannot find index or style.css
I really wanna copy and paste my spinner from another site that I customized and then customize it on my site
So what about the other external links in the html code what do we do about them ?
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!
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.
thanks Gabby i love you
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 was great, thanks!
and people telling me it cost 1 grand to clone a single small web page make simple edits and avoid plagiarism suits.
Coders who think it some secret wizardry give the business a bad name this video makes it so clear its not worth 1 grand.
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.
hmm I don't have a spot for index.. when copying the HTML do I have to copy each folder.
How do I display the website on local with my IP address?
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?
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.
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?
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.
Oh wow! Thank you so much sweetie. Bless you real good. Stay well!
Thanks
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
Hi Maggie how can i find you in Codecademy?
hi magi
@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
I tried this but whenever I share website with someone, then in the description it shows the description of original website not mine😐
thank you
i tried doing this, what appeared on my screen was nothing like the site.
Hm, will main file execute original commands when you type something from cloned file?
Great content. Very helpful
Excellent video. Very helpful.
why save each item via 'inspect element'... why not just save the entire page and it's contents via Ctrl + S > save as > index.html... which saves index.html with sub-folder full of it's content e.g. main.css? sure it's nice to see that you can review & edit the code using the chrome devtools... but i don't see where it is useful WRT cloning a website. instead i think that you prob lost a lot of people.
Thanks ma'am. It helped alot.
Thank you, Maggie.
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 :-(
thanks.. i am still waiting for the js part.!
Very useful, thank you!
lots of love
What's the point of cloning a page?
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?
Ma u didn't talk about the JavaScript and php part, how can we copy and edit it
I tried this step by step and still couldn't figure it out
are your fees to develop a website expensive ??
Anyone else watching this video with 2x
Narrator's sound is inaudible and not clear. If you could voice-over by someone who is clear and loud, better.
Thanks for tips