Need Help: In Cloning One Page Static Site

Discussion in 'HTML & Website Design' started by GAdsense, Jun 19, 2007.

  1. #1
    I want to clone this one page static site "http://www.rentmoviesbymail.com" and do some modification of colors.

    I don't remember the way I used to clone single page static sites. Although, I tried saving this page, opening in Macromedia Dreamweaver. But it does not look same, there are layout and finishing differences.

    But one surprising thing is IE 6.0 doesn't show anything than just a black screen, what is that so?

    Do you remember the way to clone it perfectly?

    Thanks.
     
    GAdsense, Jun 19, 2007 IP
  2. sundaybrew

    sundaybrew Numerati

    Messages:
    7,294
    Likes Received:
    1,260
    Best Answers:
    0
    Trophy Points:
    560
    #2

    Just "right click" & "view source" and copy and paste :eek::eek:
     
    sundaybrew, Jun 19, 2007 IP
  3. yourihost

    yourihost Well-Known Member

    Messages:
    1,708
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    115
    #3
    Save the page(complete) , also download any thing that is linking to the page , like stylesheets or javascript.
     
    yourihost, Jun 19, 2007 IP
  4. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #4
    But that would not save the graphics .... am i right?
     
    GAdsense, Jun 19, 2007 IP
  5. yourihost

    yourihost Well-Known Member

    Messages:
    1,708
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    115
    #5
    Yeh that would just get the layout not images .
     
    yourihost, Jun 19, 2007 IP
  6. sundaybrew

    sundaybrew Numerati

    Messages:
    7,294
    Likes Received:
    1,260
    Best Answers:
    0
    Trophy Points:
    560
    #6
    No.. you would have to find the image url by looking in the code and then entering the image url into your browser

    Then right click and "save image as"
     
    sundaybrew, Jun 19, 2007 IP
  7. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #7
    So is there any way to clone this site perfectly the same and then edit the colors?

    Thanks for the reply guys, very helpful.
     
    GAdsense, Jun 19, 2007 IP
  8. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #8
    If I am not getting you wrong then we need to save the code of the page via page source and save it as .htm

    Then finding images from pagesource and saving them at the same place .... Could you please tell me how many images are there in this site .... to me it seems like there are 2 ... right?
     
    GAdsense, Jun 19, 2007 IP
  9. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #9
    By complete, you mean "Save Page As" .... Is that true?

    By doing so, you automatically get every stylesheeet and javascript ..
    downloaded .... Is there any trick or special way to find what are the stuff linking to pages in one click or more easily. As finding it from page source, we sometimes leave some things.
     
    GAdsense, Jun 19, 2007 IP
  10. sundaybrew

    sundaybrew Numerati

    Messages:
    7,294
    Likes Received:
    1,260
    Best Answers:
    0
    Trophy Points:
    560
    #10
    Here....

    http://www.httrack.com/


    That will make you life easy ...............enjoy dude
     
    sundaybrew, Jun 19, 2007 IP
    GAdsense likes this.
  11. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #11
    Thanks Buddy, Let me try this out! -- Rep Given :)
     
    GAdsense, Jun 19, 2007 IP
  12. chicomalo

    chicomalo Guest

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    In order to show the graphics the same way as the original site, paste this code just before your <head> tags:
    <base href="the URL of the site ("http://www.buildawebpagellc.com")">

    Dont forget to close the ("www.name of the site.com")
    That way you will force your browser to link the images directly.

    Some people code images like this:
    /images/slices_05.gif (easier to recode or transfer the site)

    While I prefer a more complete style like this:
    http://www.buildawebpagellc.com/images/slices_05.gif (easier for me to remember where the images come from)

    It should look like this:
    <html>
    <base href="http://www.buildawebpagellc.com">
    <head>


    Good Luck
     
    chicomalo, Jun 20, 2007 IP
  13. chicomalo

    chicomalo Guest

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    To clone the site exactly, do this:
    Get "html kit" (download it)
    Run it as select
    "File" then "Open URL"
    Go to you address bar and copy the whole URL of the site in question.
    In this case http://www.buildawebpagellc.com
    Paste the name on the URL area, click enter.
    Now to make sure you get the images do this:

    Add the code I mentioned before (the base href code)before the <head> tag.

    Now look for this:
    <link rel="stylesheet" type="text/css" href="styleflower.css">

    and modify it like this:
    <link rel="stylesheet" type="text/css" href="http://www.buildawebpagellc.com/styleflower.css">


    Also look for the .js. If it exist, (it does not exist on this page)modify it accordingly:

    <link rel="stylesheet" type="text/css" href="styleflower.js">

    Modify it like this:
    <link rel="stylesheet" type="text/css" href="http://www.buildawebpagellc.com/styleflower.js">

    Save the page now and click on Preview at the Bottom Left Side.
    There it is the whole site with CSS and JS and everything.

    To modify the CSS
    Go to "File" , then Open URL
    Paste this
    "http://buildawebpagellc.com/styleflower.css"

    Click enter.
    That is your style sheet page

    You can now modify the css code at pleasure.

    Do the same for the JavaScript area, like this:
    http://buildawebpagellc.com/styleflower.js
    click enter.
    That's your javascript code.

    You can now modify the javascript code at pleasure.

    To modify the files real time, use the Web Developer Tool bar from firefox.
    Once installed do this:
    You will get a menu on the top area of the browser, between the address bar and the display are of the browser.
    Click on CSS, then Edit CSS.
    You will get a panel on the bottom of the page. Click on the label next to Edit CSS (hoover over it and you will read "position") to place the panel wherever you want it (bottom, left, right)
    No you can play with the colors.
    Body usually means the color of the whole page,
    Navigation usually for the menus
    Content usually for the text.

    Hit me up with any questions you may have.
     
    chicomalo, Jun 20, 2007 IP
  14. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #14
    ChicoMalo, Thanks for your detailed information.

    Warm Welcome To DP! :)

    I was knowing about quite many things but I really appreciate it very much, I am glad you wrote so much to help me.

    Thanks Again :)
     
    GAdsense, Jun 20, 2007 IP
  15. chicomalo

    chicomalo Guest

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Glad to be able to help.
     
    chicomalo, Jun 21, 2007 IP
  16. Sinfull

    Sinfull Peon

    Messages:
    17
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Right click
    View source
    ctrl + a
    ctrl + c
    ctrl + v in your html area.
     
    Sinfull, Jun 21, 2007 IP
  17. GAdsense

    GAdsense Well-Known Member

    Messages:
    1,247
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    140
    #17
    Warm Welcome! to DP :)

    Thanks for your reply, I appreciate your concern.

    I am looking for someone who can help me change this one page site "colors" and add some more content which I'll be providing. I like the appearance of the site but I don't want this site to scream I am cloned from somewhere else. I've did some change but a good expert can do it in minutes with professional look.

    But hey ..... What I can do for you?

    I can give you a green rep ;)

    Ready ?
     
    GAdsense, Jun 21, 2007 IP