Использование относительных и абсолютных ссылок
По умолчанию ссылка на ячейку является относительной. Например, если вы ссылаетесь на ячейку A2 из ячейки C2, вы указываете адрес ячейки в том же ряду (2), но отстоящей на два столбца влево (C минус A). Формула с относительной ссылкой изменяется при копировании из одной ячейки в другую. Например, вы можете скопировать формулу =A2+B2 из ячейки C2 в C3, при этом формула в ячейке C3 сдвинется вниз на один ряд и превратится в =A3+B3.
Если необходимо сохранить исходный вид ссылки на ячейку при копировании, ее можно зафиксировать, поставив перед названиями столбца и строки знак доллара ($). Например, при копировании формулы =$A$2+$B$2 из C2 в D2 формула не изменяется. Такие ссылки называются абсолютными.
В некоторых случаях ссылку можно сделать «смешанной», поставив знак доллара перед указателем столбца или строки для «блокировки» этих элементов (например, $A2 или B$3). Чтобы изменить тип ссылки на ячейку, выполните следующее.
Текущая ссылка (описание):
Новая ссылка
$A$1 (абсолютный столбец и абсолютная строка)
$A$1 (абсолютная ссылка)
A$1 (относительный столбец и абсолютная строка)
C$1 (смешанная ссылка)
$A1 (абсолютный столбец и относительная строка)
$A3 (смешанная ссылка)
A1 (относительный столбец и относительная строка)
C3 (относительная ссылка)
Ссылки
В C++ имеется несколько видоизмененная форма указателя, называемая ссылкой. Ссылка на некоторую переменную может рассматриваться как указатель, который при употреблении всегда разыменовывается. Однако для ссылки не требуется дополнительного пространства в памяти: она является просто другим именем или псевдонимом уже существующей объявленной или описанной переменной. Поэтому все, что делается со ссылкой, в действительности происходит с переменной, на которую она ссылается. Ссылка определяется в программе следующим образом:
При этом переменная, на которую указывает (ссылается) ссылка, должна быть объявлена или описана до определения ссылки, например int t, &rt = t;. Оператор ссылки (&) выглядит так же, как оператор адреса, который используется для возвращения адреса при работе с указателями. Но это не одинаковые операторы. При определении ссылки необходимо ее инициализировать. Если объявить ссылку без инициализации, будет сгенерирована ошибка компиляции. Так как ссылка является псевдонимом своего адресата, то применение оператора взятия адреса к ссылке возвратит адрес ее адресата. Переназначить ссылку нельзя. Она ссылается на свой адресат и только на него. Ссылка не может быть нулевой.
Пример 1. Дана переменная х и ссылка на нее — гх. Изменить значение ссылки гх и после этого вывести на экран значение переменной х.
#include int main()
int &rx=x; //rx — ссылка на x
printf(«x=%d » , x) ; //значение переменной x
print f (» rx=%d «, rx) ; //совпадает со значением ссылки rx
rx = 7; //меняем значение ссылки,
//что автоматически меняет значение переменной х printf(«rx=%d «,rx); return 0;
Пример 2. Дано a, b. Найти s = a + b. Изменить значения переменных с помощью ссылки на них.
ttinclude int main()
scanf (» %d%d» , &a, &b) ; //ввод чисел a и b
s=a+b; //вывод адреса переменных a, b, s и значений переменных a, b, s
/* вывод на экран значений адресов ссылок га, rb, rs и значений самих ссылок га, rb, rs, что полностью эквивалентно предыдущему выводу*/ printf(«&ra=%d &rb=%d &rs=%d ra=%d rb=%d rs=%d «,(int)&ra, (int)&rb, (int)&rs,ra,rb,rs);
/* изменение значений ссылок га, rb, rs, что эквивалентно
изменению значений переменных а, b, s */
ra=ra*2; rb=rb*2; rs=ra+rb;
printf («&га=%с1 &гЬ=%с! &гб = %с1 га=%с! гЬ=%с1
Связь между переменной, ячейкой памяти, указателем и ссылкой на переменную показана на рис. 7.1.
Имена Область памяти
Рис. 7.1. Переменная, ссылка и указатель на переменную
Примеры использования указателей. Пример 1. Объявить и инициализировать переменную типа float и указатель на нее. Вывести на экран содержимое области памяти, на которую указывает этот указатель.
#include int main()
float f=100.25; float *pi=&f;
printf(«Значение переменной f= %f «,f); printf(«Адрес переменной f: pi=%p «,&f);
//форматная спецификация %p используется для печати
//значения указателя
printf(«Значение переменной pi= %f «,pi); printf(«Содержимое ячейки по адресу pi %f»,*pi); return 0;
Пример 2. Задать значения двух целых переменных. Используя указатели на них, поменять значения этих переменных.
#include int main()
int *px, *py, x=5,y=10; //рх и py являются указателями
printf(«x=%3d; y=%3d «, x,y);
//переменной temp присваивается значение, на которое указывает рх *рх= *ру; //теперь по адресу рх находится значение у
printf(«x=%3d; y=%3d «, x,y); return 0;
- 1. Выберите правильный вариант описания указателя на тип int:
- а) int р*;
- б) int *р;
- в) int &р.
- а)
- б) &;
- в) правильный вариант отсутствует.
- а) *;
- б) &;
- в) правильный вариант отсутствует.
- *Р = а * (*р) ;
- а) 5;
- б) 25;
- в) 125.
- 5. Укажите операцию, недопустимую при работе с указателем:
- а) Р+ + ;
- б) р+= 4;
- в) р = 5.
- 6. Укажите эквивалент операции р = р + 5:
- а) р = содержимое_р + 5;
- б) р = содержимое_р + 5 * sizeof(Tnn р);..;
- в) указанная операция недопустима при работе с указателем.
- а) int *р = NULL; .р = new int;
- б) int *р = NULL; .р = new;
- в) int *р = NULL; .р = int new.
ской памяти для целочисленной переменной:
- а) р delete;
- б) delete int р;
- в) delete р.
- 9. Укажите правильный вариант определения ссылки на вещественную переменную х:
- а) float х, &гх;
- б) float х, &гх; гх = х;
- в) float х, &гх = х.
- 1. Объявить указатели на типы int, double, char. Вывести на экран размер памяти, занимаемый этими указателями. Объясните полученный результат.
- 2. Ввести с клавиатуры значения переменных a w Ь. Поменять значения переменных местами, используя указатели.
- 3. С клавиатуры ввести значение целочисленной переменной. Записать адрес этой переменной в указатель и вывести его значение на экран. Увеличить значение указателя на 5. Вывести новое значение на экран. Сравнить его с предыдущим значением.
- 4. С клавиатуры ввести значения двух вещественных переменных. Посчитать их сумму и разность, вывести результат на экран. Решить задачу, используя динамическую память.
- 5. Написать программу, демонстрирующую утечку памяти.
- 6. С клавиатуры ввести значение вещественной переменной. Объявить ссылку на эту переменную. Вывести на экран объем памяти, занимаемый переменной и ссылкой. Объяснить полученные результаты.
- 7. В программе объявить целочисленную переменную и ссылку на нее. Изменить значение переменной, используя ссылку. Вывести значение ссылки на экран.
- 8. Ввести с клавиатуры значения переменных а и Ь. Поменять значения переменных местами, используя ссылки.
- 1. Как упрощенно можно представить память для хранения переменных?
- 2. Какие виды памяти доступны программисту?
- 3. Что такое указатель?
- 4. Как в программе объявить указатель? Приведите примеры.
- 5. Какой объем памяти занимает указатель? Зависит ли этот объем от типа переменной, адрес которой содержит указатель?
- 6. Как корректно проводить инициализацию указателей? Приведите примеры.
- 7. Какие операции используются при работе с указателями?
- 8. Приведите примеры использования операции разыменования.
- 9. Приведите примеры использования операции взятия адреса.
- 10. Какие арифметические операции можно выполнять с указателями?
- 11. Перечислите операции, которые недопустимы в работе с указателями.
- 12. С помощью какой операции можно выделить динамическую память для хранения переменных? Приведите примеры использования этой операции.
- 13. Какая операция служит для освобождения ранее выделенной памяти? Приведите примеры.
- 14. Что такое утечка памяти?
- 15. Что такое ссылка?
- 16. Чем ссылка отличается от указателя?
- 17. Приведите пример использования ссылки.
Гипертекстовые ссылки
Тема 6: Гипертекстовые ссылки План 1. Типы гиперссылок 2. Понятие об URL и их использование 3. Создание гиперссылок на другие Web-страницы 4. Создание внутренних ссылок в документе 5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты 6. Загрузка страниц в различные фреймы 1. Типы гиперссылок
Рекомендуемые материалы
Расчетно-графическая работа по курсу «Программирование». Семинар 2. Овладение навыками обработки символьных данных.Вариант 16
Программирование и алгоритмизация
Лабораторная работа №2 — РК6
Информатика
299 90 руб.
Лабораторная работа №1 — РК6
Информатика
299 90 руб.
Семинар 1. Разработка циклических алгоритмов,вариант 16
Программирование и алгоритмизация
Лабораторная работа L36 (№7) отчет+код Вариант 36(?)
Объектно-ориентированное программирование (ООП)
Лабораторная работа №6
ИнформатикаГиперссылки – это основа HTML. Именно благодаря им страницы становятся динамичными. Щелкая на гиперссылках, пользователи могут переходить от одной Web-страницы к другой, практически не прилагая для этого никаких усилий. При создании Web-страницы вам придется решить две непростые задачи: выбрать типы используемых гиперссылок и оптимальным образом построить страницу. Существуют три основных типа гиперссылок: Внутренние ссылки (internal links) – это ссылки на объекты в пределах одного документа. С их помощью пользователь может перемещаться по одной и той же Web-странице. Данный тип ссылок полезно использовать на длинной странице, чтобы иметь возможность быстро перемещаться между ее разделами. Внешние (external links) или удаленные (distant links) ссылки – это ссылки на другие Web-серверы. Относительные (relative links) или локальные (local links) ссылки – это ссылки на другие Web-страницы или службы Internet, расположенные на одном сервере со страницей, содержащей ссылки. Подобные ссылки называются относительными потому, что их адреса даются относительно адреса Web-страницы, на которой содержится ссылка. В основе ссылок лежат URL, по умолчанию в большинстве браузеров ссылки отображаются в виде подчеркнутых текстовых строк. 2. Понятие об URL и их использование В каждой ссылке содержится URL (Uniform Resource Locator), или унифицированный локатор ресурсов. URL – это адрес Web-страницы, который отображается в поле Адрес, расположенном в левом верхнем углу окна браузера. URL состоит из двух основных элементов: типа протокола и собственно адреса. Тип протокола определяет вид ресурса Internet, с которым устанавливается связь. Самым распространенным протоколом является http:// (HyperText Transfer Protocol – протокол передачи гипертекста), с помощью которого по Web передаются HTML-документы. В качестве примеров других служб Internet можно привести ftp:// (File Transfer Protocol), telnet://. Собственно адрес (destination) – это имя файла, каталога или компьютера. Приведем пример URL: http://www.greatstar.com/lois/index.html В этом URL определяется сервер, на котором находится HTML-документ, а также каталог и имя файла. Как видите, URL состоит из нескольких компонентов. Первый из них, префикс http://, определяет тип используемой службы Internet. Второй, www, представляет собой имя Web-сервера; хотя на этом месте чаще всего стоит www, могут использоваться и другие имена. Следующий компонент, greatstar.com, определяет домен, в котором находится сервер. Косвенно по имени домена можно судить о географическом положении сервера. Компонент lois/index.html определяет каталог на Web-сервере, в котором хранится файл. Как отличить текст гиперссылок от остального текста? Обычно текст гиперссылок подчеркивается и, если разместить над ним указатель мыши, он (указатель) превратится в изображение руки. 3. Создание гиперссылок на другие Web-страницы Большинство гиперссылок сами по себе являются частью элемента привязки, который создается с помощью дескриптора A>. Этот дескриптор можно использовать в основной части HTML-документа, но только не внутри дескрипторной пары HEAD>HEAD>. Самым распространенным атрибутом дескриптора A> является HREF. Его значением является путь к файлу (или URL файла), на который делается ссылка. Элемент привязки всегда завершается конечным дескриптором A>. Сам URL должен заключаться в кавычки и следовать за определением элемента привязки. В HTML для гиперссылки используется следующий формат: текст ссылки Связывая страницы одного сервера, нет необходимости включать в URL доменное имя. Предположим, страницы велосипеды.html и мотоциклы.html находятся в одном каталоге. В этом случае нужно создать следующий относительный URL: A HREF=»велосипеды.html«>Выбор велосипедаA> При создании гиперссылок нужно помещать их коды непосредственно в текст, ни в коем случае не прерывая изложение материала. 4. Создание внутренних ссылок в документе Создавая Web-страницу, вы должны предусмотреть для пользователя возможность легко перемещаться от одного раздела к другому. Это достигается путем включения внутренних ссылок и имеет очень важное значение в случае длинной Web-страницы, состоящей из нескольких разделов. Для внутренней ссылки, как и для внешней, нужно создать текст, на котором будет щелкать пользователь. И точно так нужно включить описание того места, на которое делается ссылка. Но для этого место необходимо как-то обозначить. Причем имя, определенное с помощью дескриптора A NAME=»значение»>, не будет отображаться в браузере. Создавая ссылку на другую часть страницы, воспользуйтесь символом (#) и именем привязки. Для этого вы можете выбрать любое имя. В результате получится так называемая объектная привязка: A HREF=»#торт»>Рецепты тортовA> Теперь нужно создать соответствующее имя объекта. После щелчка на этой ссылке браузер будет выполнять поиск по Web-странице, пока не найдет ту часть, которой присвоено имя торт. Эта часть страницы должна быть названа соответствующим образом: A NAME=»торт»>Коллекция рецептов тортовA>. 5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты Можно сделать так, чтобы после щелчка на некоторой ссылке раздавался какой-нибудь звук или воспроизводилась музыка. Для этого в дескрипторе A> присвойте атрибуту HREF имя файла, в котором содержится звук или мелодия. Например, для воспроизведения музыкального фрагмента можно создать следующую ссылку: Щелкните A HREF=»my_song.mid«>здесьA>, чтобы услышать новую песню! При разработке Web-страниц многие авторы любят включать в них ссылки на свои адреса электронной почты. Это делается для того, чтобы посетители Web-страницы могли отправить авторам отзывы и замечания и выразить свое мнение о странице. Для создания ссылки на правильный адрес электронной почты поставьте перед ним запись mailto:. написать мне 6. Загрузка страниц в различные фреймы Окнам фреймов можно присваивать разные имена, поэтому можно сделать так, чтобы после щелчка на гиперссылке документ открывался в окне, имеющем определенное имя. Чтобы контролировать процесс загрузки фреймов, нужно присвоить окнам фреймов имена. Для этого предназначен атрибут NAME, который используется в дескрипторе FRAME>: имя окна«> Если окно фрейма имеет уникальное имя, то к нему можно непосредственно обратиться из других окон фреймов, например: FRAME SRC=»index.html« NAME=»основное окно«> Присвоив фреймам имена, вы можете указать их в гипертекстовой ссылке с помощью атрибута TARGET, который помещается в обычный дескриптор привязки A>. При этом используется следующий формат: Бесплатная лекция: «Лекция-беседа 1» также доступна. A HREF=»новый_URL« TARGET=»имя окна»> текст ссылки A> Здесь «новый_URL« – это адрес нового документа, который вы хотите загрузить в определенное окно фрейма; имя окна – это имя, которое вы присвоили окну с помощью атрибута NAME в дескрипторе FRAME>. В следующем примере приведена гиперссылка, в результате щелчка на которой файл products.html загрузится в окно, которое имеет имя Основное_окно: A HREF=»products.html« TARGET=»Основное_окно«> Новые товары A> Практическое задание Создайте папку, в которой будут содержаться страницы Web-сайта. Создайте две страницы, содержащие ссылки друг на друга. На одной странице создайте внутренние ссылки.
Поделитесь ссылкой:
Рекомендуемые лекции
- Техническое обслуживание газопроводов
- Лекция-беседа 1
- 4 — Основные понятия реляционных баз данных
- 9 Удаление невидимых линий
- 18. Синтез комплексного закона управления
Ссылки
Думаю, Вам уже понятно о чём пойдет речь в этой главе.. и Вы знаете, что из себя представляет ссылка, если нет, то нажмите сюда.. Существует несколько видов ссылок, а так же «механизмов» перехода по ним. В этой главе постараюсь подробно рассказать о том как прописать ссылки, а так же посвятить в тонкости дела по работе с ними.
Лирическое отступление:
Как-то в армии подходит ко мне начальник штаба и отдаёт приказ, цитирую:
Принеси мне вот тот документ, правда я не знаю где он и какой!! Что стоишь? Бегом давай!! Опаздываю я.Так вот, к чему я это, чтобы браузер, как я тогда, не впал в ступор, ему необходимо знать: точное название документа, путь к документу, и место куда его принести, точнее где его открыть.
На данный момент с помощью блокнота мы создали только один HTML документ у меня он с именем index.html (зачем выбрал такое странное название index.html и зачем оно нужно смотрите в полезных советах) у Вас не знаю с каким, Вы сами имя придумывали, но думаю, Вы его помните и знаете где он лежит, если конечно Вы не мой начальник штаба :).. В этом документе мы попробуем создать ссылку на другой документ, которого у нас еще нет.. Так что прежде чем на него ссылаться, его нужно создать, благо Вы это уже умеете.
- Открываем блокнот.
- Пишем код на html языке. к примеру страничку с рядом фотографий.
- Сохраняем его как html страничку в ту же рабочею папку, где уже есть созданный нами первый документ. Давайте, что б не путаться назовем его primer.html, да и первый тоже пожалуй переименуйте в index.html
Теперь я знаю, что у Вас два html документа index.html и primer.html и что теперь у Вас есть минимальный набор для дальнейшего обучения.
Текстовые ссылки.
Знакомимся тег (от anchor- якорь), в него можно заключить текст или рисунок, которые станут ссылкой на те или иные документы. Атрибут тега href задаёт имя и путь к документу на который указывает ссылка.
Всё вместе пишется так:
Как Вы наверное поняли primer.html это имя нашего второго html документа, а надпись «Здесь мои фотки!!» это кусочек текста из файла index.html.
По аналогии с рисунками тег путь ссылки к открываемому документу прописывается теми же способами:
Здесь мои фотки!! — Такая запись подразумевает, что в директории, где расположен наш первый html документ есть папка stranica в которой расположен файл primer.html
Здесь мои фотки!! — А это значит, что файл primer.html размещен на уровень выше от документа
Здесь мои фотки!! — документ расположен на сайте www.site.ru..Ну что давайте попробуем? Ниже приведен пример сразу двух документов в которых прописаны ссылки указывающие друг на друга.
Из примера видно, что ссылки выделяются цветом, по умолчанию синеньким — ссылка, а красненьким — уже посещенная ссылка, эти цвета можно изменить с помощью уже хорошо известного нам открывающего тега и его атрибутов.
link — цвет ссылки.
alink — цвет нажатой, активной ссылки.
vlink — цвет посещенной ссылки.Продолжая говорить о цвете текстовой ссылки стоит упомянуть, что при необходимости можно принудительно выделять цветом как всю ссылку, так и отдельные её части (фразы слова буквы) знакомым тегом и его атрибутом color. Впрочем, это касается не только цвета так же отдельно можно задать размер, стиль и шрифт текста. Но помните, что манипуляции с цветом нужно проводить внутри тега вот здесь а не за бортом, иначе цвет ссылки будет либо по умолчанию, либо так как прописано в теге
Радуга
link=»#008000″ alink=»#ff0000″ vlink=»#ffff00″>
Посмотрите на фразу которая поможет Вам запомнить места цветов в радуге
Р
А
Д
У
Г
А
Файл primer.html:Рисунок ссылка.
Ссылкой может являться не только текст, но и рисунок.. Здесь принцип такой же как и в текстовой ссылке, просто вместо текста мы заключаем рисунок который хотим сделать ссылкой.
Перед тем как привести очередной пример расскажу про то, как при переходе по ссылке открыть документ в новом окне браузера, до этого если Вы обратили внимание он у нас открывался в текущем, что не всегда удобно. Решает эту проблему атрибут target (цель) и его значение _blank.
кнопка
Не в коем случае не нажимайте на эту кнопку.
Файл primer.html:Я надеюсь, Вы не додумались нажать большую красную кнопку? Ох уж этот русский менталитет.. 🙂
Что ещё можно почерпнуть из этого примера?
Во-первых. Мы применили уже знакомые атрибуты описания title=»Не нажимать. « для тега и одновременно alt=»Не нажимать. « для тега если Вы помните, эти атрибуты позволяют сделать нам всплывающие подсказки. Но зачем я их продублировал? Один для ссылки, а другой для рисунка, если сам по себе рисунок является ссылкой. долгая история, когда ни будь напишу статью: «Спецификации HTML, браузеры и головная боль..» — а сейчас скажу лишь то, что разные браузеры не всегда воспринимают те или иные теги и их атрибуты. А описание для ссылки картинки нам просто таки необходимо! Помните, я рассказывал, что есть люди, умышленно отключающие загрузку рисунков?- это для них.
Во-вторых. В примере использован атрибут тега
border=»0″ — рамка рисунка. 0 — это значит выключить рамку, так как она портит весь вид страницы в данном примере, но бывают случаи когда рамки рисунка вполне актуальны и так сказать вписываются в страницу. Здесь нужно помнить, что когда рисунок является ссылкой, его рамка окрашивается в цвета ссылки: link — цвет ссылки, alink — цвет нажатой, активной ссылки, vlink — цвет посещенной ссылки тега .
Ссылка на e-mail
Я тут Вас чуть-чуть с толку сбил, вроде бы договаривались вместе писать полноценный сайт, а я тут какие то мелкие примерчики выкладываю.. Не волнуйтесь! В конце главы покажу готовый сайт про Карлсона целиком. А сейчас думаю так будет удобнее Вам читать, и мне писать.. : Да и подразумеваю что Вы уже самостоятельно можете вставлять теги в нужные места.
Напишите мне письмо.. — строчка из того примера..
Для того что бы сделать текст или рисунок ссылкой на e-mail — почтовый ящик его нужно заключить в тег , но не простой, а с использованием mailto
Эта непривычная запись будет говорить что, кликнув по тексту ссылке «Напишите мне письмо..» посетитель сайта попадет в свою почтовую программу, которая выдаст ему бланк для отправки письма, где в строчке Кому: уже будет указан нужный нам почтовый ящик karlson@kruha.ru
e-mail
Напишите мне письмо..
Помимо этого в почтовом бланке можно заранее прописать следующие вещи:
?subject= — Тема пиcьма
&Body= — Текст сообщения
&cc= maluh@kruha.ru,maluh2@kruha.ru — Копии письма
&bcc= freken_bok@kruha.ru,freken_bok2@kruha.ru — Скрытые копии письмаАдреса ящиков для копий и скрытых копий письма пишутся через запятую.
e-mail
Напишите мне письмо..
Закладки.
Закладки или якоря — это особый вид ссылок. Данные ссылки, как правило, не ведут к какому либо документу, а предназначены для навигации внутри страницы.
Предположим на странице в удобном месте находится некое содержание или меню.. по принципу:
Глава1
Глава2
Глава3А далее идет большой текст с этими главами, так вот чтобы посетитель страницы нажав на одну из этих глав «перенёсся» в нужное место текста нам нужно сделать две вещи:
Присвоить индивидуальное имя каждой главе. Ищем, значит, в большом-большом тексте нужные главы и делаем их адресами ссылок закладок, присваиваем им имена.
Имя можно присвоить любое необязательно glava1
А теперь собственно прописываем на них ссылки в нашем меню, содержании.
Замете перед каждым именем ставим знак решётки #.
Ладно, думаю, на примере будет понятнее:
Закладки
А. С. ПУШКИН
Сказка о попе и работнике его Балде
Сказка о рыбаке и рыбке
Сказка о царе Cалтане
Сказка о попе и работнике его Балде
Жил-был поп,
Толоконный лоб.
. . .Сказка о рыбаке и рыбке
Жил старик со своею старухой
У самого синего моря.
. . .Сказка о царе Cалтане
Три девицы под окном
Пряли поздно вечерком.
. . .Хотя, как я уже говорил, закладки используют для навигации внутри страницы, на них всё же можно ссылаться с других страниц или сайтов
идем к главе1 с другой страницы сайта
разместив такую ссылку на любом другом сайте мы согласно указанному пути сначала попадаем на наш сайт www.site.ru надём там документ primer.html и сразу начинам читать главу2Ну а теперь, как и обещал, выкладываю «большой» пример он тоже состоит из двух отдельных страниц:
Мой первый сайт
a href=» index.html»>Обо мне. Здесь мои фотки!! Напишите мне письмо.. Разрешите представиться Карлсон! … … …
Файл myfoto.html:
Мой первый сайт
Обо мне. Здесь мои фотки!! Напишите мне письмо.. это я
и это я
снова я
Фух.. ну вроде всё.. Думаю, на этом примере с Карлсоном мы распрощаемся, разросся он через чур.. да и как сайт с точки зрения построения имеет законченный вид.
Он улетел — но обещал вернуться. 🙂
Вполне нормальный сайт-визитка получился.. конечно, дизайн не вдохновляет, но зато теперь у Вас будет стимул сделать лучше!! Теперь этот сайт можно выложить в свет, как это сделать читайте в статье «Публикация сайта»
Ну а мы пойдем дальше, впереди нас ждет еще много интересных всяких разных штук.
Полезные советы:
Одна из Ваших страничек на сайте обязательно должна называться index.html. Именно файл с таким названием на Вашем сайте будет искать программа робот, когда человек введет имя Вашего сайта. Так как страница index.html будет открываться первой, делайте её главной. Остальные страницы можете называть, как угодно… больше никаких нюансов с именами нет.
Про регистр.. Прописывая путь и имена документов помните, что, к примеру: Page.html, page.html и PAGE.html это имена разных документов! Это же касается имен закладок и рисунков. Всегда учитывайте регистр при написании кода, есть большая вероятность, что такие имена не будут распознаны тем или иным браузером. Возьмите за правило все писать и обзывать маленькими латинскими буквами, тогда риск человеческого фактора и капризов программ сведется к нулю.
Правило трех кликов..
Старайтесь формировать «дерево ссылок» таким образом, чтобы посетитель сайта мог из любой его страницы попасть в любое место сайта за минимальное число переходов по ссылкам. Больше трёх переходов к нужному месту на сайте это уже не есть хорошо.. Бесконечные загрузки ненужных человеку страниц могут привести к нервному расстройству и преждевременному закрытию сайта. Берегите время деньги и нервы людей.