Начините с создания новых документов, с которыми Вы собираетесь работать. Именно то пространство, которое Вы создали, будет перенесено на ваш сервер.
Внимание: Не создавайте никаких связей с картинками или файлов, находящихся вне этого файла. Это сработает на компьютере, но не сработает в Интернете.
Лучше отделить картинки от текстов. Создавайте для этой цели чистые файлы
древовидное разветвление может быть следующим:
|
|
||
|
Документы: doc_text |
Документы: doc_img |
|
|
|
Примечание: отметьте присутствие index.html. Этот документ очень важен. Это входная дверь вашего Web-cайта. browser откроет этот документ первым. Он обязательно должен быть расположен в корень документации
Давайте представим, что ваш Web-сайт был перенесен на сервере по следующему адресу: http: // www.website.com
Когда посетитель набирает адрес http: // www.website.com, откроется документ index.html что будет открыто. Это будет то же самое, что выводить адрес, http: // www.website.com / index.html
Тем не менее возможно идти непосредственно в определенную точку на странице:http: // www.website.com / doc-text/text4.html
Также возможно помещать файл index.html во вторичных документах. Адрес будет тогда:http: // www.website.com / doc_text
Это полезно если ваш сайт имеет несколько четко разграниченных частей, набранных на нескольких языках:http: // www.website.com / deutchиhttp: // www.website.com / english
Связи гипертексты, mail и включения изображений:
Прежде чем приступить к рассмотрению гипертекстовых связок и вставки картинок, необходимо поговорить об адресе документа
Он может быть относительным или абсолютным
Вы, наверное, обратили внимание на " / ", которая означает спускаться в древовидное разветвление.
Благодаря " ../ " с двумя точками происходит возвращение назад
Абсолютный адрес:
Внимание: абсолютный адрес всегда начинается с http: //
Относительный адрес
Он зависит от того, с какими документами вы работаете
Например: для нашего места website.com
|
Точка отсчета: |
Точка(пункт) прибытая: |
направляет: |
|
Text1.html |
text2.html |
text2.html |
|
Index.html |
text2.html |
doc_text / text2.html |
|
Text2.html |
index.html |
.. / index.html |
|
Text2.html |
img1.jpg |
.. / img/img1.jpg |
Гипертекстовые связи:
< имеет href = " http: // www.monsiteweb.com / textes/texte4.html " > Щелкаете здесь чтобы достигнуть текста 4 < /a >по абсолютному адресу
Связки mail:
< имеет href = " mailto:name@website.com > Мой хромать в письмах < /a >
Включение изображения:
< img src = " http: // www.website.com / doc_img/img1.jpg " >для абсолютного адреса
Упражнение:
Сделайте простой проект сайта с несколько файлами html и несколькими фотографиями, спроектируйте его на бумаге, затем осуществите это на компьютере.