In website development knowledge of markup and code is required to use WYSIWYG software such as Kompozer (free), Adobe Dreamweaver (paid), etc. A website comprises a collection of web pages such as Home, About, Product or Services, Contact, Gallery, etc. These web pages are correlated with each other and can be accessed by visiting the homepage, using a browser like Google Chrome, Safari, Firefox, Internet Explorer, Opera, etc. Website Development involves essential skills such as back-end, front-end, and full-stack. A website can be static using HTML & CSS or interactive & dynamic with JS and PHP. Web design builds the layout of websites using software for website creation> CMS WordPress, graphic design> GIMP, and interface design & prototyping> Framer. A web developer is all about the interface for the functioning of websites using programming languages such as PHP. Website development can be complex involving developing social network services, network security, internet applications, etc.
Website Development: Setting up a website
Website Development for setting up website involves:
- domain & hosting,
- pointing the DNS records to the hosting provider server
- content directed to a target audience that can be data, text, links, images, audio etc
- web & graphic design
- development of program codes suitable for the content using programming – both front end & back end and markup languages.
- SSL certificate & publishing of webpages with software & hardware support
- administration & maintenance and
- promotion & marketing.
A website URL would look like as shown below
- https – The protocol which is port 443. For http it is port 80.
- jobs- The subdomain (or www as in the case https://www.sapcanvas.com)
- sapcanvas- The domain name
- .com- The suffix which can also be .net, .info, .gov, .edu etc.
- seo-fundamentals- The web page which we have searched
Note: The webpage can also be accessed through a category folder such as SEO which contains other webpages. In that case, the URL will be https://jobs.sapcanvas.com/seo/seo-fundamentals
Top Level Domain (TLD)
Domain Name Registrar – As per Wikipedia, it is an organization that manages the reservation of internet domain names eg GoDaddy, Namecheap, etc. The domain registrar registers website names otherwise called as Domain names.
As per Wikipedia, it is a service that runs Internet servers allowing individuals and organizations to serve content on the internet. Examples of hosting providers are SiteGround, Hostgator, Bluehost, etc.
Having a domain name allows you to store all your files inhouse and your host house tells people where your files are hosted. For the domain registration process go to < whois.icann.org/en/domain-name-registration-process > to read more.
It is best to keep separate your buying of a domain name and connect to web hosting as:
- it allows expertise either in selling domains or providing hosting on their part.
- instead of linking a domain name to you, they may link it to the host.
- it may become difficult to change your hosting provider later.
- one can find many cases of bad narratives online.
Sign up for domain and hosting is a self-explanatory process. The next step would be to find your DNS and point them to your hosting. You have received an email from your hosting account providing you the name servers. Go to your Domain Name Registrar to manage your domain and click on your domain in the domain list. Next, click on manage again and find updated name servers. Next click on it to edit the default name servers to custom name servers (copy and paste recommended) provided by your hosting provider.
cPanel is a web-based control and graphical dashboard which is used to administer your website and hosting environment. cPanel is the most common control panel used today by the users for managing shared hosting. It is used by the Linux operating system and improves your security measures.
The specialties of the cPanel include Uploading, Backing up, Restoring of files & Database, Editing DNS, Email (WebMail) & CMS set up for a website (Joomla, Drupal, install word-press using Softaculous Installer), Switching PHP versions, checking the speed of bandwidth, Connecting your domain name to hosting which include Addon and Parked Domains, Software, etc. cPanel is used for developing your website using Linux Explorer & creating FTP user, etc.
To back up your website, log into your cPanel control panel and click on the “Backup” icon. Next Select “Generate / Download a Full Backup”.(For hosting on a server with the cPanel control panel installed)
Website Development: Dynamic & Static Websites
A Static Website gets displayed in a web browser precisely as it is stored. It contains web pages with fixed content coded in the markup language (HTML & CSS) that is stored on a web server. Static means no change for each and every view of the site. It does not require web programming or database design as it is the most basic, easy, and simple to create that is most suited to small business websites. However, web development expertise would be needed to update and incorporate change.
CMS & eCommerce Platforms
A CMS allows for the management and control of the content on your website without technical knowledge for easy editing or adding, deleting text, and images on your website. Examples are WordPress, Joomla, Drupal, etc
An eCommerce Platform is a software technology that allows building storefronts for selling products and services. Two major options for E-commerce Platforms are Software-as-a-Service (SaaS) – Zoey, Shopify, BigCommerce, Volusion, etc, and Open Source – WooCommerce & Jigoshop (WordPress), Magento, OpenCart, Zen Cart, PrestaShop, etc.
eBusiness is just another name for eCommerce which is all about building an online marketing plan, promotion, and growing your business on the internet. On the other hand, eCommerce employs an electronic transmission medium for buying and selling of services or products that involve money transactions. Read more by clicking on e-commerce & e-business.
Publishing content on your website & transferring files
Web publishing tools provide the ability to generate web pages and provide the functionality to publish pages on the web. FTP is software for transferring files over the Internet. An FTP application is needed to copy the web page and other software components from the PC workstation to the webserver. Some commonly used tools are-
- Dreamweaver CC is a development tool for creating, publishing, and managing websites and mobile content.
- NetObjects Fusion & Expression Web is a web publishing tool.
- KompoZer is a free, open-source WYSIWYG Web page authoring tool.
- The FileZilla software which comes for free allows the transfer of files on the Internet.
In website development, themes style the identity of the website and comprise of font types and sizes, color scheme, and combinations that affect the aesthetics of the website thereby improving the user experience. WordPress themes, on the other hand, are more than just layout and color allowing engagement with the website’s content apart from being attractive.
Many small business website builders help owners create at low costs well-designed websites such as Wix, WordPress, Weebly, Webs, Squarespace, Shopify, Sitey, Duda, Jimdo, etc.
SSL Certificates need to be installed on a web server, for activating the padlock and the https protocol to allow secure connections from a web server to a browser. They are are small data files that digitally bind a cryptographic key to an organization’s details.
Site migration is the process of moving your website from one domain to a different one. It can include switching over site domains and servers, creating and consolidating branded domains, CMS platforms, and so on.
Errors are messages from the web server demonstrating that something wrong has occurred. As per Google, the top 5 errors are:
- Internal server error -HTTP error 500
- Not found error – HTTP error 404
- Forbidden error – HTTP error 403
- Bad request – HTTP error 400
- Unauthorized error – HTTP error 401
The Site Speed reports reveal how soon users see and interact with content in terms of any event, hit, etc that need to be tracked e.g., how quickly page and images load. GT Metrix is a free tool that analyzes your page’s speed performance.