Подпишись на RSS и получай все статьи первым! На главную

Какие могут быть ошибки при создании HTML страницы

12 11 08
Категория HTML/CSS (справочник, учебник), Браузеры (Opera, Chrome, FireFox)

Недавно я делал меню для сайта (не для этого сайта), оно было на языках HTML и CSS. И столкнулся с такой проблемой, моё меню все браузеры отображали правильно, кроме Internet Explorer'а. Все web-разработчики уже не понаслышке знают что это за "плохой браузер" (Билл Гейтс видимо не уделил внимания этому "созданию")

И я, конечно, начал искать проблему, пересмотрел весь код — подходило ли всё под стандарты. И уже крынтец как меня всё это достало..... И я решил вытащить это меню с цельной страницы и создать чистый HTML — код с одним элементом меню. И что Вы думаете? Всё заработало!!!

Я, не долго думая, сверил обе страницы и увидел таки проблему — DOCTYPE!

Да, именно DOCTYPE. Новую тестовую страницу я ведь создавал в Dreamweaver'е, и он сразу вставил в страницу шаблон со всеми настройками, среди которых был и DOCTYPE. Вот что было на первой странице:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

А вот что вставил Дрим в тестовую страницу:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Т.е. я просто забыл написать адрес стандарта!!! И на это я убил несколько часов.

Вывода тут 2:

  1. При создании любой страницы сначала запишите DOCTYPE в правильном формате
  2. Если видите несоответствие отображения проверяемого элемента, напишите тестовую страницу и всё сразу будет ясно.

Ну а если и после этих действий есть расхождение в отображении популярных браузеров — Opera, Firefox, IE — то смотрите стили, может быть к одному элементу придали в разных местах разные стили, вот и загвоздочка вышла

----------------------------------------
Монетизация
-------------------------------------------

Если нужен Мерседес, подпишись на RSS!

Метки: , , ,

Комментариев нет

Создаём меню в стиле web 2.0

08 11 08
Категория web 2.0 (про дизайн в стиле web 2.0)

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

Меню в стиле web 2.0

[Прочитать полностью...]

Чтоб внести свой вклад в прогресс, подпишись на RSS!

Метки: , , , ,

4 комментария

Дизайн элемента в стиле Web 2.0

07 11 08
Категория web 2.0 (про дизайн в стиле web 2.0)

Я думаю хватит Вас напрягать web программированием :). Давайте займёмся чем-нить интересным =). Получится вот такая красота:

i в стиле web 2.0 [Прочитать полностью...]

Что бы Ктулху не воскрес, подпишись на RSS!

Метки: , ,

Один комментарий

Javascript, HTML, CSS, PHP, Ajax ПРИМЕРЫ

03 11 08
Категория Ajax (скачать скрипты, библиотеки, обзоры, изучение), HTML/CSS (справочник, учебник), Javascript (примеры, скрипты, описание), PHP (скрипты, написание скриптов)

Сейчас я Вам приведу несколько строк кода по каждому из языков web программирования. Цель заключается в том, чтобы Вы смогли понять как в принципе создаются сценарии на этих языках. Если Вы увидете // (два слэша) , то значит это комментарии, браузер не смотрит ничего, стоящее за //. Это просто для Вас. Приведу простые примеры:

Javascript

<script type="text/javascript">

var str = "Простой текст"; <span class="comment">//Создаём переменную str, которой придаём значение Простой текст</span>

var func = function (text){return text.toUpperCase()} <span class="comment">//Создаём переменную func, которая становится функцией с одним параметром text, значение text возвращается так, что все буквы становятся заглавными</span>

alert (str + func("...и ещё")); <span class="comment">//с помощью диалогового окна мы показываем результат смешания(сложения) значений переменных</span>

</script>

Как видите, ничего сложного. Переменные создаются ключевым словом var(сокращение от variable — переменная).

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p>
<p> </head> <body></p>
<p>Параграф</p>
<p>
<img src="путь к картинке" />

</body>

</html>

Первая строка обязательна, это сообщает браузеру тип документа, чтобы он его правильно отображал. Вторая строка показывает ссылку, где находитcя стандарт документа. В секции располагается служебная информация, такая как заголовок страницы, ключевые слова и описание для поисковых систем, а также там подключаются таблицы стилей и скрипты.

Секция является телом документа, там распологается информация, которая видна пользователям, за исключением тегов. Кстати, теги это, например, , ,

. Ну а дальше там всё ясно.

CSS

[Прочитать полностью...]

Ай, храбрец, ай молодец! Подпишись на RSS!

Метки: , , , , , , , , , , ,

12 комментариев

Краткая характеристика языков веб-программирования

01 11 08
Категория Ajax (скачать скрипты, библиотеки, обзоры, изучение), HTML/CSS (справочник, учебник), Javascript (примеры, скрипты, описание), PHP (скрипты, написание скриптов)

Вдаваться в теорию не собираюсь и Вас нагружать не нужным материалом не планировал. Поэтому простым языком поясню как могу. Эта статья только вводит Вас в языки веб-программирования, а чуть позже уже будем практиковаться в написании кода на каждом из языков.

HTML

По-нашему значит так — Язык Разметки Гипертекстов. Это основа любого сайта — его фундамент. Любая страница сайта начинается именно с участка кода на языке HTML и уже потом к нему в связку примыкают остальные. Он был создан очень давно, и развивается и по сей день, давая разработчикам всё больше возможностей. Сейчас самая новая версия языка — это 4.01.

С помощью него мы можем: форматировать текст, вставлять изображения на страницу, отделять необходимую часть текста в блоки, подключать к странице таблицы стилей, написанных на языке CSS, подключать скрипты и много других полезных вещей! Ну и самое главное, создавать ссылки, с помощью которых пользователь может просматривать другие страницы Вашего и чужого сайта!

CSS

[Прочитать полностью...]

Ай, храбрец, ай молодец! Подпишись на RSS!

Метки: , , , , ,

10 комментариев

Изучение языков веб-программирования.Мифы

25 10 08
Категория Ajax (скачать скрипты, библиотеки, обзоры, изучение), HTML/CSS (справочник, учебник), Javascript (примеры, скрипты, описание), PHP (скрипты, написание скриптов), Web - дизайн (советы дизайнера), Интересное (полезные материалы), Создание сайта (уроки, примеры, помощь)

Для начала, тем кто не знает что это такое языки веб-программирования, объясню: это такие способы передачи и обработки информации между пользователями (то есть Вами и Вашими посетителями) и сервером, где хранится весь Ваш сайт или отдельные скрипты. Это, считай, те языки, которые понимает и соответственно отображает веб страницы браузер.

Вот те языки, которые я имею ввиду: HTML, Css, PHP, Javascript, Ajax. Можно приписать ещё парочку, но эти самые главные, и заморачить себе голову всеми остальными не нужно.

Здесь существуют чёткие термины, конструкции и многое другое, что поможет Вам донести информацию до пользователя. Пользователей интернета МИЛЛИАРДЫ! Поэтому то и стоит выучить эти языки, тогда Вы сможете, например, продвигать свои товары, проводить рекламные акции, и..... ЗАРАБАТЫВАТЬ реальные деньги!!! Я думаю, смысл и намёк Вы поняли, продолжу свой рассказ.

Вы действительно решили выучить ВСЁ это, и прогуливаясь по интернету, Вам встречались такие высказывания:

Чтобы успешно содержать, пополнять и развивать сайт не обязательно знать даже самое лёгкое, HTML!

Честно говоря, таких людей и слушать не надо, сразу тянуться мышкой в правый верхний угол с изображением крестика, и нажимать. Потому, что там Вы не найдёте ничего полезного. Это то же самое, как не знать алфавит и написать «Войну и мир». HTML- это основа, с него нужно начинать обязательно!!! А дальше продолжать изучать по очереди: CSS, PHP, Javascript и Ajax.

Не обязательно знать PHP, Javascript и Ajax!

С этим я соглашусь, но опять таки с одним вопросиком. Вам нужен красивый и удобный в использовании сайт, или набор статичных страниц, в которых невозможно быстро изменить то же меню, и приходиться обновлять каждую страницу, еслы Вы нашли ошибку? Ответить на это придётся Вам.

Чтобы заработать в интернете нужно очень долго «пахать»

Невправда! Можно придумать какую-нить прикольную вещицу типа «одноклассники.ру», но только совсем из другой категории. Главное, чтобы подобного проекта ещё не было создано. Или ещё варианты: заняться созданием сайтов, вебдизайном..... Тут Вам сайт нужен как визитка, показатель Вашего уровня, отталкиваясь от Вашего умения работать в Photoshop'е и знания языков веб-программирования Вы уже назначаете цены за Ваши услуги.

Процесс изучения «основ» достаточно длителен

Это в какой-то мере так, но только в какой-то. Чтобы ускорить этот процесс, посмотрите на рекомендации:

  • Изучать строго в этом порядке — HTML, Css, PHP, Javascript, Ajax!
  • Не лениться и не переносить изучение «на завтра»
  • Не нужна теория без практики, прочитали что-то, обязательно в блокноте(программа в Windows) или Dreamweaver'е попрактикуйтесь
  • Если будет что-то непонятно — спросите у меня, связь со мной в КОНТАКТАХ
  • Ненужно тупо заучивать — нужно ПОНИМАТЬ!

Сколько времени это займёт? Могу ответить только в процентном содержании, так как не знаю Вашего желания и возможностей:

  1. HTML — 5%
  2. CSS — 15%
  3. PHP — 35%
  4. Javascript — 35%
  5. Ajax — 10%

Ajax'у я дал 10% времени не потому, что учится легко, а потому что при создании скриптов с применением этого языка используются все остальные языки.

Если будут в процессе изучения выплывать ещё «мифы», то задавайте вопросы и я создам ещё парочку записей на эту тему

Нужен ликбез? Подпишись на RSS!

Метки: , , , , , , , , ,

3 комментария

Страница 10 из 11←Туда«...7891011