LinuxQuestions.org
Visit Jeremy's Blog.
Home Forums Tutorials Articles Register
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices


Reply
  Search this Thread
Old 05-16-2013, 05:05 PM   #1
harry_ord
Member
 
Registered: Nov 2012
Posts: 61

Rep: Reputation: Disabled
Download a webpage


Hello

I'm learning to make webpages and i want to know how to do all those beautiful webpages you find on the Internet. So i want to know if is there a way to download a whole webpage from the Internet, all it's files, the code and more importantly, the CSS for "reverse-engineering".

How an i do it?
 
Old 05-16-2013, 05:17 PM   #2
JWJones
Senior Member
 
Registered: Jun 2009
Posts: 1,444

Rep: Reputation: 709Reputation: 709Reputation: 709Reputation: 709Reputation: 709Reputation: 709Reputation: 709
You would use the "wget" command in the console, followed by the URL you wish to download, such as:

Code:
wget http://www.linuxquestions.org
 
Old 05-16-2013, 05:46 PM   #3
John VV
LQ Muse
 
Registered: Aug 2005
Location: A2 area Mi.
Posts: 17,624

Rep: Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651Reputation: 2651
Mozilla's FireFox or Seamonkey web browser have a very handy tool
On the right click menu is " View Page Source"

not all sites can be just grabbed with the default "wget" so read the man page for wget
 
Old 05-16-2013, 06:18 PM   #4
harry_ord
Member
 
Registered: Nov 2012
Posts: 61

Original Poster
Rep: Reputation: Disabled
Maybe this is not the correct please to ask this but, watching the source code of the following page, i deduced it is made in Wordpress (because the pictures has "wp-content" on their routes).

http://ayerviernes.com/

My question is: "what template is it using and how can i obtain it?
 
Old 05-17-2013, 06:23 AM   #5
chrism01
LQ Guru
 
Registered: Aug 2004
Location: Sydney
Distribution: Rocky 9.2
Posts: 18,358

Rep: Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751
The point is that all you (your browser) gets is the html and javascript (AFAIK).
Any fancy work like CSS, php etc is executed at the server end and you just get the results.
Just as well from a security point of view.

//waits to be corrected by web programmer guru
 
Old 06-02-2013, 06:06 PM   #6
harry_ord
Member
 
Registered: Nov 2012
Posts: 61

Original Poster
Rep: Reputation: Disabled
I'm using this software to copy websites:

http://www.httrack.com/

But the Wordpress sites are not copied well.

Can you help me making a site that looks just as good like http://ayerviernes.com/? i don't if i have to user Wordpress, another CMS or just use HTML. I want to learn to do something that looks as good as that. What do i need to learn?
 
Old 06-03-2013, 01:49 AM   #7
chrism01
LQ Guru
 
Registered: Aug 2004
Location: Sydney
Distribution: Rocky 9.2
Posts: 18,358

Rep: Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751
Start with HTML & CSS see https://en.wikipedia.org/wiki/World_Wide_Web_Consortium
 
Old 06-03-2013, 02:50 PM   #8
Habitual
LQ Veteran
 
Registered: Jan 2011
Location: Abingdon, VA
Distribution: Catalina
Posts: 9,374
Blog Entries: 37

Rep: Reputation: Disabled
Web Design Resources I
Web Design Resources II
 
Old 06-03-2013, 04:42 PM   #9
harry_ord
Member
 
Registered: Nov 2012
Posts: 61

Original Poster
Rep: Reputation: Disabled
Thanks, i'll give it a try.
 
Old 06-03-2013, 08:04 PM   #10
harry_ord
Member
 
Registered: Nov 2012
Posts: 61

Original Poster
Rep: Reputation: Disabled
I copied the following website using httrack:

http://www.estiloweb.cl/

I'm trying to understand how it works now. I can see it has a contact form and i wanted to know how it works.

I deduced it uses "jquery" because i found this in the "index.html":

<script src="../code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>

Also i supose that the form's library is "jquery form":

<script type="text/javascript" src="js/jquery.form.js"></script>

I'm reading the code now but i can't find where you can configure the e-mail adress so, how come do the script knows where to send the message?
 
Old 06-04-2013, 08:35 AM   #11
Habitual
LQ Veteran
 
Registered: Jan 2011
Location: Abingdon, VA
Distribution: Catalina
Posts: 9,374
Blog Entries: 37

Rep: Reputation: Disabled
20 Useful jQuery Contact Forms Tutorials
googled
Code:
jquery form +email
Mikey likes it!
 
  


Reply



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
Download a webpage using unix PradeepKr Linux - Newbie 5 08-15-2010 10:53 AM
How to download a webpage with all the gif (wget or something else)? frenchn00b Linux - General 3 05-23-2009 11:02 PM
script to download a webpage pankaj99 Programming 4 09-23-2006 06:28 AM
wget will not download full webpage with images hedpe Linux - Software 2 02-15-2006 11:46 PM
Stalled WebPage Load/No Download DigitMole Mandriva 2 02-02-2004 05:09 PM

LinuxQuestions.org > Forums > Non-*NIX Forums > Programming

All times are GMT -5. The time now is 04:29 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Open Source Consulting | Domain Registration