Community
    • Login

    Help wanted for beginner

    Scheduled Pinned Locked Moved Help wanted · · · – – – · · ·
    20 Posts 6 Posters 2.1k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Lycan ThropeL
      Lycan Thrope @Khal Rashid
      last edited by

      @khal-rashid and @neil-schipper ,

      IF, BIG IF, the question he’s asking is how do I VIEW or as he states:
      see what the result would look like in my webpage. then the answer is by either right clicking on the document you want to see, in this case the HTML file tab, and select Open in Default Viewer as seen in this screenshot:
      RightClickViewDefaultViewer.PNG
      …or by clicking the File->Open in Default Viewer menu selection as shown in this screenshot:
      FileMenuOpenDefaultViewer.PNG

      So you see, again, it’s about the point. What is the question, and especially as it pertains to NPP?

      Lee

      Khal RashidK 1 Reply Last reply Reply Quote 0
      • Khal RashidK
        Khal Rashid @Lycan Thrope
        last edited by

        @lycan-thrope I stated that I am beginner in html coding.
        My question was/is how do I link the html code file to css, so that I can see how my website looks like
        I am using notepad++ v7.9

        Alan KilbornA 1 Reply Last reply Reply Quote 0
        • Alan KilbornA
          Alan Kilborn @Khal Rashid
          last edited by

          @khal-rashid said in Help wanted for beginner:

          how do I link the html code file to css

          That question is NOT about Notepad++.

          You are in the wrong place for asking that question. We’re here to talk about Notepad++. Please find a forum that is better equipped to answer your question.

          1 Reply Last reply Reply Quote 1
          • Khal RashidK
            Khal Rashid @Lycan Thrope
            last edited by

            @lycan-thrope thank you for that tip.
            My question was, how do I link html page/file to css than I can see what my webpage looks like

            Neil SchipperN 1 Reply Last reply Reply Quote -1
            • Neil SchipperN
              Neil Schipper @Khal Rashid
              last edited by

              @khal-rashid You’ve written three times that you want to “link” something. It’s just not clear. Try a sentence like "I want to be able to [clearly described clicking or typing action] so that [named application] carries out [clearly described behaviour].

              PeterJonesP Khal RashidK 2 Replies Last reply Reply Quote 1
              • PeterJonesP
                PeterJones @Neil Schipper
                last edited by PeterJones

                @neil-schipper ,

                At this point, if they aren’t willing to say anything new, I don’t think we should spend more time trying to figure out what they want.

                (There is a theory that it’s an automated account without a human behind it. We have had those before, which after a few weeks turn into a plain spam account.)

                I had started to write up a reply, enumerating again that either it’s off topic as an HTML question, or it was already answered because they had been told how to view HTML in their default browser, but decided against it, because whether they are human or not, they don’t seem interested in expanding on their ideas to get an actual question answered. (And honestly, if there were a bot written well enough that it was trying to learn about how to actually use Notepad++, rather than just parroting the same thing over and over, I would be impressed enough that I’d try to help it learn.)

                1 Reply Last reply Reply Quote 1
                • Khal RashidK
                  Khal Rashid @Neil Schipper
                  last edited by

                  @neil-schipper ok point taken.
                  I want to see how my webpage looks like when I type in html.

                  I have been learning from w3shools, and they split screen, when typing html one side and the result of it in css in other half of screen shows what the resulting webpage would look like.
                  That is what I meant by “link”-maybe used wrong word.

                  Is it possible to creat that using notepad?
                  Khal

                  PeterJonesP 1 Reply Last reply Reply Quote 2
                  • PeterJonesP
                    PeterJones @Khal Rashid
                    last edited by PeterJones

                    @khal-rashid said in Help wanted for beginner:

                    I have been learning from w3shools, and they split screen,

                    Thank you for clarifying.

                    That’s not how Notepad++ does it – Notepad++ is a text editor, not a web browser, so it doesn’t have a built-in HTML render engine like a browser does.

                    Your options are:

                    1. Use the Right Click on the tab bar, select View in Default Application, which will launch the HTML in your default browser (this was already explained to you). Once you’ve done that, as you save changes in Notepad++, you can F5 refresh in the browser to get it to see the changes
                    2. Use the View menu’s View Current File In… sub-menu, to choose whether to look at it in Chrome, Edge, Firefox, or the abomination IE. This is essentially the same as #1, but from a different menu, and allows you to select whichever browser you want.
                    3. Use a plugin like PreviewHTML, which embeds an HTML “browser” (render engine) in a second panel, which you could put to the right to make it look like w3schools, or could put beneath to make it be able to be a wider panel.

                    The third option is probably the closest to what you want.

                    Example screenshot
                    78f96d75-43c5-40a8-83dd-56cb1693542a-image.png

                    Khal RashidK 1 Reply Last reply Reply Quote 2
                    • Khal RashidK
                      Khal Rashid @PeterJones
                      last edited by

                      @peterjones thank you. Clicked on Plugins>Preview html>window opens with options (View as IE7 … to View as IR11)
                      By default it’s set at “view as IE7
                      I have tried changing to IE9 & IE10 but no changes.image.jpg
                      Should stick to default setting (view as IR7)?

                      PeterJonesP 1 Reply Last reply Reply Quote 0
                      • PeterJonesP
                        PeterJones @Khal Rashid
                        last edited by

                        @khal-rashid ,

                        Pick IE11 – there is no reason in the 2020s to choose anything below that. (Really, the plugin author should switch to using the calls to get an Edge-based rendering rather than IE-based rendering, but I doubt that will happen.)

                        Then, to get the preview, click Preview HTML from the menu you showed (or hit the Ctrl+Shift+H keyboard shortcut that menu shows):
                        f37aa4a8-7560-4e79-bbba-ec25d2ebbfa3-image.png
                        which will then show something like what i showed above, or, if your panel is on the right, like:
                        55c1067e-6255-4096-8a53-d5ee5f39cd6f-image.png

                        The View As menu entries are a setting-change. The Preview HTML (Ctrl+Shift+H) entry is what actually shows the panel.

                        Khal RashidK 1 Reply Last reply Reply Quote 1
                        • Khal RashidK
                          Khal Rashid @PeterJones
                          last edited by

                          @I have selected ie11 as suggested.
                          I can now see what I am typing on the next pane. At least this helps me to see how the text etc will look.
                          Maybe silly question, can I download from external websites and embed links to webpage and see in the next pane what picture looks like?
                          Thank you so much for your help.

                          PeterJonesP 1 Reply Last reply Reply Quote 0
                          • PeterJonesP
                            PeterJones @Khal Rashid
                            last edited by

                            @khal-rashid said in Help wanted for beginner:

                            Maybe silly question, can I download from external websites and embed links to webpage and see in the next pane what picture looks like?
                            Thank you so much for your help.

                            If your HTML has an image tag with a local/relative URL (like <img src="./images/blah.gif">), then if you download the picture into ./images/blah.gif, the Preview HTML should properly render the image.

                            If your HTML has an image tag with a full URL (like <img src="https://community.notepad-plus-plus.org/assets/uploads/files/1643672206556-55c1067e-6255-4096-8a53-d5ee5f39cd6f-image.png"> – to take an image-url from this topic), then Preview HTML should properly render the image if it exists.

                            But you didn’t really need me to tell you that. If you had just tried the experiment, you would have found it worked. None of that is Notepad++ / Preview HTML specific: the same thing would have happened if you opened the same local HTML file in your local web browser, like by using #1 or #2 from the list of suggestions earlier, or if you had just opened the local HTML file with your browser without Notepad++ involved at all.

                            I answered it because maybe you were confused as to what Preview HTML can and cannot do. Preview HTML can be thought of as a single-page web browser: it will render a single HTML document, showing any pictures or CSS that is linked, but it will not allow you to follow links and things like that. If you want to be able to follow links in your local HTML (like from ./this.html to ./that.html), then I highly recommend using #1 or #2 to launch this.html in a real browser, and just use browser refresh after you’ve saved changes in Notepad++ (which is no more difficult than hitting Preview HTML’s REFRESH button after you make a change in Notepad++).

                            Also, you sound like you’re pretty new at HTML/web development. I would highly recommend finding a good forum who is willing to help you through your beginner steps, because this forum is focused on Notepad++ (and its plugins), and we will not be delving any deeper into “how do I do X with HTML” questions than we already have.

                            Khal RashidK 1 Reply Last reply Reply Quote 1
                            • Khal RashidK
                              Khal Rashid @PeterJones
                              last edited by

                              @peterjones thank you for your response much appreciated.
                              Yes I am a beginner at notepad++
                              Regards
                              Khalid 🙏🏾

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post
                              The Community of users of the Notepad++ text editor.
                              Powered by NodeBB | Contributors