Announcement

Collapse
No announcement yet.

Text Editor for Website construction

Collapse
This topic is closed.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    [SOLVED] Text Editor for Website construction

    I'm dipping my toe in the HTML/CSS world. First step is to make a simple website.

    Which text editor would be the easiest for this? I am not a Linux newbie exactly, but I am not very experienced either.
    I use Firefox and GIMP.

    Any other tips gratefully received.

    #2
    Any text editor would be fine. Kate would suit your needs well and should already be on your machine if you are running Kubuntu. I used Kate for many years and it did me well. There are a lot of options out there that offer more than Kate, but if you just want a well working text editor without all the bells and whistles, Id say its your best bet.

    Comment


      #3
      Bluefish? http://bluefish.openoffice.nl/index.html
      Kubuntu 20.04

      Comment


        #4
        Thanks to both. I'll start with Kate since it's on the machine already.

        Comment


          #5
          Let me give a vote for Kate also. It is my primary code editor (PHP, HTML, CSS and Javascript).
          Kubuntu 24.11 64bit under Kernel 6.11.4, Hp Pavilion, 6MB ram. Stay away from all things Google...

          Comment


            #6
            I third the vote for Kate!
            Under tools --> mode --> markup you can set it to highlight HTML (or PHP or whatever) syntax!
            "A nation that is afraid to let its people judge the truth and falsehood in an open market is a nation that is afraid of its people.”
            – John F. Kennedy, February 26, 1962.

            Comment


              #7
              I'm only started up the Linux learning curve. Maybe it's too ambitious to embark on this.

              I have two objectives:

              The first is to 'compose' articles in HTML for a third party website.
              I was using SeaMonkey for this - just the Compose part - but when I tried to copy/paste the material (included some drawings) into the 'box' on their website, the formatting was lost. It formatted fine without the drawings.
              They told me to use css for designing. So, I reckoned I'd better learn how to do it!

              The second objective is to make a simple website for showing philatelic presentations (stamps and postal history covers, cards). The idea would be to put up each month's display, or a part of it. Nothing more at the start.

              So, that's the context of my OP.
              Last edited by JoHubb; Sep 10, 2018, 02:46 PM.

              Comment


                #8
                I recommend learning CSS. There are many good websites for learning.
                One example:

                https://www.w3schools.com/

                If you only want to create HTML content for that third party website, you'll need some basic HTML knowledge.

                I don't recommend using a composer tool because you don't learn how to code yourself. They may be quicker, but you'll need to debug at some point and then you'll need to know HTML/CSS.
                Kubuntu 24.11 64bit under Kernel 6.11.4, Hp Pavilion, 6MB ram. Stay away from all things Google...

                Comment


                  #9
                  Like TWPK says, w3s is the best source of HTML & HTML5 info.
                  You can set up Kate with the source and FF with two tabs, your web page and w3s as a reference. Also with Kate, you can set different modes & highlighting on different tabs.
                  Code and save, followed by refreshing your webpage tab on FF to see the results of your coding.
                  If you've had any coding experience at all css is sort of like *.h header pages in C++.
                  "A nation that is afraid to let its people judge the truth and falsehood in an open market is a nation that is afraid of its people.”
                  – John F. Kennedy, February 26, 1962.

                  Comment


                    #10
                    I personally much prefer the Mozilla web docs. https://developer.mozilla.org/en-US/docs/Web/HTML
                    The w3s docs are alright for basic stuff but lack details.

                    Comment


                      #11
                      If you really want to learn html/css, the best way is probably a course. Mozilla etc. are very good sources of information, but if you just begin it's a bit overwhelming.
                      Internet is overloaded with out-of-date or (very) bad quality courses. Here are some good ones, all free:
                      https://adamschwartz.co/magic-of-css/ (css Short, but very clear)
                      https://www.codecademy.com/learn/learn-html (Interactive courses css and html. Only the simple courses are free. You have to register, but they don't spam)
                      https://developer.mozilla.org/en-US/docs/Learn/CSS (css. From Mozilla, aimed at people just beginning to learn css)
                      https://goalkicker.com/CSSBook/ (css. Free pdf. Not really a course, but because the way it's organized it's usable for learning)
                      https://marksheet.io/ (html and css)
                      https://thenewcode.com/919/A-Complet...g-List-For-CSS (css. Course in the form of a reading list)
                      https://www.w3schools.com/css/default.asp (css)
                      https://developer.mozilla.org/en-US/docs/Learn/HTML (html.

                      From Mozilla. Aimed at people just beginning to learn html)
                      https://goalkicker.com/HTML5Book/ (html. Free pdf. Not really a course, but because the way it's organized it's usable for learning)
                      https://internetingishard.com/html-and-css/ (html and css. Some comprehensive tutorials)
                      https://learn.shayhowe.com/html-css/ (very clear course html and css)
                      https://thenewcode.com/865/A-Complet...-List-for-HTML (html. Course in the form of a reading list)
                      https://tutsplus.com/courses (lots of courses. On the left you can choose a subject. Some are free. You have to register)

                      Oh well, now I've started I might as well add JavaScript. The best way is to start with html/css, but sooner or later you'll meet JavaScript:
                      https://www.codecademy.com/learn/int...-to-javascript (Interactive courses. Only the simple courses are free. You have to register, but they don't spam)
                      https://eloquentjavascript.net/ (very comprehensive online-book with exercises)
                      https://eu.udacity.com/ (some good quality courses. You have to search, because the free courses are not on one place together. You have to register)
                      https://goalkicker.com/JavaScriptBook/ (Free pdf. Not really a course, but because the way it's organized it's usable for learning)
                      http://www.good-tutorials.com/tutorials/javascript
                      https://www.kirupa.com/html5/learn_javascript.htm (very clear course)
                      https://javascript.info/ (very comprehensive and clear. With exercises)
                      http://www.tutorialized.com/tutorials/Javascript/1 (lots of tutorials about diffetent subjects)
                      https://www.w3schools.com/js/default.asp (tutorial and overview)

                      I don't know in what way you like to learn, but this courses have lost of different ways of teaching, so something must fit you.
                      Last edited by Goeroeboeroe; Sep 11, 2018, 03:30 AM.

                      Comment


                        #12
                        Originally posted by whatthefunk View Post
                        I personally much prefer the Mozilla web docs. https://developer.mozilla.org/en-US/docs/Web/HTML
                        The w3s docs are alright for basic stuff but lack details.
                        What makess w3s so useful is that you can modify the code examples and see the results in the adjacent panel immediately. You don't need and editor to create a file and a browser to browse it locally. Just edit the example code in your browser on the w3s site and click the update button to see the results of your coding.
                        "A nation that is afraid to let its people judge the truth and falsehood in an open market is a nation that is afraid of its people.”
                        – John F. Kennedy, February 26, 1962.

                        Comment


                          #13
                          Goeroeboeroe; Thank you for that comprehensive list. Saved for reference.
                          Kubuntu 24.11 64bit under Kernel 6.11.4, Hp Pavilion, 6MB ram. Stay away from all things Google...

                          Comment


                            #14
                            Goeroeboeroe and all,

                            Many thanks for taking trouble and posting all these suggestions. Before posting this thread I tried this Mozilla:
                            https://developer.mozilla.org/en-US/docs/Learn

                            The 'complete beginners' sounded perfect. It is a superb source but I soon got lost on the many by-ways. Python was introduced so I could set up a local webpage, and then I lost track of what I was really trying to do.

                            Then I tried Thimble, also Mozilla:

                            https://thimble.mozilla.org/en-GB/

                            The problem with this was the missing Captcha in both FF, and Chromium so I could not create an account. Maybe a Linux thing??

                            This time I will try w3s. It gets a lot of votes on this thread and seems a good starting point.

                            Thanks again.

                            Comment


                              #15
                              If youre only goal (at least for now) is to learn html and css, then don't bother with anything that introduces a webserver or language like PHP, python, ruby etc. All you need is an html file. You can open this file in any browser and you're ready to go. For simplicity at first, I would even keep your CSS in the same file. Here's a little template to play around with if you don't already have something:
                              Code:
                              <html>
                                 <head>
                                     <style>
                                         h1, h3 {
                                             text-align: center;
                                         }
                              
                                         /* More styles here */
                                     </style>
                                 </head>
                                 <body>
                                     <h1>Title</h1>
                                     <h3>Subtitle</h3>
                                     <p>Some text here</p>
                                 </body>
                              </html>

                              Comment

                              Working...
                              X