Какое имя должно обязательно присваиваться файлу с главной страницей каждого сайта
Для пользователей Интернета уже давно стали привычными появляющиеся почти на каждой Web-странице «живые» мультипликационные картинки. Это и понятно: анимация привлекает внимание гораздо сильнее, чем статические картинки, и, кроме того, на небольшой площади можно поместить значительно больше информации за счет чередующихся кадров.
Анимация - это демонстрирующаяся в быстром темпе последовательность кадров, каждый из которых несколько отличается от предшествовавшего ему и следующего за ним. Каждый кадр отображается в течение определенного промежутка времени. Если кадров достаточное количество и время их отображения невелико, то создается иллюзия движения.
В настоящее время существует несколько технологий создания анимации для WWW: анимационный (animated) GIF, Flash, Java и JavaScript.
Готовые бесплатные анимационные картинки для использования на своихWeb-страницах вы можете найти, например, по адресам:
Учитывая все вышесказанное, можно сказать, что самый простой, надежный и эффективный способ разместить анимацию на своихWeb-страницах - это использование формата GIF.
1. Что такое Web-узел и Web-страница?
2. Что представляет собой язык HTML?
3. Что значит тэг? Какие бывают тэги? Порядок записи элементов тэгов.
4. Какие обязательные элементы входят в структуру HTML-документа?
5. Как определить цвет фона и цвет текста Web-страницы?
6. Как определить уровень заголовков Web-страницы средствами языка HTML?
7. Как отцентрировать текст заголовка?
8. Как увеличить (уменьшить) размер текста, оформить текст полужирным, курсивным, подчеркнутым начертанием?
9. Какие существуют стандартные форматы Web-графики?
10. Как вставить рисунок в Web-документ в GIF-формате?
11. Как создать маркированный (нумерованный) список на Web-cтранице?
12. Как вставить в Web-документ простую форму?
13. Что такое гипертекст, гиперссылка? Какие тэги используются для задания перехода по гиперссылке в языке HTML?
14. Какие атрибуты используются для изменения цвета гиперссылок?
15. Как создать таблицу на Web-странице?
16. Какие атрибуты используются для горизонтального и вертикального выравнивания ячеек в таблице, для определения высоты и ширины ячеек, их цвета?
17. Что такое фрейм? Какие тэги используются для описания фреймов. Перечислите рекомендации по созданию фреймов.
18. Какое имя должно обязательно присваиваться файлу с главной страницей каждого сайта?
19. Что такое анимация?
20. Какие в настоящее время существуют технологии создания анимации для WWW? Кратко перечислите их достоинства и недостатки.
РАЗМЕЩЕНИЕ WEB-СТРАНИЦ В ИНТЕРНЕТЕ
Вопросы: 1. Общие сведения о размещении Web-страниц в Интернете.
2. Создание адреса вашего сайта в Интернете и размещение Web-страниц с помощью менеджера файлов бесплатной службы.
1. ОБЩИЕ СВЕДЕНИЯ О РАЗМЕЩЕНИИ WEB-СТРАНИЦ В ИНТЕРНЕТЕ
Еще один вариант передачи файлов использует доступ по протоколу FTP - File Transfer Protocol (Протокол передачи файлов). Основное назначение этого протокола - пересылать файлы в Интернете с одного компьютера на другой. Кроме того, с помощью протокола FTP можно работать с файлами на удаленном компьютере: копировать, перемещать, удалять, создавать каталоги. Чтобы воспользоваться протоколом FTP, понадобится специальная программа, так называемый FTP-клиент. FTP-клиентом может служить, например, программа управления файлами FAR, программа CuteFTP и другие. Следует иметь в виду, что способ передачи файлов на сервер определяет владелец сервера.
Где же можно поместить ваш сайт? Возможны два варианта: либо на сервере своего провайдера, либо на сервере одной из бесплатных служб.
Каждый провайдер обычно предоставляет всем своим пользователям небольшой объем дискового пространства - несколько мегабайт - для Web-страниц. В одних случаях это бесплатно, в других - взимается некоторая плата, в третьих - плата взимается за дополнительное место, если выделенного пространства не хватает. Конкретные условия размещения Web-страниц вы должны выяснить у провайдера.
В настоящее время в Интернете существует большое количество бесплатных служб, предоставляющих всем желающим возможность поместить сайт на своем Web-сервере и не требующих денежной оплаты за его поддержку. Такие бесплатные службы существуют за счет средств, получаемых от рекламодателей. Предоставляя бесплатно место на сервере всем зарегистрировавшимся пользователям, они размещают рекламу на их страницах и за это получают деньги от рекламодателя. Поэтому предоставление бесплатного места на сервере обычно требует от пользователя выполнения определенных условий, например, размещение на пользовательских страницах рекламных плакатов — баннеров или дополнительного окна браузера с рекламой во время загрузки основной страницы. Такие условия могут быть не всегда приемлемы, поэтому, выбирая бесплатную службу, обратите внимание на них.
Существенным может быть вопрос - какую информацию администрация сервера бесплатной службы не разрешает помещать на сайте. Так, некоторые бесплатные службы не разрешают помещать коммерческую информацию.
Для многих пользователей имеет значение вид адреса, который бесплатная служба присвоит сайту.
Часто бесплатные службы предоставляют дополнительные услуги: счетчик посещений, гостевую книгу, чат, форум, возможность участия в конкурсе на лучшую страницу и др. В зависимости от целей, которые вы преследуете, создавая сайт, перечень этих услуг может иметь для вас значение при выборе бесплатной службы.
Немаловажное значение имеет то, насколько быстро работает тот сервер, на котором вы разместите свои страницы. Вряд ли посетители захотят часто «заходить к вам», если ваши страницы долго загружаются. При прочих равных условиях для сайта лучше использовать «быстрый» сервер, чем «медленный».
И, наконец, выбирая бесплатную службу, решите какой объем дискового пространства вам требуется. Обычно эти службы предоставляют каждому пользователю от 512 килобайт до 20 мегабайт дискового пространства. Нескольких мегабайт вполне достаточно для небольшого сайта. Но если разрабатывается масштабный проект, то следует реально оценить его перспективы и возможности бесплатной службы по дальнейшему увеличению дискового пространства.
Ниже приводится список серверов, предоставляющих бесплатно место для Web-сайта с их краткой характеристикой. Сначала иностранные серверы. Но помните, что из России связь с иностранными серверами всегда хуже, чем с российскими.
Мне нужно добавить некий элемент на гл. страницу сайта. Какой файл за это отвечает?? Работать собираюсь в дримвиевер.
а какой сайт?
от того какая cms используется на сайте зависит какой файл отвечает за главную
можно поискать текст присутствующий только на главной странице во всех файлах на сервер
d Мудрец (17369) фиг знает что это за cms на сайте :) я бы просто по фтп подключился к сайты, выкачал все стрнички и искал в тотале по содержимому
Современная верстка странички не может обойтись без Каскадных Таблиц Стилей (CSS). Файл отвечающий за "внешний вид" имеет вид xxx.css, где xxx это произвольное имя. Например вам нужно добавить элемент div на вашу страничку:
открываем ваш файл с расширением .html обычно это index.html в разделе body ( < body >< /body >) пишем следующее
< div >
< /div >
Далее открываете файл с расширением .css (Предварительно создав его) и там пишите слудеющее:
.test<
display:block;
width:300px;
height:100px;
background-color:yellow;
>
Тем самым мы дали элементу который имеет класс div(Обратите внимание на знак точки ".". Он указывает на элемент который имеет ИМЕНО класс "test".) следующие свойства (подругому задали внешний вид) :
-Отображение элемента как блок.
-Ширина 300 пикселов
-Высота 100 пикселов
-Цвет фона Желтый
Далле следует указать html файлу где найти этот самый xxx.css в котором мы прописали стили для нашего div. Делается это очень просто. Я надеюсь в вашем html файле есть раздел head ( ) он должен идти до раздела body( ). В этот раздел нужно вставить код < link rel="stylesheet" type="text/css" href="xxx.css" >
. Должно получиться:
< link rel="stylesheet" type="text/css" href="xxx.css" >
Вот и все таким образом все сводится к слудеющему:
-Присвоение класса вашему элементу
-Описание его стилей в файле xxx.css
-Поделючение его к вашему html файлу
P.S.Если я вас правильно понял?
index.html и таблица стилей ( док с расширением css )
узнать где эта таблица стилей можно посмотрев исходный код страницы.. .
в хед будет ссылка
Например есть страница на ней есть баннер, хочу его удалить смотрю код, но как узнать где прописан этот баннер если страницы с html нет, а в php этого кода от баннера нет?
С позиции разработчика, сайт условно можно подразделить на два уровня — логический и физический. На логическом уровне сайт представляет собой совокупность веб-страниц, объединенных между собой единым дизайном, стилем и ссылками. При этом на физическом уровне сайт является и набором файлов разного типа — в состав могут входить программы, документы, изображения и многое другое. Продумывание и создание удобной файловой структуры помогает не только разработчику оптимизировать свою работу, но и посетителю лучше понять строение сайта.
Для простоты будем предполагать, что мы имеем дело с сайтом, который сделан с помощью html-файлов, без всякого веб-программирования.
Прежде чем создавать в корне сайта папки и файлы, необходимо разработать структуру сайта — какие разделы и подразделы будут присутствовать, как они будут называться. Для примера приведем схему сайта посвященного оптимизации графики.
- Главная страница
- Форматы графических файлов
- Разрешение изображений
- Оптимизация в программе Photoshop
- Оптимизация формата GIF
- Оптимизация формата JPEG
- Антиальясинг
- Разрезание изображений
- Список терминов
Каждый раздел представляет собой один HTML-документ, который следует создать и дать ему имя. Имена файлов лучше называть латинскими символами без пробелов в нижнем регистре. Такой подход гарантирует универсальность и работоспособность на разных платформах.
Прежде, чем присваивать имена файлам, следует учесть некоторые настройки веб-сервера, под руководством которого будет работать сайт. Сюда входит: какой файл будет загружаться первым, будет ли закрыт доступ к отдельным файлам, как будет осуществляться отслеживание ошибок и другие подобные вопросы.
Заключение
Хотя имена некоторых служебных файлов зависят от настроек сервера и могут меняться от сайта к сайту, приведенные принципы характерны для большинства из них. Для динамических сайтов, содержание которых формируется с помощью программы, так называемого «движка», структура будет несколько отличаться от приведенной. Однако и в этом случае, служебные файлы, такие как таблицы стилей, .htaccess, favicon.ico, robots.txt останутся на месте.
Программирование и разработка
Когда вы создаёте веб-страницы в редакторе кода, таком как Visual Studio Code, Sublime Text, вам необходимо создать index.html, потому что эта страница выполняет важную работу. Создание первой страницы index.html считается лучшим методом веб-разработки.
Итак, что такое страница index.html и почему она имеет значение? В этой статье рассказывается о index.html и о том, почему вы всегда должны создавать эту страницу при создании веб-сайта.
Вывод
Создать страницу index.html в редакторе кода легко. Помните, что вы можете создавать другие HTML-страницы в дополнение к index.html, например, about.html или contact.html.
Включив страницу index.html в свои проекты веб-разработки, вы поможете посетителям вашего сайта иметь хорошо спроектированный сайт и поможете защитить файлы в вашем каталоге от уязвимостей.
Используя фреймы, можно значительно улучшить внешний вид и функциональность сайта. С помощью фреймов экран разделяется на несколько окон, в каждом из которых отображается содержимое отдельной страницы. Используя фреймы, можно одновременно загрузить в одно окно браузера несколько Web-страниц.
Размер фрейма может изменяться пользователем прямо на экране с помощью мыши. Каждый фрейм имеет собственный адрес, что позволяет отображать его, независимо от других фреймов, а собственное имя, позволяет переходить к нему из других фреймов. Такие свойства фреймов позволяют размещать в одном фрейме информацию, которую автор считает необходимым постоянно показывать пользователю. Это может быть логотип фирмы, набор управляющих кнопок, меню и т.д. С помощью фреймов можно создавать также окна запросов, когда в одном фрейме находится собственно запрос, а в другом - его результаты.
Рассмотрим, как с помощью фреймов поместить в окне браузера меню для перехода на другие страницы сайта и сами страницы.
Для описания фреймов используется отдельный HTML-файл.
Вместо тэгов
.. в файле, описывающем фреймы, используется пара тэгов с атрибутами rows (строки) или cols (колонки), определяющими, как делится экран – по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселях или в процентах от 1% до 100%.Например, если вы нужно разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:
Значения атрибутов отделяются один от другого запятой. Для того, чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселей, следует написать:
Однако фактическая ширина и высота окна фрейма зависит от текущего разрешения монитора. Поэтому, если у пользователя установлено разрешение, например, 1024х768 пикселов, т.е. ширина экрана – 1024 пикселя, то часть экрана может остаться незаполненной.
По этой причине рекомендуется задавать размеры фреймов в процентах так, чтобы их сумма была равна 100%. Если необходимо для одного из окон указать фиксированный размер в пикселях, то размер другого окна можно не указывать, заменив его значение символом *. В этом случае браузер сам подберет нужный размер для второго окна.
Создадим для отображения нашего сайта два вертикальных фрейма. Для первого фрейма, в котором будет выводиться меню, установим фиксированную ширину – 160 пикселей, а размер второго предоставим определить браузеру, заменив его звездочкой *:
Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги , которые должны находиться внутри элемента
. Обязательным атрибутом тэга является src, значение его - адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:Во второй фрейм должен загружаться файл lab1.html, поэтому второй тэг будет таким:
Для того, чтобы во второй фрейм могли загружаться также и все остальные страницы сайта – lab2.html и другие, которые, возможно, будут созданы, – необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ.
Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением "frame": target="frame", где "frame" –это имя второго фрейма. И теперь имя "frame" следует присвоить второму фрейму, в котором должен открываться файл lab1.html. Поэтому второй тэг в окончательном виде должен быть записан так:
Окончательный код HTML-кода данной страницы должен иметь вид:
Лаборатория АСУ ТП
Сохраниv файл в папке Lab под именем index.html.
Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.
Фреймы — удобное и эффективное средство для размещения информации на Web-страницах. Однако, используя его, не следует терять чувства меры. Слишком большое количество окон на экране не улучшает восприятие информации. Не располагайте на экране более трех фреймов и старайтесь не применять их без необходимости.
Запрет доступа к папкам
Чтобы запретить посетителям смотреть информацию в отдельных папках на сайте, что иногда бывает необходимо для ограничения доступа к служебной информации и повышения безопасности сайта, есть два основных способа. Первый — создать пустой файл index.html и поместить его в нужную папку. Как было указано выше, этот файл будет загружаться в первую очередь при выборе пути к папке. А раз он пустой, то и увидеть ничего лишнего не удастся. Второй способ — использование опять же файла .htaccess, который следует разместить в нужной папке. Не стоит удивляться, это универсальный файл и размещаться он может в любом количестве и в любом месте сайта.
В нем надо написать следующую информацию.
Когда браузер открывает папку, в которой содержится такой файл .htaccess, посетитель увидит предупреждение об ошибке с номером 403, означающую, что доступ в данное место запрещен.
Изображения
Все изображения, применяемые на веб-страницах, принято хранить в папке с именем images или img. Такая традиция систематизирует материал, разбивая его на блоки. Получается, что для картинок предназначено одно место хранения, для скриптов — другое, для стилей — третье.
Как создать страницу index.html
Теперь вы понимаете, что такое страница index.html и почему она важна. Давайте посмотрим, как именно мы можем создать страницу index.html с помощью Visual Studio Code (или VS Code), редактора кода.
Если у вас не установлен VS Code, ознакомьтесь с этим полезным руководством по началу работы с Visual Studio Code.
Начнём с создания нового файла.
На главной панели инструментов VS Code создайте новый файл.
Затем вам будет показан пустой файл кода с таким именем, как «Без названия» или «Без названия-1».
Затем перейдите в «Файл», «Сохранить как» и сохраните имя файла как «index» с типом файла «html».
Теперь вы увидите «index.html» в качестве имени вашего файла.
По умолчанию в файле index.html должно быть несколько элементов. К ним относятся HTML-теги, такие как,и. Вы также должны объявить тип документа, используя «DOCTYPE HTML».
У вас есть страница index.html. Теперь вы можете создавать дополнительные файлы, чтобы оживить ваш сайт.
Дополнительные файлы
На любом сайте не обойтись и без дополнительных файлов, обычно размещаемых в корне сайта. Сюда входят файлы, предназначенные для выполнения определенных задач и имеющие обязательное имя, а также файлы, имя которых определяется разработчиками.
Какой файл загружать первым
Обычно просмотр сайта начинается с главной страницы. При обилии в корне сайта различных файлов, как веб-сервер узнает, что ему загружать автоматически? Конечно, если путь к файлу указан напрямую, никаких вопросов не возникает. Но в большинстве случаев, адрес сайта указывается коротко, без лишних файлов на конце. Вот тогда читаются настройки сервера и определяется файл, который следует показать, а также, есть ли указанный файл в наличии. Как правило, такой файл имеет имена index.html, index.htm, default.htm, в общем, список можно продолжить. Чтобы не усложнять себе жизнь вычислением, какой же файл главнее, это можно установить самому, используя для этого файл .htaccess, размещая его в корне сайта. Данный файл является конфигурационным для популярного веб-сервера Apache и представляет собой обычный текстовый документ. В нем следует прописать такую строку.
Как видно из таблицы, даже если путь к файлу указан не полностью, веб-сервер сам подставит недостающие значения. Этим можно воспользоваться, создавая ссылки на разные документы, на их работоспособность это не повлияет.
- файл .htaccess пишется без всякого расширения с обязательной точкой в начале имени;
- .htaccess может не работать на некоторых серверах;
- неполные пути, как показано в таблице, работают только под управлением веб-сервера, на локальном компьютере этот фокус не пройдет;
- если файл index.html отсутствует в указанной папке, браузер покажет список файлов, которые в ней содержатся.
Обязательные имена
index.html — название главной страницы, а также веб-страниц, размещаемых в папках, которые должны открываться при их указании в адресе. Это имя, как уже упоминалось, может меняться в зависимости от типа веб-сервера и его настроек. Но обычно оно именно такое.
.htaccess — конфигурационный файл веб-сервера Apache. Указанный сервер является наиболее популярным и распространенным в мире, поэтому и данный файл можно встретить повсеместно. Бывают, конечно, исключения.
robots.txt — файл, предназначенный для поисковых систем. При индексировании сайта, в первую очередь ищется он. Пример запрета для всех поисковых систем посещать папки сайта cgi-bin и images.
favicon.ico — иконка сайта, она появляется возле адреса сайта при занесении его в раздел «Избранное» браузера. Это рисунок размером 16 на 16 пикселов формата ICO.
Необязательные имена
Таблица стилей — ни один сайт уже не обходится без стилей, обычно размещаемых в отдельном файле. Такое размещение дает несколько преимуществ — легко изменять вид элементов на всех страницах, меняя параметры лишь в одном месте, файл кэшируется и загружается быстрее, уменьшается общий объем всех документов. Файл со стилем обычно имеет расширение css.
Что такое index.html?
index.html легко распознаётся на большинстве серверов как страница по умолчанию, поэтому многие разработчики предпочитают использовать index.html в качестве имени страницы по умолчанию.
Отслеживание ошибок
Файл называется err404.html и размещается в корне сайта, слэш (символ /) перед именем файла пишется обязательно.
Файловая структура сайта
Рис. 1. Организация документов по файлам | Рис. 2. Организация файлов по каталогам |
Какую структуру предпочесть зависит лишь от воли создателей сайта.
Читайте также: