Are websites made just with text editors?

In summary, yes, it is definitely worth learning CSS and HTML if you want to build your own website, or just need to deal with the programming aspects of it.
  • #1
kolleamm
477
44
Basically does anyone actually spend time to position each element for their website in the css/html code or are there special programs that are more interactive and generate code for you with movable buttons etc...?
 
Technology news on Phys.org
  • #2
That's one way to do it, you can also use templates or something like WordPress. I'm also assuming there are other tools or templates that make the actual coding of the site easier.

Here is another template/builder that looks similar to WordPress: http://www.simbla.com/
 
  • #3
Interesting, I'm just wondering if learning CSS/HTML is worth it because of programs like Dreamweaver and WordPress that pretty much make the site for you.
 
  • #4
kolleamm said:
Interesting, I'm just wondering if learning CSS/HTML is worth it because of programs like Dreamweaver and WordPress that pretty much make the site for you.

Templates can only take you so far, so I would say yes if you want to do anything involved.
 
  • Like
Likes kolleamm
  • #5
Re: "text editor" - for at least 5 years now, & probably longer than that, CSS coding tools have been providing text editor plus auto-generation of code snippets; plus preview functions, etc. So when you say "text editor," it's not like having to go in there with a bare-bones editor like vim with a CSS reference book at your side.

Even so things have changed over the years & the need to know CSS just to build a basic site has grown considerably less. I used to build HTML & CSS "by hand" way back around 2000 or so; back then you had to do browser tests & hacks to get everything to more or less work. Starting around 2005 I got heavily into WordPress and started doing CSS with dedicated tools. But these days, it's amazing how well something like SquareSpace or Weebly works if all you want to do is get a blog or forum or small business site up quickly. Sure, if you are a coder at heart, I don't imagine you'd ever want to lose sight of the code completely; but for some of us today, web sites have become similar to light switches: we don't need to know how electricity works to illuminate the room.

Of course automation of CSS has begat its share of poor outcomes - e.g. it is fairly often that I find a page on a site I'd like to print out; go to print, and you discover no one bothered to set up the template for that & the default template does not print at all nicely. Or no one set up the template for mobile, etc. Also most templates are designed with decent adherence to usability guidelines, but if you don't know why usability matters you can still muck things up.

So back to your question - if you find yourself asking, as you have, "is it worth learning CSS?" than most likely the answer is "probably not right now"; otherwise you'd already know the answer. The exceptions typically are 1) you love to code and/or want a job that requires CSS knowledge (e.g. something to do with web design), or 2) as @Student100 has pointed out, you need to go beyond available templates.

The other thing is - and this is irrespective of which tools you use - if you've never built a website before, it's worth learning about design conventions, especially for usability, a.k.a. "user experience" (UX). I'm not that active anymore in design so I don't know how standards may have shifted, but a book like Steve Krug's Don't Make Me Think was very handy in its day. A https://www.amazon.com/dp/0321965515/?tag=pfamazon01-20 was published in 2014 and that seems recent enough to still be valid. Web design is not about how pretty you can make something, it's about how well a site serves the shared goals of its owners & its users.
 
Last edited by a moderator:
  • #6
kolleamm said:
Basically does anyone actually spend time to position each element for their website in the css/html code or are there special programs that are more interactive and generate code for you with movable buttons etc...?

As an active web developer, I can assure you that there are many kinds of IDEs and tools in general, that can assist you in writing code and this of course extends beyond web development. I have used simple text editors way back, to create portions of websites (design and server - client code) but this is not the case anymore, as sites have grown way more complex and time / deadlines are a lot more demanding. I have used Dreamweaver for over a decade and is definitely a good tool for professional web design but I use mostly WebStorm and Eclipse, because I mostly deal with the programming portion of sites (mainly server side now). For the needs of HTML / CSS i.e web design aspects of a site, there are other good tools - even separate ones (a simple googling will give you many such results). I find WebStorm a very good IDE for every aspect of web development.

Specifically for CSS, I recommend taking a look at SASS. There are many benefits of using it, if you want to manually develop your CSS in a modular and effective way.

There is always the option of using templates or even further web frameworks or some CMS (Content Management System) and that depends on your needs. If you like web design or web development (including coding server or client), there is always the need to have a decent grasping of HTML (version 5 now), CSS (version 3 now), JavaScript and for the second case also some server side language(s) (like PHP, JSP, ASP.NET and others). That will allow you to modify, tune things up and do the appropriate hacks, even to premade templates or prewritten code (as templates or as systems). On the other hand, as it has already been pointed out, if you just want to create some website without caring about the details, you can just use some premade and already tested template / framework / system to do your job.
 
Last edited:
  • #7
I would like to find a job in web development in the future, which is why I'm wondering if learning CSS in depth would have any utility.
 
  • #8
If you want it do it right I'm inclined to say yes it is 100% necessary.

Take a look at http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/
Currently a lot if not all Image sliders are using at least some javascript often a whole framework.
With CSS3 we'll be able to avoid the javascript altogether and create a nice solution.

In my opinion a well-written slider will serve a lot of use, especially when using Sass mentioned above.
You can simply adapt it for other websites you create.

Creating a layout is becoming easier as well with recent additions like flexbox and grid.

At the moment some functionality isn't ready for production environments as you can see here for CSS grids.
Flexbox on the other hand is ready to be used, major responsive CSS frameworks like bootstrap are migrating to a flexbox-based layout (once you understand the basics which takes an hour if you're familiar with CSS you can create a simple three-column + header + footer template without embellishments in literally 15 minutes).
 
  • Like
Likes kolleamm
  • #9
JorisL said:
If you want it do it right I'm inclined to say yes it is 100% necessary.

Take a look at http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/
Currently a lot if not all Image sliders are using at least some javascript often a whole framework.
With CSS3 we'll be able to avoid the javascript altogether and create a nice solution.

In my opinion a well-written slider will serve a lot of use, especially when using Sass mentioned above.
You can simply adapt it for other websites you create.

Creating a layout is becoming easier as well with recent additions like flexbox and grid.

At the moment some functionality isn't ready for production environments as you can see here for CSS grids.
Flexbox on the other hand is ready to be used, major responsive CSS frameworks like bootstrap are migrating to a flexbox-based layout (once you understand the basics which takes an hour if you're familiar with CSS you can create a simple three-column + header + footer template without embellishments in literally 15 minutes).
Is it worth making a webpage from scratch? Or should I just get familiar with the code?
 
  • #10
kolleamm said:
Is it worth making a webpage from scratch?
Personally, I definitely think so, so that you have a good idea what's going on under the covers when you move to an automation tool.

Or should I just get familiar with the code?
WHAT code? If you mean HTML, it's not code (which implies a procedural language) it's a markup language and yes, you should get familiar with it.

I have one of my web sites that is HUGE in terms of the amount of information and the number of pages and links, but it is not interactive and is purely functional with very little consideration for design issues, and I do it all in a text editor plus a trivial amount of CSS and JavaScript. It's at

www.hobbithouseinc.com/personal/woodpics

Following all the links and looking at everything on the site would take days but I've built it up over a decade and again, it's purely static (non-interactive) which makes a big difference.

The most tedious part by far was in the illustrated glossary where I had to manually create thousands of cross-links.
 
  • Like
Likes QuantumQuest
  • #11
kolleamm said:
I would like to find a job in web development in the future, which is why I'm wondering if learning CSS in depth would have any utility.

It will, even if you plan to deal mostly with the coding part of developing a website / web app. It is part of the fundamentals that fall under the umbrella of web development. If you follow the web design part, then you'll definitely need it along with a good knowledge of HTML and some decent knowledge / fluency in JavaScript. But even following core web development, there will definitely be times that this will save even your job or at least your time.
 
  • #12
phinds said:
The most tedious part by far was in the illustrated glossary where I had to manually create thousands of cross-links.

A remark for kolleamm is warranted here I think.

While this is a possibility for a website that grows organically you want to avoid such a task if you know your website will grow to such proportions well in advance you will want to look at tools to help you.
Either by writing scripts that automate certain tasks or by using some sort of content management system. The work to be done remains large but can be simplified.

kolleamm said:
Is it worth making a webpage from scratch? Or should I just get familiar with the code?

I agree with phinds it is definitely worth it. It's also to fastest and most rigorous way to get familiar with the languages.
When learning/polishing your CSS you can try and create a design based purely on CSS which is the goal of http://www.csszengarden.com/
All designs there have the same underlying HTML markup but the CSS creates vastly different results.
It's astonishing if you ask me.
 
  • #13
JorisL said:
A remark for kolleamm is warranted here I think.

While this is a possibility for a website that grows organically you want to avoid such a task if you know your website will grow to such proportions well in advance you will want to look at tools to help you.
Either by writing scripts that automate certain tasks or by using some sort of content management system. The work to be done remains large but can be simplified.
I agree with phinds it is definitely worth it. It's also to fastest and most rigorous way to get familiar with the languages.
When learning/polishing your CSS you can try and create a design based purely on CSS which is the goal of http://www.csszengarden.com/
All designs there have the same underlying HTML markup but the CSS creates vastly different results.
It's astonishing if you ask me.
After looking at http://www.csszengarden.com/ it seems like the design is fairly well done, which leads me to my next question, why isn't CSS enough?
 
  • #14
kolleamm said:
After looking at http://www.csszengarden.com/ it seems like the design is fairly well done, which leads me to my next question, why isn't CSS enough?
CSS is purely styling. You still need the HTML framework, Javascript for dynamism and a server side language for database connections etc.
 
  • Like
Likes QuantumQuest
  • #15
What I meant to say was is CSS enough for styling?
 
  • #16
kolleamm said:
What I meant to say was is CSS enough for styling?
Yeah, what else is there? There are extensions like SASS, LESS and Stylus but in the end it comes back to core CSS.
 
  • Like
Likes kolleamm
  • #17
kolleamm said:
What I meant to say was is CSS enough for styling?
"Yes" - but you need elements, which means you need HTML. Without HTML elements there is nothing CSS could influence.

Learning CSS without learning at least basic HTML is pointless.

There are also some style-like things that don't work with CSS alone and require javascript.
 
  • Like
Likes QuantumQuest
  • #18
phinds said:
If you mean HTML, it's not code

I disagree. Computer code is a set of instructions that tells the computer to perform a task. You might say that HTML is actually instructions that tells a piece of software to perform a task. If you disqualify that as being code you also disqualify every interpreted language in existence.

phinds said:
which implies a procedural language

https://en.wikipedia.org/wiki/Programming_paradigm

That certainly disqualifies a vast amount of software as being made of "code".

BoB
 
  • #19
I have one general comment about relying on tools. You can get a working product much easier using the tools, but you have to be flexible enough to accept the results and limitations of the tools. If you are working for someone that tells you exactly how the website must look, then you may run into trouble. The tools can generate very complicated code that you can not realistically "tweek" to get the required look.
 
  • Like
Likes QuantumQuest
  • #20
rbelli1 said:
I disagree. Computer code is a set of instructions that tells the computer to perform a task. You might say that HTML is actually instructions that tells a piece of software to perform a task. If you disqualify that as being code you also disqualify every interpreted language in existence.
No, you do not. Interpreted languages are procedural.
That certainly disqualifies a vast amount of software as being made of "code".
No, just things that are not code, like HTML which is a markup language.
 
  • #21
phinds said:
HTML which is a markup language.

Language. Computer language is code. Some interpreted languages like python have aspects that are object oriented. Thus not procedural.

Which level of abstraction do we disqualify as code?

I agree that when you are using point and click and drag you are designing not coding; you are designing. The stuff that comes out of that is code. You can then jump in and modify the code after the fact. The computer made much of the code but modifying that is still coding.

Saying that writing HTML is not coding is just being elitist. My coding is "real" coding. your "coding" is mere... ?... ?... Just not coding. Hrumph...

BoB
 
  • Like
Likes FactChecker
  • #22
kolleamm said:
Basically does anyone actually spend time to position each element for their website in the css/html code or are there special programs that are more interactive and generate code for you with movable buttons etc...?
you should have to used the dreamweaver
 
  • #23
Junaid Shahid said:
you should have to used the dreamweaver
No, you should not use dreamweaver unless it suits your needs. I have a very extensive website and I would never think of using dreamweaver for it (or anything similar for that matter).
 

1. What is a text editor?

A text editor is a software program that allows you to create and edit text-based files, such as HTML, CSS, and JavaScript. It provides basic functionalities like typing, copying, and pasting text, as well as more advanced features like syntax highlighting and code completion.

2. Can websites be made solely with text editors?

Yes, websites can be made entirely with text editors. In fact, many professional web developers prefer to use text editors instead of more complex website builders or content management systems. Text editors offer more control and flexibility over the code, allowing for a more customized and optimized website.

3. What are the advantages of using a text editor to build a website?

Using a text editor to build a website allows for more control over the code, making it easier to optimize for search engines and improve website performance. It also allows for a more customized and unique design, as well as the ability to easily debug and troubleshoot any issues that may arise.

4. Are there any disadvantages to using a text editor for website development?

Using a text editor for website development may require a steeper learning curve, as it involves writing code from scratch instead of using a visual interface. Additionally, text editors may not have built-in features for tasks such as image editing or managing databases, so additional software may be needed for these tasks.

5. Which text editor is best for making websites?

This is a matter of personal preference, as different text editors offer different features and workflows. Some popular options for website development include Sublime Text, Atom, and Visual Studio Code. It is recommended to try out a few options and find the one that best suits your needs and coding style.

Similar threads

  • Programming and Computer Science
Replies
4
Views
1K
  • Programming and Computer Science
Replies
7
Views
553
  • Programming and Computer Science
Replies
15
Views
1K
  • Programming and Computer Science
Replies
1
Views
168
  • Programming and Computer Science
Replies
31
Views
3K
  • Programming and Computer Science
Replies
2
Views
168
  • Engineering and Comp Sci Homework Help
Replies
22
Views
954
  • Programming and Computer Science
Replies
1
Views
2K
  • Programming and Computer Science
Replies
3
Views
267
  • Programming and Computer Science
Replies
6
Views
1K
Back
Top