Different Important Aspects and Guideline to Learn Web Design
Tags: webdev, technology, trend, guidelineforwebdesign
Published: 2021-08-03 07:51:16

In today’s technology era, many questions arise in the mind while learning web design from the scratch. For me, At the very beginning when I first start learning Web Design back in 2009/2010, I also remained in the same situation. For those who are searching this type of question’s answer, this article is for them.

Guidelines for learning Web Design (Static Design):

You have to learn HTML first. You need to learn CSS to style HTML. There are two versions in CSS now, version 2 and version 3. Version 2 and 3 are almost the same, version 3 just added an extra bit of the latest functionalities. So, keep learning without worrying about it. Of course, HTML 5 is a little different. To learn HTML and CSS, go to W3Schools.com or for Bengali training, you can check my free course.

Mockup is created in Photoshop before designing any website. This Photoshop file is called PSD. After PSD, it has to be converted to HTML. This function is called PSD to HTML. You can check my PSD to HTML course also for free.

If the site is built with HTML and CSS, the site needs JavaScript to do animations, slideshows, etc. This is the makeup box of the site. To learn JavaScript, go to W3Schools.com

Once the site is created, it has to be responsive. Responsive means arranging the display of the site according to different screen sizes. There are many frameworks to be responsive. Such as Less Framework, Foundation, HTML Kickstart, Bootstrap, Skeleton, HTML5 Boilerplate, etc.

Guidelines for learning Web Design (Dynamic Design):

Then server-side scripting is required to make the site dynamic. This means that scripting is needed to store any information from the site form in the database and to retrieve the information stored in the database. That’s why I will say two pairs here. One is PHP and MySQL, the other is ASP and MSSQL.

Many people think a lot about small things like span tags. Many designers design without span tags. There is no reason to be panicked.

Now let’s talk about CMS. The most popular CMS is WordPress. The advantage of CMS is: a lot can be done, the site can be designed in a short time. Lots of plugins available. There is no pair of CMS to create a site by saving time using the plugin.

Many peoples hate CMS. If you know the RAW coding, you can customize the CMS to your desire.

Another popular CMS is Joomla. Joomla’s security is lower than WordPress’s, so many people don’t like it.

Plugins are available on WordPress for creating eCommerce sites. "WP eCommerce" is such a plugin. Joomla also has plugins for creating eCommerce sites. One such plugin is VirtueMart.

There are some special CMS’s for creating eCommerce sites. For example WooCommerce, Shopify, OpenCart, ZenCart, OsCommerce, NopCommerce, BigCommerce, PrestaShop, etc.

To create an eCommerce site, you have to integrate the payment method on the site. The most reliable of the international payment methods are PayPal. Other methods include Payoneer, 2Checkout, Stripe, and many more.

To integrate these payment methods on the website, instruction can be found in the help file or support of the site of that payment method.

Many people want to add Facebook Like box, Share Button, Pinterest, Twitter, etc. These are available on the respective sites. If you search on Google, you will get the link. Either they will give iframe code or link or HTML code. Copy and paste it on the site.

To set up Google Map, go to the link of Google Map and if you fix the location, width/height, you will get a map of a certain size and place. Generate the code and put it in the HTML code of the site.

If you can explain to Google what do you want to know more, Google will answer step by step.

So, I think, I can give you a brief explanation of the important aspects and guidelines for learning Web Design.

If you find this article helpful, do comment in the comment section and share it on your social media so that other people also get help from it. 🙂