Simple designs to get your website started in minutes:
- Quick and easy setup
- Customize everything
- Drag and drop design
- Easily swap images
Your website looks great everywhere, including mobile!
Enhance your site with popular apps:
- Social: Facebook, Twitter, YouTube
- Business: Yelp, PayPal, HomeFinder
Material Design Lite
GDG Mumbai, DevFest 2016
Website development is a wide term that describes creation of the information stored on the Internet in a bundle of files called web pages collectively called a web site.
It is a varied process consisting of making a single and simple web page or a complex web application like e-commerce, Social Networking, Blogging Website.
Some related terms with Web development are Website Content Development, Web Designing, Web Engineering, Web Server Administration, Client-Server Management. Well, each term signifies an individual meaning keeping website development as a key idea.
The process of creating a website development includes:
1. Register a Domain Name.
2. Buy Web Hosting.
3. Modifying the DNS.
4. Upload your website with FTP
5. Development Tools.
1. Register a Domain Name: A Domain name is a unique web address assigned to an IP address on a web server. A domain name has at least, a top-level and a second-level domain. A top-level domain (TLD) is the part of the domain name located to the right of the dot (“.”). The most common TLDs are .com, .net, and .org.
A domain name works as below:
When a visitor enters your domain name into a Web browser, the browser uses the requested domain name to find associated IP address which points the website. Using a domain name instead of IP addresses makes it easier to remember. Your domain name and its associated IP address are stored in a common database along with every other domain and associated IP address that are accessible via the Internet. The new domains includes .club, .job, .io, .academy, .ceo, .cards, etc.
2. Buy Web Hosting: Web Hosting is what makes it possible for others to view your website over the Internet. A web hosting space is a storage space on a web server be it 10GB, 100GB or unlimited. Each hosting space has allocated bandwidth for handling the amount to web traffic to the server.
There are basically two types of web hosting – Linux or Windows. The hosting type is selected depending on the requirement. Each hosting type supports different programming languages. Linux Hosting comes with cPanel and Windows Hosting with Plesk. A separate category is the Managed WordPress hosting which has WordPress installed.
3. Modifying the DNS: After purchasing a domain name and hosting to put the website live some DNS settings are to be modified. DNS, which stands for domain name system, controls your domain name’s website and email settings. When visitors go to your domain name, its DNS settings control which company’s server it reaches out to.
Here is a list of DNS Elements:
Nameserver: Nameservers “point” your domain name to the company that controls its DNS settings. Usually, this will be the company where you registered the domain name.
Zone File: Zone Files are simply the files that store all of your domain’s DNS settings. Your domain name’s Zone File is stored on the company’s nameserver.
A Record: A Records point your domain name to an individual server using an IP address. An example IP address is 184.108.40.206. Every domain name has a primary A Record called “@,” which controls what your domain name does when some visits it directly. You can also use A Records to point subdomains (for example subdomain.coolexample.com) to a server’s IP address.
CNAME: CNAMEs point your subdomains to another server using a server name, like server1.secureserver.net. Most domain names have many CNAMEs. Unlike A Records, CNAMEs cannot use IP addresses.
MX Records: MX Records point your domain name’s email to its email provider.
4. Upload your website with FTP: Upload your website files to the web server by creating an FTP account on the web hosting account which includes an FTP host, username and password. Access the webserver by using FTP Client software like FileZilla, Microsoft Expression Web, Adobe Muse, Dreamweaver, iWeb, Microsoft Visual Studio.
5. Development Tools: These consist of a different set of tools and software for website development. Choosing a website type and then a language comes first before selecting a website development tool.
Here is a list of popular tools and software using in developing a website.
2. Text Editors like Microsoft Visual Studio Code, Sublime, Atom, Brackets.
3. Dreamweaver an IDE with WYSIWYG and script designer.
4. Bootstrap Studio: A powerful web design tool for creating responsive websites using the Bootstrap framework.
5. Zend Studio a leading PHP IDE.
6. Intel XDK it is a cross-platform development environment enables software developers to develop, test, preview and deploy HTML5 web and hybrid apps.
Content Management System
frameworks like WordPress, Drupal, Joomla, Magento, Presta shop, etc.
The website development is a team work be it designing, coding, database management, server management and site testing. It consist of HTML developers, Designers, Content Writers, Application developers or programmers, Database administrators and Server administrators.
Finally, before publishing your website online consider the following testing criteria:
Multiple browsers and operating systems — Test your site using multiple browsers to ensure that the website is portable and is displayed consistently on different operating systems.
Connection speeds – Test for download times of the web server at different connection speeds.
Device types —Test at different screen resolutions devices be it mobiles, tablets, Desktop PCs.
Security testing — Finding security vulnerabilities in an application is an important step in testing or in web development. The Open Web Application Security Project at https://www.owasp.org/ creates methodologies, tools and technologies for Web Application Security.
A website is a collection of discrete documents and files made up of text, graphics, links, layout, colors and formatting bundled together to create a whole user experience. Web pages are the discrete elements in a website.
Website is simply a collection of related web pages.
Websites connect with domain names, like example.com, which describe all the necessary files of a website on the computer.
One can reach a website by a uniform resource locator (URL) by a web browser which is a computer application capable to download and display the files that make up a website.
The most Popular web browsers are Microsoft Edge, Google Chrome, Mozilla Firefox, Internet Explorer and Safari, which read and interpret the domain names.
A Website can be of various kinds like a personal website, a commercial website, a government website or a non-profit organization website. There are basically two major types of websites are: static and dynamic.
1. Static Website: A static website is one that is primarily written in plain HTML along with design/appearance properties of CSS. It is in the code of the web page which is displayed to the user. In a static website the web pages (static) are stored on the web server and rendered to the client browser.
e.g. Facebook, Twitter, etc.
Process of working of a website is as stated:
• The web server receives the request for a page sent by the client (web browser).
• The browser connects to the server through an IP Address acquired by translation of the referenced domain name by the DNS.
• Finally, the server sends back a response after processing the request.
Contents in the web pages categorize the Websites as below:
1. Personal Websites: These are websites that include an individual or a small group.Example: Celebrity website, Individual Portfolio
2. Photo Sharing Websites: These are websites created to share digital photos with the online community. Example: Flickr, Instagram, Pinterest
3. Blogging Websites: These websites are used by bloggers for Blogs i.e. online diaries, journals, or editorials. Blogs is another name for Web Logs. Example: WordPress, Bloggers.com
4. Electronic commerce (e-commerce) websites: These are websites that offer goods and services for online sales. Example: Amazon, Flipkart, eBay
5. Forum Websites: These are website where people, group, community discuss over various topics and subjects.
6. Gaming Websites: These are websites that offer users to play online games. Example: Miniclip, Gametop
7. Government Websites: These are websites developed by the local, state, department or national government of a country projected to inform tourists or support tourism, governmental services. Example: digitalindia.gov.in, uidai.gov.in
8. Social Networking Websites: These are websites where users communicate with other users and share media, like pictures, videos, music, blogs, etc. Example: Facebook, Google+
9. Micro-blogging Websites: These websites are short and simple forms of blogging websites. They contain limited characters and work similarly like a post update on a Social Networking Websites. Example: Twitter.
10. Web Portals: These are websites that provides an initial point or a gateway to other resources. Example: MSN.com, Yahoo.com.
11. Questions and Answers Websites (Q &A): These are website where users can ask questions & get answers. Example: Quora, Yahoo! Answers, Stack overflow
12. Search Engine Websites: These are websites where information is retrieved using a query to search the data which is indexed over the Internet which is response of collective links to related information. Example: Google, Bing, DuckDuckGo
If you want to create a website follow this process:
1. Register a Domain Name
2. Purchase a Web Hosting Service
3. Configure the connection by modifying the DNS Settings.
4. Upload your website files (HTML/CSS/JS/Code) using an FTP client (FileZilla) to the web server.
5. That’s it you have setup your website successfully.
To know more about Website Development, check our blog post on “An Overview of Website Development”.