page source and converting

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
martin86
Posts: 61
Joined: Mon Mar 12, 2012 12:58 pm

page source and converting

Post by martin86 »

Hello:

I am new and using the html pad. I am not a it programmer and have very limited html knowledge.

I want to be able to copy the page source from website pages I have found online that I really like the layout of and be able to take the source code and use the html pad to use that sites layout and replace with my own content (text, images etc.). I am not trying to copy other website pages, but instead of re-inventing the wheel I want a solution to be be able to strip the sites css etc. and just use the layout and then build my own page from there. Can this be done? What are my steps? Any help is greatly appreciated!
Life is too serious to be taken seriously Image
User avatar
MikeyB
Top Contributor
Posts: 511
Joined: Fri Jun 09, 2006 10:38 am
Location: UK
Contact:

Re: page source and converting

Post by MikeyB »

Hi,

To copy just the page source you have to view the page source in your browser, then copy & paste it into HtmlPad, how you do this depends on what browser you use.
IE 9: from the View menu select source
Firefox 11: Click "Firefox" at the top left, then Web Developer, View Page Source
Chrome: Click the spanner, then Tools, View source

But this doesn't mean that the code will work for you, more often than not a page will link to external css and JavaScript files which will not be copied, nor will any images.

To get all the files, you need to save the page.
IE 9: File, Save as
Firefox 11: Click "Firefox" at top left, then Save Page As
Chrome: On the spanner then Save Page As.
When saving it is important to choose the Webpage complete option, this will save the HTML and any css, JavaScript and image files needed.

Mike
Post Reply