Skip to main content

Static HTML Websites with the amazingly easy to use, BLOCS

Static HTML websites are still around and, in my opinion, they are very very good and also can be extremely eye-candy!

So there comes a time when you get the need to build a simple website with not so much content in it and you'd like to avoid platforms like Wordpress or a CMS in general. In such case, your option is to create what is called a static HTML website. Static means that this site will not contain dynamic parts like an auto-generated blog, or selling capabilities via a dynamic cart, it will mainly contain text, images and other "things" packed around a beautiful shell, all of it being written in and rendered by HTML.

I need to build a static HTML website easily

To do that, you would need to open up a text editor and start writing many many lines of HTML, CSS and JavaScript code to make your website both beautiful and also functional. In our days, you can avoid this "painful" ( at least for the newcomer to web development and design ) process. Tools such as BLOCS can help you avoid this by providing a visual, very easy to use and understand, editor, with drag-n-drop capabilities, which ultimately will build your design into a fully-working, ready to be uploaded website.

Get to know BLOCS

It all starts with a new project, after you install BLOCS and open it up, you can create a new project as shown in the image below and you will then be driven to the next main screen.


So clicking "create a new blocs project" will drive you to the next screen, which is the main screen on which you will start designing your site :


You have a header, a main content area and a footer, as usually, most website designs do. To add an element to your header area, click inside the header area and select one of the available elements to add to your header, which will be repeated onto every page on your website :


In this screenshot, we selected a navigation element which after your add, you can click and configure to your editor's right sidebar. Then you can add the first main content element :


After you add your first main content element, if you hover over the bottom part of it, you will get a blue + button which if you click, you will be prompted to add another main html element. This way you can have i.e. a slider on your homepage and below it a features like or more content-oriented html elements like the ones above. BLOCS provides you with a vast list of options which you can meet in many website designs and at the same time standard across the web right now.

Then you can add your footer elements :


You can then preview your design on your browser and check out how it looks :

For more information you can visit the BLOCS website

Comments

Popular posts from this blog

Enable AMD's Radeon Chill feature for all games.

Since 2014 AMD has been following the tradition of releasing new performance and usability features in their December driver, and 2016 was no exception. Among the myriad of new features and enhancements, was also one that passed almost unnoticed, called Radeon Chill.

Stemming from AMD's acquisition of HiAlgo earlier in 2016, it offers the possibility of huge power and thermal savings while gaming, by monitoring screen movement and adjusting the frame rate accordingly. There is even the claim that it could also reduce response times since the GPU is not occupied with rendering as often.

Its only issue: it's not global, and it's based on a white list of applications to function. But fear not, for we are here. Using a trick as old as operating systems themselves, you can try to make it work with every title. Let's see how to do that.
Step One: Activate Radeon Chill. Doing that is fairly easy. Right click on your desktop and select "Radeon Settings":

Then naviga…

[UPDATE] How to move your wordpress site and mysql database from local XAMPP to the web server

Most web developers follow the way of "first local, then on the server" for their website's early development or setup stages in order to gain either speed or freedom in installing pluging and extensions due to servers' permissions for files and folders.

A small problem comes around when you need to move your site from your local environment ( commonly XAMPP ) to your webserver so your website can go "live". This article will let you know the steps you need to follow when it comes to Wordpress and moving if from local to yuor server.

Before we start, you will need to : 1. have the url, username and password of your hosting environment's management panel ( cPanel or Plesk e.t.c. ) and log into it.
2. in your hosting panel, you need to add FTP access to your site, you will need to jot down the IP or domain name ( depending on DNS ), a username and a password
3. you will need to go into your hosting's database management via your management panel, cre…

How to create a simple Facebook page cover photo with Inkscape

Inkscape is a free, open source application via which you can create vectory graphics. You can also use Inkscape to create your facebook page main graphics such as the logo and the cover photo, maybe also some images to highlight and assign as album covers.

In order to create your first Facebook cover photo for your page, first open us inkscape :


Second, go to File-> Document Properties and assign the canvas size to match the Facebook cover photo size in pixels, as below :


Next, you can add a rectangle to your cover and some text, via the tools to your left, the mail tool bar of Inkscape as you can see in the next two images : 
 Once you are done with your cover, you can save it :


Remember that you can save this as png which is something Facebook can "understand" and also it would be wise to save this as "Inkscape SVG" which is a native form of Inkscape file type which you can open again later via Inkscape and be able to edit it. 
Then, you can change your cover…