мета-данные страницы
  •  

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
zadanie_4._zapuskaem_svoj_veb-server [2024/03/23 04:09] – [Скрипты для веб-сервера] wikiadminzadanie_4._zapuskaem_svoj_veb-server [2024/04/27 01:47] (текущий) – wikiadmin
Строка 126: Строка 126:
  
 ====Структура HTML==== ====Структура HTML====
 +
 +В начале и в конце Html-кода устанавливаются открывающий тег <html> (в начале) и закрывающий тэг </html> (в конце).
 +
 +Внутри html-тэга создается 2 блока: head и body.
 +
 +Блок head и body начинаются и заканчиваются открывающими и закрывающими тэгами <head> </head> (для блока head) и <body> </body> (для блока body).
 +
 +Внутри блока head можно использовать блок title. В блоке title указывается заголовок страницы, который будет отображаться в закладке браузера.
 +
 +Внутри блока body - основное содержание веб-страницы. В данном примере это блоки h1 (заголовок), комментарий и 2 абзаца (блоки p).
 +
 <code HTML> <code HTML>
-<!DOCTYPE HTML> 
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
   <title>Пример веб-страницы</title>   <title>Пример веб-страницы</title>
  </head>  </head>
Строка 143: Строка 152:
  
 ====Таблицы в HTML==== ====Таблицы в HTML====
 +
 +Таблица в Html описывается блоком table (с открывающим тэгом <table> и закрывающим тэгом </table>).
 +
 +Внутри блока table создаются блоки строк (tr). Каждый блок tr это одна строка таблицы.
 +
 +Внутри блока первой строки tr создаются блоки заголовков столбцов th.
 +
 +Внутри блоков других строк tr создаются блоки данных столбцов td.
 +
 +Запишите в вашем html-файле следующий код:
 +
 <code html> <code html>
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML  4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
 <html> <html>
  <head>  <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +  <title>Моя таблица</title>
-  <title>Тег TABLE</title>+
  </head>  </head>
  <body>  <body>
-  <table border="1" width="100%" cellpadding="5">+  <table>
    <tr>    <tr>
-    <th>Ячейка 1</th> +    <th>Столбец 1</th> 
-    <th>Ячейка 2</th>+    <th>Столбец 2</th>
    </tr>    </tr>
    <tr>    <tr>
-    <td>Ячейка 3</td> +    <td>Ячейка 1</td> 
-    <td>Ячейка 4</td>+    <td>Ячейка 2</td>
   </tr>   </tr>
  </table>  </table>
Строка 165: Строка 183:
 </code> </code>
  
 +Зайдите из интернета на свою страницу, посмотрите на таблицу, обратите внимание на отображение столбцов и ячеек.
 +
 +Для тэга table можно задать параметры отображения таблицы.
 +
 +border - толщина границ таблицы
 +
 +width - ширина таблицы
 +
 +cellpadding - отступы текста внутри ячеек
 +
 +Добавьте параметры в свою таблицу и посмотрите как изменилось отображение:
 +
 +<code>
 +<table border="1" width="100%" cellpadding="5">
 +</code>
 ====Скрипты для веб-сервера==== ====Скрипты для веб-сервера====
 Выполните команду для включения модуля CGI (Common Gateway Interface – используется для запуска скриптов веб-сервером): Выполните команду для включения модуля CGI (Common Gateway Interface – используется для запуска скриптов веб-сервером):
Строка 185: Строка 218:
 Если имя файла first.py подсвечено зеленым цветом значит файл стал исполняемым. Если имя файла first.py подсвечено зеленым цветом значит файл стал исполняемым.
  
-<bootnote>{Тут нужны подробности про права на файлы и каталоги в Linux}</bootnote>+<bootnote> 
 + 
 +У каждого файла и каталога Linux есть: 
 +  * владелец 
 +  * группа 
 +Права на файлы и каталоги определяются для: 
 +  * владельца файла  
 +  * группы 
 +  * остальных пользователей 
 +Права разделены на 3 категории: 
 +  * r - чтение 
 +  * w - запись 
 +  * x - выполнение 
 +</bootnote>
  
 В файл напишите следующее: В файл напишите следующее:
Строка 191: Строка 237:
 #!/usr/bin/python3 #!/usr/bin/python3
    
-print ("Content-type: text/html")+print ("Content-type: text/html; charset=utf-8")
 print ("") print ("")
 print ("") print ("")
Строка 199: Строка 245:
 Сохраните. Сохраните.
  
-Первая строка скрипта указывает на программу, которая будет выполнять данный скрипт. Далее 3 строки с командой print выдают веб-серверу информацию о том, что скрипт возвращает html-страницу.+Первая строка скрипта ("#!/usr/bin/python3") указывает на программу, которая будет выполнять данный скрипт. Далее 3 строки с командой print выдают веб-серверу информацию о том, что скрипт возвращает html-страницу.
  
-Теперь откройте в браузере страницу {url}/cgi-bin/first.py+Теперь откройте в браузере страницу bsk23-01-1.sibgu-itlab.data-pool.ru/cgi-bin/first.py (замените цифру в имени сайта на вашу)
  
 В окне браузера вы должны увидеть текст «My first Web Python». В окне браузера вы должны увидеть текст «My first Web Python».