Повышение мастерства
14 сообщений
#15 лет назад
Доброго времени суток!Дело касается вёрстки страниц... В этом деле новичок и ограничен в свободном времени, а по сему браться за задания с жесткими сроками исполнения не хочется...
Ввиду этого, созрело предложение-если нужно сверстать простенький шаблон и нет серьёзного ограничения в сроках, обращайтесь
Оплата-ваша критика html-разметки, css, возможно рекомендации на будущее и, быть может, отзыв... Думаю об этом договоримся
Главное, чтоб если что не получится-не пинали.Если есть такие проекты-обращайтесь.
P.S: Готов сотрудничать с командой "молодых специалистов" в области верстки и программирования на php
420 сообщений
#15 лет назад
Цитата ("kaktus312"):Главное, чтоб если что не получится-не пинали.
Для повышения мастерства - лучше чтоб пинали.
488 сообщений
#15 лет назад
kaktus312, а что вы умеете? какие-нибудь макеты верстали? Покажите, или приведите кусок кода своей верстки.
14 сообщений
#15 лет назад
Цитата ("Serget"):
Для повышения мастерства - лучше чтоб пинали.
Полностью согласен! Имел ввиду что если что-то не смогу сделать или что-то получится не совсем так как нужно заказчику
Цитата ("kulibinn"):
kaktus312, а что вы умеете? какие-нибудь макеты верстали? Покажите, или приведите кусок кода своей верстки.
Макеты верстал, но в основном для себя, поэтому качество и соответствие требованиям проверить некому
. Из последнего могу предложить такой вариант...Автор к заданию приложил готовый psd, а я заверстал просто для тренировки... Коммерческие цели не преследую, авторство на макет psd остаётся за автором, а вёрстка моя на 100%
14 сообщений
14 сообщений
#15 лет назад
Цитата ("kulibinn"):Код в студию!
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=windows-1251" />
<title>PolyInvest PeTrol</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<img id="logo" src="images/logo.png" alt="Logo" />
<img id="top_flash" src="images/top_flash.png" alt="top_flash" />
</div>
<hr />
<div id="nav">
<span id="nav1">
<a class="item" href="index.html" title="Home"><img class="item" src="images/home.png" alt="Home" /></a>
<a class="item" href="index.html" title="Search"><img class="item" src="images/search.png" alt="Search" /></a>
<a class="item" href="index.html" title="Site Map"><img class="item" src="images/map.png" alt="Site Map" /></a>
<a class="item" href="index.html" title="Mail"><img class="item" src="images/mail.png" alt="Mail" /></a>
</span>
<span id="lang">
<a href="#">РУС </a><span class="ver_spacer">|</span>
<a href="#">ENG</a><span class="ver_spacer">|</span>
<a href="#">CHINA</a>
</span>
<span id="nav2">
<a href="index.html" title="О компании">О компании</a>
<a href="index.html" title="О компании">Пресс-центр</a>
<a href="index.html" title="О компании">Карьера</a>
<a href="index.html" title="О компании">Контакты</a>
<a id="last" href="index.html" title="О компании">Обратная связь</a>
</span>
</div>
<hr />
<div id="main">
<div id="v_nav">
<ul id="navigator">
<li><a href="#">Продукция</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Документация</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Наши партнёры</a></li>
</ul>
<form id="rss"action="" method="post">
<label for="rss_email">Рассылка</label>
<input id="rss_email" name="rss_email" type="text" />
<input id="sub_rss" name="sub_rss" type="button" value="Подписаться" />
</form>
<label >Новости</label>
<div class="news">
<span class="news_hd">12.09.2009 Здесь заголовок </span>
<p> У вас есть уникальная возможность принять участие в разработке нового дизайна и стать одним из соавторов популярного проекта. Принять участие в конкурсе может любой клиент, обладающий креативным мышлением и художественными способностями.
<br/>
<a class="show_fool" href="#">далее</a></p>
</div>
<div class="news">
<span class="news_hd">12.09.2009 Здесь заголовок </span>
<p> У вас есть уникальная возможность принять участие в разработке нового дизайна и стать одним из соавторов популярного проекта. Принять участие в конкурсе может любой клиент, обладающий креативным мышлением и художественными способностями.
<br/>
<a class="show_fool" href="#">далее</a></p>
</div>
<div class="news">
<span class="news_hd">12.09.2009 Здесь заголовок </span>
<p> У вас есть уникальная возможность принять участие в разработке нового дизайна и стать одним из соавторов популярного проекта. Принять участие в конкурсе может любой клиент, обладающий креативным мышлением и художественными способностями.
<br/>
<a class="show_fool" href="#">далее</a></p>
</div>
<label >Курсы валют</label>
<table id="kurs" summary="Курс валют">
<tr>
<th scope="row">USD</th>
<td>31.6011</td>
<td>-0.3180</td>
</tr>
<tr>
<th scope="row">EUR</th>
<td>44.9842</td>
<td>-0.0281</td>
</tr>
<tr>
<th scope="row">$+£</th>
<td>37.6235</td>
<td>-0.1875</td>
</tr>
</table>
</div>
<div id="content">
<div id="center">
Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице Текст на странице
</div>
</div>
<hr/>
</div>
<div id="footer">
<span id="adress">
OOO "ПолиИнвест Петрол" 117534 г. Москва, Балаховский пр-т, д.6
</span>
<span id="contact">
<img src="images/b_tel.png" alt="Tel office" />+7 499 610 69 62
<img src="images/kpk.png" alt="Tel mob" />+7 926 245 55 30
<img src="images/b_mail.png" alt="e-mail" /><a href="mailto:***">***</a>
</span>
<span id="autor">Все права защищены © 2009</span>
</div>
</div>
</body>
</html>
CSS:
@charset "windows-1251";
body {
padding:10px;
margin:0px;
background-color:#FFF;
min-width:1024px;
}
hr {
float:left;
width:100%;
clear:both;
color:#F00;
margin:0;
}
#header {
float:left;
width:100%;
text-align:center;
}
#logo {
float:left;
margin:10px;
}
#top_flash {
margin:0 auto;
}
#nav {
float: left;
width: 100%;
text-align:center;
padding: 10px 0;
}
#nav1{
float:left;
width:140px;
}
#nav1 .item {
border:none;
width:29px;
vertical-align:middle;
}
#nav2 {
display: block;
margin: 0 auto;
width: 800px;
}
#nav2 a{
display:inline-block;
background:url(../images/v_line.png) top left no-repeat;
padding:0px 15px 0 10px;
color:#F00;
font-weight:bolder;
text-decoration:none;
}
#nav2 #last {
padding-right: 0;
}
#nav2 a:hover {
color:#F90;
}
#lang {
float:right;
width: 200px;
}
#lang a {
text-decoration:none;
color:#000;
}
#lang a:hover{
background-color:#C30;
color:#FFF;
}
.ver_spacer {
color:#F00;
font-weight:bold;
padding:5px;
}
#main {
float:left;
width:100%;
text-align:justify;
background:#F3F3F3;
}
#v_nav {
float:left;
width:200px;
margin-right:-220px;
padding:5px;
background:#FFF;
}
#navigator {
list-style-image:url(../images/marker.png);
text-transform:uppercase;
font-size:14px;
margin-bottom:40px;
}
#navigator li {
margin-bottom:5px;
}
#navigator a {
text-decoration:none;
color:#000;
}
#navigator a:hover {
color:#999;
}
#v_nav label {
display:block;
color:#FFF;
background-color:#C30;
padding:1px 3px;
text-align:left;
margin-bottom:10px;
}
#rss {
text-align:center;
margin-bottom:40px;
}
#rss input {
margin:5px;
}
#content {
float:left;
padding-left: 210px;
}
#center {
padding: 5px;
}
#footer {
float:left;
width:100%;
}
#adress {
float:left;
width:250px;
text-align:left;
margin:5px;
}
#contact {
display:block;
margin:0 auto;
text-align:center;
}
#contact img {
vertical-align:middle;
margin:10px;
}
#autor {
display:block;
color:#CCC;
margin:0 0 0 10px;
}
.news{
font-size:13px;
padding-bottom:30px;
}
.news_hd{
font-weight:bolder;
}
.show_fool {
color:#C30;
float:right;
}
table {
border-collapse:collapse;
border:solid thin #000;
margin-bottom:40px;
}
td, th {
border-bottom:solid thin #000;
border-left:solid thin #000;
}
th {
color:#F90;
}
Код в студии
Пинайте его
488 сообщений
#15 лет назад
Не все потеряно, набивайте руку, читайте статьи и подсматривайте в замочную скважину :!:пс для начала неплохо
14 сообщений
#15 лет назад
Спасибо Буду искать на чем бы реальном потренироваться. Если что будет - обращайтесь
