You are searching about Advantages Of High-Level Language Programming Over Machine Language Programming, today we will share with you article about Advantages Of High-Level Language Programming Over Machine Language Programming was compiled and edited by our team from many sources on the internet. Hope this article on the topic Advantages Of High-Level Language Programming Over Machine Language Programming is useful to you.
Page Contents
Presentation Layer in Website Design
As we all know, there are always two sides to every website design. The visual side that all users see with all the graphic elements, buttons, images, and the side behind it is the code responsible for the functionality of the website. How to get the balance?
The enabling side does not contain only one type of code, but covers different ones. Primarily, it is HTML code that creates a framework for embedding programming languages such as CSS (Cascading Style Sheets) or PHP. In other words, HTML is used to structure the content on a page, while CSS allows you to separate the content of your website from its style, and programming languages communicate instructions to the computer.
HTML itself does not power effects like dropdowns or carousels. There is one code explicitly dedicated to the user interface, while other code is used for data processing and connecting to the database. The “presentation layer” refers to the graphical interface as well as the code that powers it, including the code that controls interactive elements such as drop-down menus.
Promotional code includes:
- HTML and HTML 5
- CSS
- Scripting languages like JavaScript, jQuery and Ajax.
Usually all these languages are skillfully combined to create a visually appealing and highly functional website design.
1. Creating a multimedia interface
Animated and immersive design is achieved either through the use of Adobe Flash or a combination of HTML, CSS and other scripting languages.
For many years, Adobe Flash was the leader, but that has started to change. Nowadays, with the development of HTML 5 and CSS, we are increasingly able to replicate many interactive and animated effects.
HTML 5, the latest edition of HTML, took a big step forward in terms of presentation layer design capabilities. It provides an enhanced toolset of elements and properties and captures how designers work with and use specific elements. For example, it allows designers to define a navigation group with a new “nav” element instead of the previously used “div” element. HTML5’s support for animation and interaction design has also improved significantly, and support for HTML5 in mobile browsers such as Apple Safari has opened up web design possibilities.
A few words about Adobe Flash
Flash is an animation and interactive technology that allows you to create a highly immersive interface. When it comes to implementing the Flash element in website design, the process is quite simple. A component created in Adobe Flash is exported as a self-contained .swf file, and the .swf file is inserted into an HTML page in the same way as an image. A .swf file can be either a small part of a page or literally the entire interface. It should be noted that in order to view a page with a .swf component, users must have Flash player installed in their browsers.
Despite its ability to create an impressive user experience using Flash, there are some drawbacks. Most importantly, Apple’s mobile platform simply does not support Flash files. Therefore, a website created in Flash (Apple) should offer an alternative version of the site for mobile viewers (of course, if the market is important enough for them). Inviting the user to download the latest version of Flash player on their iPhone is an irrelevant button, because even if they download Flash, the site will still be inaccessible.
HTML5 – Flash alternative
As mentioned earlier, the combination of HTML 5, CSS and jQuery code allows you to reproduce animated websites that are now only possible in Flash. Designing a rich and animated user interface using the Canvas element is now easier than ever. Most modern desktop and mobile browsers support the HTML5 standard, which allows you to create a design that works on multiple platforms.
1.1 DHTML, JavaScript, jQuery and Ajax
Note that HTML is just a structure for content. Scripting languages such as JavaScript, Ajax, and jQuery, which control the behavior of user interface elements and content displayed on the page, tap into that structure.
JavaScript is a dynamic scripting language capable of complex animation and interaction effects, such as creating a dropdown menu or an expandable window layer. It allows you to communicate with the user, control the browser and change the content of the displayed web page. When JavaScript is implemented in HTML, the HTML is then referred to as ‘DHTML’. Dynamic HTML (DHTML) allows you to create interesting interactive components and animations.
jQuery It is a simplified form of JavaScript that focuses on the commonly used interaction between JavaScript and HTML. This web page is designed to make navigation easier. jQuery is free, open source software and available online. You can copy and paste ready-made scripts into your web pages and customize them to serve your purposes. Using jQuery, you can create animation and interaction design effects with less code than required with JavaScript.
Examples of jQuery effects:
- Expansion and collapse due to windows
- Carousel Image rotation
- Magnify the image during transfer, etc.
Ajax (asynchronous JavaScript and XML) allows data to occur in the background (asynchronously), such as sending or receiving data, without interfering with the display or behavior of the web page. Therefore, there is no need to reload the page or press the “refresh” button, and the information on the page can be updated/updated automatically.
1.2 Advanced CSS Graphic Effects
Previously, we relied on bitmap graphics such as jpeg or gif to create a graphic element, such as a button. Not only do they increase web page load time, but they also have to be created by designers familiar with software like Photoshop and then manually changed every time you want to change the look of the site.
Nowadays, CSS offers increasing levels of stylistic control over the appearance of elements. Now it’s possible to add gradients, rounded corners, reflections, and soft shadows to text and elements simply through code.
There are a few useful CSS graphic style controls that we can apply to avoid using bitmap graphics in our UI design.
The benefits of using CSS for our user interface include:
- Faster load times – CSS code is written only once and can be applied as a style to any graphic or text element;
- Scalable design – CSS code allows you to apply scalable attributes to fonts and elements;
- Easy maintenance – To change the size, color and visual effects of a button, text or design element, we simply change the values in the CSS code and the change will be applied to all elements assigned to the custom style;
- Accessibility – In CSS, we use actual text for our buttons and interface elements, which are labeled and defined in a way that screen readers can digest and translate for users using such devices.
1.3 Responsive design
The latest trend in website design is ‘responsive design’. It’s an approach focused on creating websites that provide an optimal viewing experience and are easy to read and navigate across a wide range of devices. When the user resizes the browser window, the web page is immediately updated to display optimally in the ‘viewport’ size. View port is a new term used by designers to refer not only to different desktop browser sizes, but also to mobile devices with different fixed screen sizes.
Responsive design is possible thanks to the “media queries part” of the CSS3 specification. It recognizes the browser’s size and tells the page to load the appropriate stylesheet, for example ‘widescreen.css’ or ‘mobilescreen.css’. This is possible because different style sheets have different layout systems, font sizes, and image optimization settings.
Last but not least is getting creative ideas for the user interface. There are many inspirations on the internet. It is recommended to analyze good design practices, break them down and see how some of them can be adapted for application in our field.
Video about Advantages Of High-Level Language Programming Over Machine Language Programming
You can see more content about Advantages Of High-Level Language Programming Over Machine Language Programming on our youtube channel: Click Here
Question about Advantages Of High-Level Language Programming Over Machine Language Programming
If you have any questions about Advantages Of High-Level Language Programming Over Machine Language Programming, please let us know, all your questions or suggestions will help us improve in the following articles!
The article Advantages Of High-Level Language Programming Over Machine Language Programming was compiled by me and my team from many sources. If you find the article Advantages Of High-Level Language Programming Over Machine Language Programming helpful to you, please support the team Like or Share!
Rate Articles Advantages Of High-Level Language Programming Over Machine Language Programming
Rate: 4-5 stars
Ratings: 5570
Views: 20633373
Search keywords Advantages Of High-Level Language Programming Over Machine Language Programming
Advantages Of High-Level Language Programming Over Machine Language Programming
way Advantages Of High-Level Language Programming Over Machine Language Programming
tutorial Advantages Of High-Level Language Programming Over Machine Language Programming
Advantages Of High-Level Language Programming Over Machine Language Programming free
#Presentation #Layer #Website #Design
Source: https://ezinearticles.com/?Presentation-Layer-in-Website-Design&id=8329138
