These days we have many options when it comes to building websites, but which is the best way to build in 2018?
Let’s talk websites and the building thereof… So, you’re a small business owner or an aspiring website creator? Maybe you’re just interested in what goes into building a website. Well, there are many options and each has their PROs & CONs:
HTML & CSS The traditional way to do web design coding, these would be the two “languages” you’d have to learn and they can (theoretically) build any type of website. “There is literally no limitations, in terms of what you could build if you got into the nuts & bolts: the basics of building a website.” However, the downside is that you’re going to have to learn it; that is to say time investment, theory, practice; all the stuff that goes into learning a skill. But that being said, you know how to program!
Web Design Programs These can range from programs where you have to know a little bit of code (Dreamweaver, Brackets, etc.) to content management systems (CMS) like WordPress, down to easy site builders like WIX, for example. All are very different approaches (which we will touch on in the video) and vary in the amount of control you will likely have…
The key word here is control. As we go from straight up coding down the line, we lose flexibility and versatility; it goes from creating the very thing you see in your mind’s eye, to “what you see is what you get” on the building sites. And of course, that’s fine too. There’s nothing wrong or lazy with building a “wham-bam” website if that’s what fills your needs, but check out our video and you might get an idea of how to better fill those needs. And check out the links at the bottom if you’re curious about the aforementioned web design languages. Mastering the code of website creation does have it’s perks…
In our continuing pursuit to make web design easy for you, we have yet another great little tutorial on using CSS to insert background images into your web pages.
A little bit from the article:
CSS also gives us the tools to direct our background image how we want it. The default, as you can see, is that it repeats itself horizontally AND vertically to fill the entire background, regardless of size. Sometimes we might want the image appear only horizontally or vertically â€“ and maybe not directly on the edge of the viewing area.
Itâ€™s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, itâ€™s a LIST!! And it should be coded and styled like a list. Itâ€™s easy.
Just another one of our growing collection of CSS tips.
If you’ve been struggling with CSS based page layouts (as apposed to using tables) and you’ve been smacking your head against the wall to get things to work … believe me, you’re not the only one!
No, you’re not stupid … CSS for page layout is.
What?! CSS is flawed?
Indeed. CSS for page layout sucks hard because the logic behind CSS page layout is weak at best, and perhaps, even flawed. I can say this with experience in other languages like Java and even VB. Not that I am saying CSS is a programming language.
For web designers used to the craziness of CSS layouts, they would be flabbergasted at how easy creating layouts/views/screens are in VB or even Java when compared to CSS.
I can’t tell you how many times that my programming experience (in Java, PHP etc) has guided me in my web design work … and strangely, even in other aspects of my life not at all related to topics ‘nerd’.
… Ah, nerd wisdom prevails in all aspects of life.
Anyway, here yet again, is another example where programming guides me: this time, it’s all about web design and code.
Over the last few years, the consensus in the web design community has been to streamline code. In real terms, that comes down to:
… and consolidating css code into one file, to minimize the number of server hits.
… The idea is to speed up web page load times and to reduce web server loads.
This is an important goal and something all web designers should be concerned about. The problem is that if you are concentrating on optimizing your CSS or HTML to speed things up, you are concentrating on the wrong parts of your websites.
The fact is, that most of the optimization opportunities is actually found in your images, Flash movies and other multimedia content – not the code.
When I was working on the redesign of the killersites.com, I found (as a starting point) that the templates that ship with Dreamweaver CS3 useful.
Dreamweaver CS3 starter templates
Dreamweaver has a nice collection of bare-bones web templates. One thing I found cool about these templates, is that they contain a lot of notes that describe why they (the web-nerds at Adobe) have certain things in place – like the specific code they used to deal with a given CSS layout issue.
… This is another good way to learn more about CSS.