Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   диагностика html. (https://javascript.ru/forum/project/43736-diagnostika-html.html)

Станислав89 18.12.2013 13:14

диагностика html.
 
Вложений: 3
Сейчас работаю над этой страницей. Приветствуются любые комментарии.

Царь Леонид 18.12.2013 17:46

Это же просто скриншоты, для комментариев нужен код. А так - красный цвет на фон лучше не ставить. И зачем нужна клевая вставка Date()? Изображение растянуто - выглядит не очень. Это табличная верстка? ИМХО

Станислав89 18.12.2013 18:25

ну код, так код.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Черновик</title>
<style>
body {
background: blue;
color: black;
margin: 0px;
}
#window {
margin: 0 125px;
background: yellow;
}
#menu {
background: white;
}
#size {
font-size: 150%;
float: left;
width: 15%;
height: 100%;
background: green;
}
#font-size {
font-size: 150%;
float: right;
width: 15%;
height: 100%;
background: green;
}
#left {
font-size: 150%;
float: left;
width: 35%;
height: 100%;
background:#0099CC;
}
#right {
font-size: 150%;
float: right;
width: 35%;
height: 100%;
background: #0099CC;
}
#down {
background: red;
}
button {
border-top: 1px solid #96d1f8;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#2d5396), to(#65a9d7));
background: -webkit-linear-gradient(top, #2d5396, #65a9d7);
background: -moz-linear-gradient(top, #2d5396, #65a9d7);
background: -ms-linear-gradient(top, #2d5396, #65a9d7);
background: -o-linear-gradient(top, #2d5396, #65a9d7);
padding: 5.5px 11px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 15px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
button:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
button:active {
border-top-color: #3380b0;
background: #3380b0;
}
</style>
</head>
<script>
</script>
<body>
<div id="window">
<div id="menu">
<img src="top.jpg" width="100%" height="30%">
<br>
<script>
document.write(new Date());
</script>
</div>
<div id="size">
<button><a href="javascript.html">Cделать главной</a></button>
<button><a href="javascript2.html">О нас</a></button>
<button><a href="javascript3.html">Услуги</a></button>
<button>Услуги</button>
<button>Сделать заказ</button>
<button>Фотографии</button>
<button>Форум</button>
<button>ССылки</button>
</div>
<div id="font-size">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div id="down">
<br>
</div>
</div>
</body>
</html>

Vlasenko Fedor 18.12.2013 18:41

где doctype
стили css вынеси в отдельный файл и подключай
это что такое?
<script>
</script>
а это что такое? зачем ссылка внутри кнопки? ссылка должна иметь title
<button><a href="javascript.html">Cделать главной</a></button>
<div id="font-size"> другой ид слабо придумать :dance:
margin: 0px; и т.д.
я же приводил ссылки в помощь начинающим.
воспользуйтесь одним из генераторов шаблона.
Посмотрите, что и какой код генерят

danik.js 18.12.2013 18:43

Возьми какой-нибудь бесплатный psd-макет да верстай его. А то на эти страшно смотреть. В качестве бонуса можно получить уже выполненную верстку и в случае затруднейний подсматривать в код.

Станислав89 18.12.2013 19:00

а мне нравится своя работ.
Poznakomlus,
1. Про доктайп я знаю, - но html5 у меня вышел с ошибкам, разберусь всему своё время.
2.это промо. стили я знаю, как выносить в отдельный фал и подключать.
3. ну скрипт и скрипт.)) я в курсе. - не убрал потому что занимался с этим, а потом оставил.
4. ссылка с кнопкой тоже работает, тогда, какая особо разница?
5.<div id="font-size"> другой ид слабо придумать - спасибо мне тоже было смешно:victory:
6.margin: 0 - что ж будем знать.
тем не менее мне моя работа, очень понравилась, как и всем моим знакомым.

Станислав89 18.12.2013 19:07

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

kobezzza 18.12.2013 19:25

Цитата:

Сообщение от Станислав89 (Сообщение 287657)
а мне нравится своя работ.

Цитата:

Сообщение от Станислав89 (Сообщение 287657)
тем не менее мне моя работа, очень понравилась, как и всем моим знакомым.

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

danik.js 18.12.2013 19:51

Цитата:

Сообщение от Станислав89
4. ссылка с кнопкой тоже работает, тогда, какая особо разница?

Кроме того, что это глупо и нелогично, совать один активный элемент внутрь другого (что и отражено в спецификации HTML запретом на такие дела), так еще и теоретически может не работать в какой-нибудь реализации HTML-движка (хотя маловероятно).

Станислав89 18.12.2013 19:56

Вложений: 1
да нормальный сайт. вот я контент забил.

а где шаблоны лежат?

Homebog 21.12.2013 21:04

Если это Ваш первый сайт и Вы только учитесь, то не плохо, если нет... тогда ужасно.
А вообще зачем использовать столько разных цветов?
Все выглядит очень не логично. Синий, голубой, зеленый... :blink:
Наберите в поиске яндекс "шаблон сайта на html скачать"
и выбирайте на здоровье. :)
Удачи!

kobezzza 21.12.2013 22:29

http://www.templatemonster.com - здесь можно найти огромное количество макетов для экспериментов и тренинга

Станислав89 22.12.2013 09:12

Homebog,
у меня похожих работа штук 20 на диске с. одни лучше, другие хуже. но в целом такие. учился около 2 лет. html/css с элементами Javascript.
Очень сложно.
kobezzza,
Спасибо за ссылку

ruslan_mart 22.12.2013 18:54

Цитата:

Сообщение от Станислав89
учился около 2 лет

Всё очень плохо. Учились 2 года, а такое ощущение, что будто только начали.

Bandicoot 23.12.2013 14:46

Ай-яй как кислотно. Цвета хотя бы нормальные подбери. Мой тебе совет - изучай код и оформление бесплатных, но профессионально выполненных шаблонов с freecsstemplates.org и других ресурсов. А еще лучше - верстай PSD макеты, которых тоже много в свободном доступе. Сайты на первое время лучше также делать на шаблонах

Терехов Станислав 23.12.2013 14:54

спасибо. я всё итак делаю. продолжаю обучение. сейчас правда переключился на программирование. но это конечно тоже будет освоенно со временем.

Терехов Станислав 27.12.2013 18:55

новая работа-
ну, как оно?

ruslan_mart 27.12.2013 19:35

Терехов Станислав, сколько делали? :D

Терехов Станислав 27.12.2013 19:41

Ruslan_xDD,
позвольте спросить, что Вас так равесилило?
2 дня.

ruslan_mart 28.12.2013 12:57

Терехов Станислав, Вы уж конечно извини, но Вашими профессиональными знаниями и двум годам обучения тут вообще не пахнет. :)

Терехов Станислав 28.12.2013 20:04

Ruslan_xDD,
тем не менее. я обучаюсь 2 года через интернет. я могу сделать вложенные блоки, но пока мне не нужна многоблочная вёрстка.
Я бы хотел спросить, т.к. не раз уже поднимался вопрос - 2 ГОДА - Это много или мало?

Мои работы оценило около 30 человек, и всем без исключения они понравились. Сказали, что очень круто и т.д., но они не программисты. Но это правда, - 30 человек не меньше. Хотите верьте, хотите нет. Когда я написал некоторым, что программисты забраковали, они все равно ответили, что очень хорошо. Такие дела.

Терехов Станислав 28.12.2013 20:07

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

Василий Иванов 30.12.2013 14:18

Помоему у тебя здорова получается!

BallsShaped 30.12.2013 14:31

Цитата:

Сообщение от Терехов Станислав
Мои работы оценило около 30 человек, и всем без исключения они понравились.

Как бы так: что-то на уровне Высоцкого и даже может быть и выше

Терехов Станислав 30.12.2013 14:32

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

Терехов Станислав 30.12.2013 14:35

Василий Иванов,
я сейчас специально сделаю какой-нибудь сайт, чтобы показать разницу.


Часовой пояс GMT +3, время: 07:19.