Уроки создания собственной странички/сайта

Здесь, по шагам, мы начнем осваивать создание своей странички/сайта. Многие из вас хотели бы уметь делать хотя бы простенькие сайты, но представления не имеют "откуда ноги растут". Эта тема призвана помочь вам сделать первый шажок в освоении по-своему интересной темы.

Безусловно, она очень и очень может пригодится любому из вас в будущем. Итак, начнем. Любой сайт состоит из страниц.

В данном примере мы будем рассматривать одну единственную страницу, которую, собственно говоря, и будем создавать.

Перво-наперво, что необходимо усвоить, так сказать впитать с молоком ЛЮБОМУ кодеру - это тот факт, что, если вы хотите чтобы страница отображалась корректно, то есть так, как вы задумали, необходимо самой первой строкой указывать так называемый ДОКТАЙП!

А вот собственно говоря и строка кода с ним:

Мы не будем обсуждать другие варианты.

Для нас имеет смысл только это представление документа браузеру.

вы должны на ОТЛИЧНО усвоить это обязательное правило, как и многое другое из того, что я буду постепенно тут выкладывать.

Итак, мы сказали браузеру, что из себя будет представлять наш документ и теперь он готов кушать то, что мы ему будем подавать.

А подадим мы ему вот что: - таким образом мы объявляем браузеру о начале документа. Далее следует

как всегда... пообещают строку с кодом, а мы на это и попадаемся ))) Страницу предполагается делать полностью на html?

Теперь нам, наверное, имело бы смысл сказать всему миру, что это у нас за ресурс и кто его создатель/обладатель?! :0) Давайте так и поступим.
(мы же помним о том, что надо закрывать теги?!) Ура! Мы убрали отступы от краев таблицы и готовы сделать миру первое заявление! Теперь все в нашей власти! :0)

Что ж, друзья мои, пробил час не просто сказать, а показать миру, что мы что-то можем! Давайте для начала сделаем это так:

Привет гостям, THIS SITE is MINE! :0)

/DIV> А вот и полный код примера:

Привет гостям, THIS SITE is MINE! :0)

Продолжение следует!

Когда уже будим добавлять рисунки в сайт ? ))) У меня есть код в рисунок фставяется и действует как черфь ) Не атакует только создателя Ыыы

От злодей, лишь бы крякнуть кого-нить. Не спешите, доберемся и до фанни-гейм :0)

Ну расскажите как правильно добавлять картинки,чтобы при щелчке на них был переход на другой сайт???

Я правильно понял, что Вы хотите, что бы, когда пользователь кликает на изображение его перенаправляло на другой ресурс?

)) Типа да , и причом куда подальше, типо на сайт Бориски Моесеева )))

Мега-вопрос: есть зверски интересная идея.Такого в веб еще не было.Примерно представляю структуру.На пути к созданию этого портала 3 проблемы:лень,не могу правильно настроить связку пиашпи+апач+мускул,нет толкового руководства.Как решить 2 и 3 проблемы?Спасибо

Ну вот вопрос: в чём разница при использовании class, как здесь

, и ID как здесь

Всего лишь в том, что к class можно обращаться из любого места кода сайта, сколько угодно раз. id же можно юзать лишь однажды на сайте и все. И class и id не зависят от какого-либо конкретного тега. P.S. Спасибо за вопрос! Хоть кто-то задал вопрос по существу.

А почему бы тогда не использовать всегда class и забыть про одноразовый id?

Потому, что, порой, одному и тому же тегу возникает необходимость присвоить два значение, при этом, чтобы данное значение не касалось остальных элементов затрагиваемых классом, например: Третий div при помощи id мы вывели за общепринятые для div-ов данного документа css рамки, добавив ему индивидуальные параметры.

В css файле, благодаря id нам проще будет отыскать параметры третьего div-а и не запутаться в причинно-следственной связи интерпретации.

Благодаря id мы сэкономили массу символов, можете посчитать.

Также стоит учитывать то, что даже при прочих РАВНЫХ условиях интерпретация при помощи css файла дает конечный вес документа чуть ли не в два раза легче, чем если бы все писалось в теле страницы.

Спасибо! Теперь всё понятно. Но хотелось бы ещё узнать о процессе верстки сайта в подробностях. Хотя я так понимаю, об этом будет труднее рассказать)))

Нет, конечно :0) Если Вы так же по существу, в какой-либо форме продолжите задавать вопросы. Велкам :0)

Допустим, дан какой-то макет сайта. И вот хотелось бы узнать всё "от" и "до" о "преобразовании" этого макета в html-страницу. Как это всё происходит? Более конкретизировать свой вопрос не могу))))

Трудного тут нет ничего для меня.

Но, пока не будет сформулированного вопроса не будет и ответа.

Если кому-то интересно что-то, он напряжется и найдет способ формулировки по существу - и это правда :0) Для облегчения своей нелегкой доли, разбейте задачу на логические части, присвойте каждому логическому блоку значение-вопрос и задайте его.

И тогда я, конечно же, помогу Вам.

А чем вам "не нравится" вопрос, заданный в прошлом сообщении?

Он не по существу, он общий.

Я готов помогать, но ответами только на локальные составляющие.

Помощь сверстать страницу, и фактически сверстать ее - это разные вещи.

В вашей ситуации для начала надо визуально разделить на как минимум следующие составляющие макета: Шапка, Меню, Тело страницы, Футер и разрезать страницу хотя бы на эти части.

Сделайте это.

Только вот дело в том, что макета у меня пока нет. Не могли бы вы дать ссылку, откуда можно скачать? Макет нужен любой, чисто для тренировки

Могу Вам предложить сделать то, что и нужно сделать - яндекс-гугл и иже с ними.

В строке пишем: макет сайта скачать или макет для верстки скачать или исходник сайта или шаблон сайта скачать бесплатно и т.п. В вывалившихся сайтах ище нужное.

Обычно они в архиве и в нем же в отдельной папке обычно лежит исходник.

internet-tehnologies в принципе то, что Вам нужно.

ПОдберите интересующий архив и дайте мне на него ссылку тоже, чтобы мы об одном и том же макете говорили.

После этого продолжим.

Я мог напутать, но там вроде бы 5 вариантов... Как-то не серьезно получается.

Все в порядке. У них глюк был, закидывали на предыдущую страницу.

Ну вот, макет у нас у обоих есть. Начинайте верстать. Какие непонятки, говорите, будем разбираться по факту.

Как разместить презентацию РРТ на сайте? Как ее конвертировать в HTML? Где можно скачать конвертер бесплатно?(желательно русифицированный) Заранее благодарю!

www.xtina-aguilera.ucoz .ru и хотела бы узнать вот на моей страничке есть фото на главной страницы как сделать написанные на нем слова ссылками?

У меня такой вопрос, я создаю сайт(примерно 10-15 страниц) хочу выложить его в Нет. Будет ли возможность исправлять его дополнять и т.д только у меня?

2Helen 9 Devil www . htmlbook . ru/html/map.html - про изображения-карты, то что вам нужно 2Анна Volchiza Волкова если пароль на доступ будет только у вас, то и возможность править сайт будет только у вас

то есть при регистрации на РУ домене выдается пароль на доступ, я правильно поняла?

для того чтобы разместить сайт в инете нужно

самый сложный способ.

1)Зарегистрировать домен, например на nic . ru. вы получите пароли на домен

2)Зарегистрировать хостинг, анпример на rusonix . ru, там дадут пароли на непосредствнный доступ(контрольную панель).

После этого надо будет привязать домен к хостингу.

Способ попроще

1)Регистрируем хостинг, например на rusonix.

ru, сразу на год, за эо получаете в подарок домен(какой захотите, если конечно он свободен).

они там сами регистрируют вам домен, привязывают его к хостингу, высылают вам пароли на всё.

Самый простой способ, вылить сайт на narod . ru, это сервис Яндекса по размещения сайтов на html, но про домен второго уровня в зоне ru можете забыть.

Нафига народ.ру? Есть хороший бесплатный хостинг без рекламы на by*ru(без пыха, конечно, но есть сси) с возможностью привязки домена второго уровня или третьего уровня net*ru .org*ru .pp*ru В самом начале автор темы давал код(#5): я не понял, нафига элемент

Есть два варианта: На пыхе: Можно еще на яваскрипте:

Затем создать файлик time.js в каталоге /files/

div_time=document.getElementById("time");

time_now=new Date();

div_time.innerText=time_now.getHours()+":"+time_now.getMinutes()+":"+time_now.getSeconds()+" сегодня "+time_now.getDate()+"/"+time_now.getMonth()+"/"+time_now.getFullYear();

div_time.textContent=div_time.innerText;

2 Brave Red Fox: id это индификатор для клиентских скриптовых языков (VB,JS ...) его можно использовать сколько угодно раз =) class это класс для таблицы стилей Пример:

Вы, судя по всему, плохо понимаете, о чем речь, мат. часть Вам в помощь, приходите завтра :0)

Специально для Brave Red Fox : Особым языком : class - Класс для таблиц стилей id - Индификатор объекта для скриптовых клиентских языков

Специально для Алексей dLex Постников: Максимально упрощенно, доступности ради: class - класс id = идентификатор

Есть такой бесплатный редактор-ucoz,ru, классные сайты из сырья получаются.(и бесплатно)

Возникает небезосновательное ощущение, что Вы НЕ программист.

1. Потому, что рекомендуете совершенно кошмарное изделие.

2. Потому, что утверждаете, что этот ужастик делает хорошие сайты.

3. Потому, что рекламируете бесплатный продукт.

Именно из-за таких доброхотствований в Рунете сплошь и рядом кошмар, который не приснится и в самом страшном сне.

Не говоря о том, что, чтобы создать вменяемый сайт, даже на подобном конструкторе, необходим вкус, понимание концепции создаваемого сайта на уровне четко и ясно осознаваемых ощущений, как минимум.

П.С.

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

Как минимум потому, что он далеко не так понятен, как его рекламируют, особенно новичкам. И последнее.

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

Настолько очевидна его шаблонность.

Специально для Brave Red Fox : Я написал что как и class так и id можно много раз использовать поэтому ваш ответ что id как индификатор можно использовать один раз неправильный и еще если до этого дошло id это больше для скриптов а class для таблиц стилей ПРО ЧТО Я ВСЕ ЭТО ВРЕМЯ И ПИСАЛ

Специально для Алексей dLex Постников: В том то и дело, что id в случае css является стандартным атрибутом тега, предназначенным для того, чтобы ПЕРЕОПРЕДЕЛИТЬ уже определенное.

Конечно, понятно, что можно id использовать много раз, но лишь один раз ДЛЯ ОДНОГО ТЕГА.

Один и тот же id нужно использовать для одного тега лишь один раз, а вот class, много раз - вот о чем пишу я :0) Топик нельзя закрывать, вдруг еще какие новости от кого-нибудь узнаю - глядишь польза мне и другим будет.

Вон выше,в идите, ucoz рекламируют, у меня аж волосы дыбом встали :0)

слушайте очень необходимая информация !!! спасибо вам огромное, теперь у меня есть личная страница на бесплатном хостинге !!! там моё имя посередине !!!! клёвоооо

а еще,если хорошо порыться то можно найти postroika,ru и скачать учебники,которые действительно написаны как мануалы,пошагово. для совсем новичков там очень хорошо описано.

2 опытных копирайтера (и поэтому быстро!!!), крупные заказы или долгосрочное сотрудничество, от 2х уе за кило, абсолютно любая тематика. Образование журналистика и критика. Только Питер. В личку. А вообще, простите за спам))) заказы всем нужны)))