CIT Forum Index

Support => Tutorials and Guides => General Guides => Topic started by: Lxuraz on 21 09, 2017, 08:37:11 pm

Title: [Guide] The basics in making a website
Post by: Lxuraz on 21 09, 2017, 08:37:11 pm
Howdy, I've been studying the basics of making a website so I decided why not share it with you guys it would be such a great thing seeing people liking this guide.

This guide contains the following:

1. Information about how to create websites
2. The basics of creating a website


Often, the hosting company offers several plans that you can choose from. There are small plans for small and new sites and there are bigger plans for famous and big sites. Generally, the most important factor to determine which plans are most suitable is the number of visitors to the site. If your site is new and you are still a beginner so you start from scratch, choose a simple plan because your visitors in the first year will be a bit.



Who are the ones who can create a website :

I highly recommend you get help from programmers or you can create your own website by using wix which I'll explain about it in the following.

Alright, as I'm a programmer creating websites takes time but creating a website using wix is shorter than any other creating way as I didn't create websites before with wix so I gotta copy how to create a website by wix

Show content
Quote from: https://www.wix.com/blog/2016/06/how-to-create-website-step-by-step-guide/

Strategize Your Brand

The first task you have is to devise a detailed branding strategy. You don’t want to start creating a website before you have a solid idea of the site’s purpose, its intended audience, its guiding visual philosophy or its tone of voice. All of these should become clear to you as you pursue the following:
Identify your target market: Who are they? Which demographic groups do they belong to? What do they like to do? How do they see themselves? How will your business or website influence their lives?
Research your competitors: Get a grip on what the competition is doing, what their strengths and weaknesses are, and how you can carve a niche for yourself in the field.
Define your brand identity: If you had to describe your brand in three words, what would it be? What is the vision that motivates your brand? Think of your brand’s personality and extract from it tangible traits like colors, vocabulary and style.
Prepare consistent branding material: Now it’s time to get practical and prepare the materials that will soon be featured on your site and on other platforms too. For instance, a logo, images, slogans, videos, textual content and more. They should all correspond to your brand identity and serve your branding strategy.
Approach the Design

When it comes to web design itself, you’re in luck. Wix does most of the hard work for you, and all that is left is for you to choose what’s right for your website’s style.
Choosing a template: Website templates give you a solid foundation for designing your site. Ideally, the template you choose already has the layout you need and is styled according to your branding strategy. Wix offers a vast selection of gorgeous website templates for multiple themes, styles and purposes. Take a look, take your time and choose the one that best suits your vision.
Customizing your template: Once your heart is set on a template, it’s time to turn it into your very own site by customizing and editing: adding your own content (images, texts, links, videos, audio) and refining the design if needed (colors, shapes, page order, font choice and more). Your customizing can be as basic or as elaborate as you want it to be. Take a look at this gallery of Wix websites created from three templates and you will see how Wix users make our templates look like individually-designed sites.
Tweaking the look: There is much more to creating a website than just choosing images and colors. You can add a variety of features that will enhance your site design, like parallax scrolling to add dimensionality to your site, background videos that inject dynamic motion, wide strips to accentuate the page layout and so much more.
Approaching the Design
Prioritize Usability

Your website, as stunning as it is, must also provide a friendly user experience to your site visitors. A beautiful website that does not function properly will not get you far. As you create your site, pay attention to these important points:
Navigation flow: Make sure the site structure is clear and intuitive so that visitors can easily navigate between pages and subpages using the main menu or internal links.
Content hierarchy: A coherent content hierarchy guides the visitors through your site content in the order that best serves your interest. The most crucial aspects should be the most prominent, and the design should clearly reflect that. This landing page site is a pretty good example of content hierarchy done right.
Call to Action: CTAs are the messages that invite site visitors to take direct action, like: “Register Free” or “Get Yours Today.” In short, they tell the visitors explicitly what it is that you want them to do. Learn how to create the perfect CTAs before you add them to your site.
Readability: What’s the point of having a website if your content is practically unreadable? Make sure you use clear fonts and comfortable font sizes, that your text colors contrast well with the background colors, and that you have enough “white space” around your texts.
Footer: The bottom part of your site is known as the “footer” (the top is the “header”). Footers are not immediately visible to site visitors, but they can be used in a number of ways to enhance usability, for example: add all of your content information there, including buttons linking to social media channels; display a simplified site map that links to all pages of the site; write a brief About Us paragraph or a site disclaimer text.
Prepare for Search Engines

Getting your site to rank prominently on search results is one of the most valuable ways to increase your traffic, which is why it’s so important to incorporate Search Engine Optimization (SEO) already when you create your site. Within online marketing, SEO is a science in its own right and its key elements are:
Keyword research: Put yourself in the shoes of your potential site visitor or client. What will they be searching on Google that should lead them to your website? The keywords that they will be using are the ones that will guide your SEO strategy. Make an informed decision on which keywords you should be targeting.
Text: Your Bio section, your blog, your footer, your FAQ section – every spot that has text should be conceptualized with SEO in mind. The real trick is to find a subtle and elegant way to integrate your keywords into your site’s textual content without compromising your content’s quality. Search engine crawlers are smart and if they think you sound too much like an ad, they will down-rank you.
Meta tags: Meta data is not plainly visible to your site visitors. Search engines, however, do read your meta data, and you can control what it is that they see and how they present your site in search results. Follow this guide to understand how to use meta tags to your advantage.
Alt Text: Search engines can’t read images (yet!) but that doesn’t mean that images are useless for SEO. Every image that you upload to your website should have an ‘Alt Text’ added to it. This very short line explains to search engines what the image depicts, which in turn allows your images to be ‘found’ in search results. Here are more alt text guidelines for you to follow.
Link Building: Broadly put, your search results ranking improves if you have other websites linking to your site. You can start by submitting your website to directories, making sure that all of your social media profiles point to your site, and encouraging site visitors to share your content as well.
Keep in mind that SEO is a long-term process that does not end once your website is launched. You will need to continue to refine it as you go along in order to win sustainable results.
Preparing for Search Engines
Professionalize Your Site

In addition to acting as the online face of your business or service, you should ask yourself how your website can further enhance your professional success. Depending on your industry or field, your site could be offering a number of features that will make it more appealing to your target market. For example:
Wix Booking: The ideal solution for booking appointments online that helps you manage your schedule more efficiently and even charge at the moment of booking.
Wix Music: A cutting-edge platform for musicians who want to expand their audience while maintaining total creative freedom. Wix Music allows you to sell your music directly on your website and keep 100% of the profits. Simultaneously, it distributes your sounds to over 120 digital stores.
Wix Stores: The most convenient way to create and manage an online store. We designed the Wix Stores platform to guarantee that your products are presented in the most enticing way to your customers and to ensure a smooth purchasing process. You can see the result in these gorgeous online stores, all created on Wix.
Essential Apps: The Wix App Market holds a large selection of apps that will help you fulfill your website’s potential to the max. Consider, for instance, Google Maps for directions, advanced forms to maintain contact with visitors, invoicing tools for organized bookkeeping and many, many more.
Why Online Bookings Help You Sleep Better at Night
Go Mobile

Every website must have a mobile version. That is a fact. Mobile web usage stats indicate that internet users now spend more time surfing the internet on mobile devices than they do on actual computers. Google even announced recently that its algorithm will be prioritizing mobile-friendly websites on search results. The conclusion is clear: there’s no room in the future for websites that do not add a mobile version.
Fortunately for Wix site owners, the Wix mobile editor makes it extremely easy to enable mobile viewing and adjust the layout and design for mobile screen size. When you customize your site for mobile, pay close attention to readability, navigation, and image sizing.
Keep Visitors Engaged

Once your website goes live you will see that the main challenge shifts to attracting and maintaining visitors. You can prepare for this task by adding features that actively reach out to visitors and keep your online content dynamic.
Newsletter: Wix ShoutOut is a terrific newsletter tool that allows you direct contact with your subscribers. For inspiration, here are 15 great ideas for newsletters you can try.
Blog: Writing a blog is valuable for several reasons. For one, it lets you communicate your message and ideas in a more personal, eye-to-eye tone. In addition, blogs are very good for improving SEO because they offer textual content that can be optimized with keywords. Adding a blog to your Wix site is just a matter of a few clicks. Not sure how blogging might work for you? Check out these Wix websites which all include high-quality blogs.
Social feed: Active on social media? Make sure your site visitors are aware of it and encourage them to connect on other platforms. The Wix App Market offers several apps that link your site with your social accounts or even display your social activities directly on your site.
.

https://m.youtube.com/watch?v=JTdK9q_iuE0
Title: Re: The basics in making a website
Post by: iShadow on 22 09, 2017, 06:45:17 pm
Interesting guide, dude. I've got a question. Nowadays is it free to make own site?
Title: Re: The basics in making a website
Post by: Gulag Emperor on 22 09, 2017, 07:47:59 pm
Interesting guide, dude. I've got a question. Nowadays is it free to make own site?
There is some websites that gives you the ability to create your own forum for free, but it does lack some features, you can search for it on google.
It's really better pay for it instead, people use the free ones just for testing purposes.

Edit: Try this website https://www.createaforum.com/free-forum.php
Title: Re: The basics in making a website
Post by: guest74726 on 23 09, 2017, 04:55:38 pm
Thanks for your nice post here. I would like to get your feedback. I hope you might be an expert. I found a website analysis tool http://zzday.info/ This tool can be used to get traffic details, website who is info, who is info, server location, domain and many more.

How much helpful this tool is? I will wait for your further reply.
Title: Re: The basics in making a website
Post by: Lxuraz on 29 09, 2017, 12:38:51 am
Dear Hermission ,  Yeah it's actually a very nice website but sadly it's usage is being decreased year by year besides being memorable but it seems to be that the website will die anytime soon for that reason (https://www.hugedomains.com/domain_profile.cfm?d=zzday&e=com) but we can't destroy the fact that it's a helpful site.
Title: Re: The basics in making a website
Post by: Clinkz on 29 09, 2017, 12:46:15 am
Interesting guide, dude. I've got a question. Nowadays is it free to make own site?
There is some websites that gives you the ability to create your own forum for free, but it does lack some features, you can search for it on google.
It's really better pay for it instead, people use the free ones just for testing purposes.

Edit: Try this website https://www.createaforum.com/free-forum.php

He meant a website not a forum*

Nice guide Lxuraz but what do you think about recording a video of making your own free or/and paid website and how to install SMF (forum) on it since many people wants to make their own group/squad forums?.
Title: Re: The basics in making a website
Post by: kfumaster on 29 09, 2017, 02:12:36 am
Good tutorial, elaborate more about it. Add some information about E-Commerce, backup, SSL certificate, and the most important thing is about security. Every developers should know about SQL injections, XSS, CSRF, secured used protocols to make their website safe. Using Wix is not really kinda helpful to you, because if Wix dies, you dies. It's better to build it by yourself and of course it will take time to learn.

Also, I think this topic should be moved general chat (education).
Title: Re: The basics in making a website
Post by: Gulag Emperor on 29 09, 2017, 08:12:04 am
He meant a website not a forum*
I thought there isn't a big difference between forums and websites, I'm not really so experienced with these stuffs.

Sorry for misunderstanding.
Title: Re: The basics in making a website
Post by: Mr.EgE on 16 11, 2017, 06:52:40 pm
Hello,
Well, you can use ".blogspot" for web site.There are many themes and designs for blogspot.
I won't take money, It's better than "Wix.com" in my opinion.
Title: Re: The basics in making a website
Post by: Clinkz on 25 11, 2017, 12:56:36 am
any idea where I can get a free ssl certificat for my website I've being searching alot for it .

Are you running your website in a VPS?
Title: Re: The basics in making a website
Post by: Arex on 28 11, 2017, 03:13:33 pm
Well... If you are willing to make website by making scripts as wix, worldpress don't exactly provide what you actually want. So, for it, You can make own website by programming it. I like this way of making web sites. Here are mine:
http://scarykillers.000webhostapp.com/
http://kaneki-intro.000webhostapp.com/
To write website code, you might need sublime text 3 (https://www.sublimetext.com/3) or Notepad++ (https://notepad-plus-plus.org/download/v7.5.2.html)
Here are some lanuages that you need to learn to make good website:

Here are the sites from where you can learn these languages:
https://www.edx.org/
https://www.w3schools.com/

Codcademy is complex . So, you should try above two.

to host your site on internet, you can buy domain or get free from 000webhost
Title: Re: The basics in making a website
Post by: guest76515 on 28 12, 2017, 02:34:29 pm
Not a bad guide, thank you. I would also add something else - unless you go for professional hosting, your website is likely to end up on a server that is used by a few (sometimes a few dozen) other websites, and since you share the IP, they might end up affecting your rank in Google. I often tend to use some simple online tool, such as http://webanalysis.tools (http://webanalysis.tools), to check out the other websites on a chosen server. Just to make sure it's good neighborhood. Obviously, actually visiting the websites is also a good idea.
Title: Re: The basics in making a website
Post by: guest76554 on 29 12, 2017, 02:09:37 am
The tutorial really helps alot :D:D (http://spyloadedng.com/index.php?board=15.0)

There is some websites that gives you the ability to create your own forum for free, but it does lack some features, you can search for it on google.
It's really better pay for it instead, people use the free ones just for testing purposes.

Edit: Try this website https://www.createaforum.com/free-forum.php