Topics covered :
- Introduction to Internet, URL, WWW, and its applications- Web, email, Chat, VoIP
- Website: Introduction, the difference between a website and webpage, static vs dynamic web page, web server, and hosting of a website.
- Web Browsers: Introduction, commonly used browsers, browser settings, add-ons, and plug-ins, cookies
Website & Web Page
- A website (also written as web site) is a collection of inter-related web pages and it is identified by a common domain name and published on at least one web server. Examples of websites are anjeevsinghacademy.com, google.com, and amazon.com.
- All publicly accessible websites collectively constitute the World Wide Web. There are also private websites that can only be accessed on a private network, such as a company’s internal website for its employees.
- Websites are typically dedicated to a particular topic or purpose, such as news, education, commerce, entertainment, or social networking. Hyperlinking between web pages guides the navigation of the site, which often starts with a home page.
- Users can access websites on a range of devices, including desktops, laptops, tablets, and smartphones. The software application used on these devices is called a web browser.
Web Pages vs. Websites
- A web page is a part of the website which comprises links to other web pages while a Website is a cluster of related web pages addressed to a typical URL.
- The web page contains the content that is to be displayed on a website while a Website is a place that contains the links of web pages.
- The web page URL has an extension while the website does not.
- Web page address depends on website address while Website address doesn’t rely upon web page address.
- Requires less time to develop as it is a part of a website while a website takes more time as compared to a web page.
Types of Website: Static and Dynamic
Static Websites
- A static website is one that does not make use of any external database and is written completely in HTML (Hypertext Mark-up Language), CSS (Cascading Style Sheet) & Java script.
- Static websites provide always same information to every user who visits that website.
- Additionally, making updates to static websites means going directly into the HTML and making the changes from there.
Pros of Static Website :
- Less complex to develop
- Usually faster loading times and smaller page size
- All assets can be cached for even faster page speed
Cons of Static Website :
- Non-interactive
- Updates must be made directly within the HTML code
- Cannot perform the complex functionality required in many modern sites
Dynamic Website
- A dynamic website generates content based on the user. For example – On Facebook when you log in, you are greeted by a page of updates tailored to you based on your likes, friends, etc.
- This page of content is specific to you as a user and will update dynamically as time goes on.
- Dynamic websites also make use of a server-side language (e.g. PHP, JSP, ASP, etc.) and a database where all posts, pages, and media are stored.
- A dynamic website can also make it easier for a user without any HTML knowledge to update data on the website.
- Mostly dynamic websites are built with the help of Content Management Systems (CMS), like WordPress, and Joomla, which make it simple to update information through an easy-to-use interface.
Pros of Dynamic Website
- Dynamic content generation based on user
- Easily update content when used with a CMS
- Able to use it in more complex scenarios such as an online store, forum, social media platform, etc
Cons of Dynamic Website
- It May be slower than a static site due to the increase in required resources
- More complex to develop
- Greater risk of security issues
Static Website vs. Dynamic Website
- Pre-built content is the same every time the page is loaded while in dynamic website content is generated quickly and changes regularly.
- A static website uses the HTML code for developing a website while a dynamic website uses server-side languages such as PHP, SERVLET, JSP, ASP.NET etc. for developing a website.
- A static website sends exactly the same response for every request whereas Dynamic website may generate different HTML for each of the requests.
- The content of a static website is only changed when someone publishes and updates the file (sends it to the webserver). while dynamic website contains “server-side” code which allows the server to generate the unique content when the page is loaded.
- The website of your school is a perfect example of a static website while Facebook is a perfect example of a dynamic website.
Web Server
- A web server stores and delivers the content for a website – such as text, images, video, and application data – to clients that request it. The most common type of client is a web browser program, which requests data from your website when a user clicks on a link or downloads a document on a page displayed in the browser.
- A web server communicates with a web browser using the Hypertext Transfer Protocol (HTTP). The content of most web pages is encoded in Hypertext Mark-up Language (HTML).
- The content can be static (for example, text, and images) or dynamic (for example, a computed price or the list of items a customer has marked for purchase).
- To deliver dynamic content, most web servers support server‑side scripting languages to encode business logic into the communication. Commonly supported languages include Active Server Pages (ASP), JavaScript, PHP, Python, and Ruby.
- A web server might also cache content to speed the delivery of commonly requested content. This process is also known as web acceleration.
- A web server can host a single website or multiple websites using the same software and hardware resources, which is known as virtual hosting. Web servers can also limit the speed of response to different clients so as to prevent a single client from dominating resources that are better used to satisfy requests from a large number of clients.
Web Hosting
Web hosting is a service that allows organizations and individuals to post a website or web page onto the Internet. A web host, or web hosting service provider, is a business that provides the technologies and services needed for the website or webpage to be viewed on the Internet. Websites are hosted or stored, on special computers called servers.
When Internet users want to view your website, all they need to do is type your website address or domain into their browser. Their computer will then connect to your server and your webpages will be delivered to them through the browser.
Steps to Host a Website :
- Decide What Type of Website You Want
- Static
- Dynamic
- Choose Your Hosting Server
- Linux Hosting
- Windows Hosting
- Select Your Web Hosting Plan
- Shared Hosting
- VPS Hosting (Virtual Private Server Hosting)
- Dedicated Hosting
- Cloud Hosting
- Change Your DNS Address ( Name Servers )
- Design and Upload Your Website
Popular Website hosting service provider –
- Introduction to Internet, URL, WWW, and its applications- Web, email, Chat, VoIP
- Website: Introduction, the difference between a website and webpage, static vs dynamic web page, web server, and hosting of a website.
- Web Browsers: Introduction, commonly used browsers, browser settings, add-ons, and plug-ins, cookies