АНАЛИЗ СРЕДСТВ РАЗРАБОТКИ WEB-СТРАНИЦ

Кувайцев Александр Вячеславович1, Мукминов Рамиль Раисович2
1Димитровградский инженерно-технологический институт филиал национального исследовательского ядерного университета «МИФИ», студент
2Димитровградский инженерно-технологический институт филиал национального исследовательского ядерного университета «МИФИ», старший преподаватель кафедры иностранных языков

Аннотация
В статье описываются различные средства разработки web-сайтов. Приводится примеры и объяснения того из чего состоит Web-страница. Даются объяснения что такое клиентская и что такое серверная часть Web-приложения. Анализируются средства разработки и языки программирования.

Ключевые слова: база данных


ANALYSIS DEVELOPMENT TOOLS WEB PAGES

Kuvaytsev Aleksandr Vyacheslavovich1, Mukminov Ramil Raisovich2
1Dimitrovgrad Engineering and Technological Institute of the National Research Nuclear University MEPHI, student
2Dimitrovgrad Engineering and Technological Institute of the National Research Nuclear University MEPHI, senior lecturer faculty of foreign languages

Abstract
The article describes the various development tools web-sites. Provides examples and explanations of what comprises a Web page. Explains what is client and what is server part of a Web application. Analyzed development tools and programming languages.

Keywords: CSS, HTML, JavaScript, PHP, web-сайт


Рубрика: 05.00.00 ТЕХНИЧЕСКИЕ НАУКИ

Библиографическая ссылка на статью:
Кувайцев А.В., Мукминов Р.Р. Analysis development tools web pages // Современные научные исследования и инновации. 2017. № 8 [Электронный ресурс]. URL: https://web.snauka.ru/issues/2017/08/84242 (дата обращения: 29.03.2024).

Information available to Internet users, is located on the computers (Web servers), which installed a special software. Much of this information organized into Web sites. Almost every website has a user and server part. The user (or client) part (eng. frontend) is based on the html markup, css styles and javascript. the HTML needed to display the site content: text, headers, images, tables, blocks of text, ordered and unordered lists. CSS is styling content: color and font size, positioning of elements, displaying the boundaries of objects, the sizes of the blocks. JavaScript implements a dynamic interaction with the user: checking the input data, the display dialog boxes, adding and hiding html elements. The server part (eng. backend) provides the formation of html code, saving user data, interaction with third party web services.

The client part is the GUI. This is what the user sees on the page.

The graphical interface is displayed in the browser. The user interacts with the web application it is through the browser, creating requests (clicks on links, etc.). Requests are processed on the side user, typically through a browser. The result of executing a program or script depends on the browseruser and can run on different versions.

Backend web application is a program or script on the server that processes queries browser used by the user. Each time the user navigates to the link browser sends a request to the server. The server processes this request by invoking some script which generates a web page described by the HTML, and sends to the client over the network. The browser immediately displays the result in the form of regular web pages [4].

The hypertext markup language (eng. Hypertext Markup Language), or as it is commonly called, the HTML hyperlinks[1, 20].

One of the distinguishing features of HTML documents is that the document contains text only, and all other objects are embedded in the document at the time of its display by the browser using special tags and are stored separately. When you save the HTML file in the location document folder is created in which to place all supporting graphic elements Cascading style sheets (eng. cascading style sheets ) (CSS) is a powerful standard based on the text format defines the representation of data in the browser. If the HTML format provides information on the composition of the document, style sheets tell how it should look. Thus, cascading style sheets give you the ability to keep content separate from its presentation.

The style includes all types of design elements: font, background, text, link colors, margins, and location objects on the page. Cascading style sheets provide the proper level of unity of design, organization and control during development of a component that is unattainable with a single only HTML.

The JavaScript programming language designed to create interactive HTML documents. It object-oriented language for developing embedded applications, running on the side client and server-side. All animation moments drop-down and popup menus and Windows, validation of forms, “sliders”, etc. – all this is done with the help of this programming language.

The syntax is similar to Java syntax – therefore it is called the Java-like.

The main applications of JavaScript are divided into the following categories:

  • dynamic document creation using script.
  • operational validation of the user-fillable form fields HTML before passing it to the server;
  • create dynamic HTML pages together with cascading style sheets and object document model;
  • interact with the user in solving “local” problems solved by a JavaScript application, the built-in HTML stranicu, p. 57].

Most often the server part is a web application programmed in PHP. First and foremost, PHP used to create scripts working on the server side. PHP is able to solve the same problems, as any other CGI-scripts, including data processing html forms dynamically generate the html pages and the like. But there are other areas where PHP can be used.

The second area is the creation of scripts running at the command line. That is using PHP you can create scripts that will be executed, regardless of the web server and the browser the specific machine.

The third area is the creation of GUI applications (graphical user interfaces) running on the client side[3, p. 8-10].

To store the content of the website is the best suited database. From the point of view of the engine of the web the website database is a collection of tables. Each table is an entity that stores the same type of data. The database has huge number of advantages. First, easy and fast data management. Any modern database supports the SQL query language, with which is sampled, adding, deleting and modifying data in the database. Second, organization of a logical data connection. Having a logical relationship between tables, articles and authors, we can, for example, easily find out how many articles a particular author has. Using a database data can easily be solved tasks such as search, pagination, registration and authorization of users. All these advantages should be that the database is an integral part of Web sites, which allows you to quickly navigate the site and select useful information. Summing up, it can be noted that the above described some aspects of the analysis means of Web development (server and client side). The specific choice of a set software supplied is determined by the developer of a Web-resource task.


References
  1. Dzhamsa Chris. Effective tutorial on creative Web design. HTML, XHTML, CSS,JavaScript, PHP, ASP, ActiveX. Text, graphics, sound and animation. Per s angl./Chris Dzhamsa, Konrad King, Andy Anderson – M.: OOO “Diasoftyup”, 2005.- 672.
  2. Dunaev V. Tutorial JavaScript, 2nd ed. – SPb.: Peter, 2005. – 395 S.
  3. Mazurkiewicz A. PHP: Desk book of the programmer /Alexander Mazurkevich, Mr Spruce. – Mn.: New knowledge, 2006. – 495 p.


Количество просмотров публикации: Please wait

Все статьи автора «Кувайцев Александр Вячеславович»


© Если вы обнаружили нарушение авторских или смежных прав, пожалуйста, незамедлительно сообщите нам об этом по электронной почте или через форму обратной связи.

Связь с автором (комментарии/рецензии к статье)

Оставить комментарий

Вы должны авторизоваться, чтобы оставить комментарий.

Если Вы еще не зарегистрированы на сайте, то Вам необходимо зарегистрироваться:
  • Регистрация