Often confused about how a idn slot website stands and how to make it. Nowadays we have a lot of look at some very interesting websites that are good and very informative. But we can make our website attractive. But before we start, we must first identify what is needed and what elements are on the website that we usually encounter. Oftentimes, many people say that creating a website is making coding or creating applications. Whereas in HTML the type of text used is called the script used on the website, not code. So that scripting is a type used in HTML, not coding, even though both are programming languages used by programmers. A web application is a system built with the concept of web engineering or what is called (web engineering) and is applied online through a medium called the Internet. Web Engineering itself is a process of developing a web-based application using engineering science. Management principles and systematic approach, to produce high-quality web applications to control development, minimizing risks, and improving the quality of website-based systems. Website-based programming has several characteristics, the existence of communication between a web browser and a web server via the internet based on the HTTP (Hypertext Transfer Protocol) protocol, and all resources on the network are identified by a URL (Uniform Resource Locator). Web documents are written based on the HTML (HyperText Markup Language) standard. Programming on the web itself has two sides, the Front-End and Back-End, where the Front-End plays with the Client-Side Scripting, while the Back-End plays on the Server Side Scripting. Previously, we had to know that there are two types of website creation, Front-end, and Back-end. The front-end is a creation on a website which is the client-side or referred to as the Client-side server, while the Back-end is the side of the server which is usually known as Server-Side Script where the script works behind the Client-Side Script. What is the difference? Client-Side Scripting is a type of web programming language whose processing is carried out on the client-side or user interface (Front-End) where the process is carried out by the web browser as the client and several libraries can translate all commands on web pages using client-side scripting. examples such as JavaScript, CSS, Jquery, XML. Meanwhile, the back-end is the server-side scripting, which is a web programming language that is processed on the server-side such as PHP, ASP, and JSP, where the webserver is the HTTP server that provides the documents requested by the web browser, so that the webserver is The most important component in the Application Server layer where a web server must be able to serve document requests requested by a web browser and be able to be set up to interact with JSP, ASP, and PHP programs in CGI and so on such as some examples on the used web server, APACHE HTTP SERVER, and Microsoft IIS. In web programming, there is a service that can be accessed via the internet called the World Wide Web (WWW), abbreviated as the web, which is a collection of documents, images, videos, and other resources that are linked by hyperlinks and URLs. HTTP is a protocol that regulates a web browser in requesting and receiving a document from a web server and this protocol is the standard protocol used to access HTML documents and the protocol is on the application screen. On the website itself, there is such a thing as a URL that is used to determine the resource on a web server which can be analogized as follows “protocol: // DNS name/path/filename”. DNS (Domain Name System) is a naming standard for computers on the Internet to simplify the management of Internet computer servers. To be able to access website-based applications, you need to use a web browser, because the browser is used to display rendering documents on web / HTML. The current web browser also has the convenience of using it besides being able to open multiple tabs, the browser is now capable of interpreting JavaScript, VBScript, Java Applet, and understanding XML documents as well as several plugins such as .swf and so on.
Types of Text Editor Code For Websites
HTML editor is a professional tool that is used and devoted to creating and changing a website page, although any text editor can be used, there are several text editors currently used to help edit the text in HTML scripts. Some examples of tools that are often and used:
- Macromedia Dreamweaver
- Notepad ++
- Sublime
- Visual Studio Code (VS Code)
- ATOM
- Brackets
- VIM
- Text Wrangler
- CoffeeCup HTML Editor
Each text editor tool has advantages and disadvantages of each tool. If you are starting to learn, you can use Notepad ++ or VSCode because both text editors are very easy to use and lighter, and more on the user interface.
Types of Frameworks Used in the Website
On the appearance of the website itself, it must have a responsive appearance so that the website can be accessed and visible both on whatever media is used, both on smartphones and desktops by following the resolution used by the user. In making the display responsive, it is a technique of making responsive web designs using CSS and HTML to resize, hide, shrink, enlarge or shift content so that the appearance is maintained. Responsive Web Design has become very popular since 2013, considering that more and more Internet users are using mobile devices that have different screen sizes and screen resolutions. Why is making the appearance of the website responsive important? Because making the website display responsive is recommended by Google, then one website for all devices so that it is easy to manage. Although the manufacturing process is very time-consuming and requires less design and preparation and needs, it has a drawback that is having to create a separate site for mobile device users and not having an optimal design on different screens. The website itself usually uses a framework to help make the appearance on the website responsive and attract attention. Several types of frameworks that are often used are:
- Bootstrap
- Foundation
- Metro UI
- Skeleton
- Laravel
Usually, responsive techniques can be made based on the Grid System, Fluid Grid, and Media Queries.
Basic Tags Used in the Website
HTML has some basic tags that must be remembered if we want to create a website-based application. Each tag already has its pair and different functions. The basic HTML tag types that are usually used are:
In this tag, it is used that the code contained in it is HTML code. The structure in HTML itself usually consists of a head and body.
This is a tag that is in the HTML head section which will usually be filled with the title tag and is also a tag to provide information at the top of the tab in the browser.
This tag is a function for filling in the posts on the tabs in the browser.
This is the body part of the browser which is used to be displayed on the browser.
The use of tags should use lowercase letters. The browser will ignore spaces or newlines in the text between the tags. If it is described, it will be as follows for the arrangement of tags in HTML:
