Превращение макета в веб страницу

Victor Ananiev · July 15, 2007

У меня есть готовая картинка сайта, так как я его себе представляю. Каждый элемент это новый слой. Могу ли я из этой картинки смастерить сайт, но без контента. Тоесть кнопки, фон... Если это всетаки возможно то обьясните как это осуществить.

З.С. Извините если не по теме, и за глупые вопросы тож(в этой теме).

botan · July 15, 2007

Могу ли я из этой картинки смастерить сайт

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

Если используешь Fireworks , то там есть возможность сгенерировать код http://dreamweaver.net.ru/fireworks/copy-html.php .

Но лучше конечно первым способом,т.к. заумный слишком код fireworks выдает .

Victor Ananiev · July 15, 2007

А как сделать чтоб фон картинки был прозрачным??

З.С. ХТМЛ я знаю.

Victor Ananiev · July 15, 2007

Уже не надо сам допер

ARA · July 16, 2007

HTML ты знаешь, а зачем глупые вопросы задавать тогда? а CSS знаешь?

я "умру" если скажешь, да!)

Victor Ananiev · July 16, 2007

Я знаю азы CSS. Ну типа я могу прписать стиль как атрибут тега, а внешними файлами и те которые которые используются с ID неумею. И теги ЦССные я не все знаю.

PS вобщем надеюсь ты не умер, ато может че и посоветуешь.

Admin · July 16, 2007

теги ЦССные

:lol:

Victor Ananiev · July 16, 2007

ну я надеялся на то что вы меня поймете, я же говорю что плохо знаю ЦСС.

ARA · July 16, 2007

А чем имееноо те нужно помочь, объясни?

Victor Ananiev · July 16, 2007

ну способы всякие там

Victor Ananiev · July 16, 2007

вот раскажи ты так когдато верстал, если да то как

ARA · July 16, 2007

вот раскажи ты так когдато верстал, если да то как

Родился я в городе таком-то, сейчас живу там- то, моя любимая машина, пока мне не покарману! ... На что отвечать-то?)))

Vindex10 у тя подход стрЫнный, давай расширим твой кругозор!

HTML код, это структура документа: текст, ссылки, блоки, заголовки, картинки ... и т. п. ... В общем тэги, думаю те это знакомо!

CSS отвечает за оформление (не дизайн), расположение ... и т.п!

Это все на что у меня хватило сил, добро пожаловать на форум http://stepbystep.htmlbook.ru/

Victor Ananiev · July 17, 2007

Ага, вот про CSS мне и раскажи, я не могу разобраться как мне расположить картинку задавая ей в стилях относительные значения. У меня кнопка не двигается по вертикали, какие значения я б не задавал, а вот погоризонтали все пашет. В чем проблема где я не прав?? Вот код:

 
<html>
<!-- Generated by AceHTML Freeware http://freeware.acehtml.com -->
<!-- Creation date: 16.07.2007 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Vindex10">
<meta name="generator" content="AceHTML 5 Freeware">
</head>
<body bgcolor="#f78314" style="margin: 0" scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<img src="elems/backg2.jpg" height="100%" width="100%" style="position: relative; z-index: 1">
<img src="elems/menu.gif" style="position: relative; left: 5%; bottom: 73%; z-index:2" height="70%" width="20%">
<img src="elems/navigation1.gif" style="position: relative; z-index: 3; bottom: 137%; right: 16%" height="10%" width="22%">
<img src="elems/navigation2.gif" style="position: relative; z-index: 3; bottom: 73%; right: 38%" height="9%" width="21%">
<iframe height="55%" width="50%" name="brows" style="position: relative; left: 46%; bottom: 135%; z-index: 2" src="start.html" frameborder="0"></iframe>
<img src="elems/musik.gif" style="position: relative; z-index: 3; bottom: 183%; right: 45%" height="7%" width="21%">
<img src="elems/photos.gif" style="position: relative; z-index: 3; bottom: 177%; right: 70%" height"7%" width="21%">
<img src="elems/flashv.gif" style="position: relative; z-index: 3; bottom: 170%; right: -5.5%" height="7%" width="21%">
</body>
</html>

http://slil.ru/24641276 -- это результат, для меня не понятный, уезджает будущая кнопка "Photos"

strix · July 17, 2007

Картинка - не блочный элемент.

- эта строка многое объясняет в вашем коде

пишите сами! а не с помощью подобных програмуль

Victor Ananiev · July 17, 2007

Я пишу сам. Просто там синтаксическая подсветка есть, и просто в блокноте не нравится.

strix · July 17, 2007

ок, применяйте позиционирование к div

Fu-tai · July 17, 2007

Жесть

shkoda · July 17, 2007

2 Fu-tai: мне стало интересно, ты всегда оставляешь комментарии не по теме или так изредка балуешься? Где не глянешь, везде ты с одним, максимум двумя словами для галочки?

Victor Ananiev · July 18, 2007

Вот ещ? один код в нем у меня тоже проблема:

<html>
<!-- Generated by AceHTML Freeware http://freeware.acehtml.com -->
<!-- Creation date: 16.07.2007 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Vindex10">
<meta name="generator" content="AceHTML 5 Freeware">
</head>
<body bgcolor="#f78314" style="margin: 0%;" scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div style="position: relative; z-index: 1">
<img src="elems/iframe_go.gif" height="100%" width="100%">
</div>
<span style="position: relative; bottom: 45%; left: 40%; z-index: 2; text-align: center">
Добро пожаловать на мой сайт.
</span>
</body>
</html>

Вот, в нем текст отображается под картинкой, что мне надо сделать чтоб, текст появился на картинке.

И там же: картинка не растягивается на 100%, хотя все margin по 0

strix · July 18, 2007

картинку сделайте фоном и сверху пишите текст:

 .bg{background:url(elems/iframe_go.gif)};

в html:

 <div class="bg">тут текст</div>

Victor Ananiev · July 18, 2007

А почему я не могу прописать

<body background="elems/iframe_go.gif">

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

Кстати сколько тебе лет( я интерисуюсь, потому что мне непривычно когда со мной на вы, мне всего 12)

strix · July 18, 2007

по поводу вопроса - исчерпывающий ответ есть в статье про фон страниц

Кстати сколько тебе лет( я интерисуюсь, потому что мне непривычно когда со мной на вы, мне всего 12)

секрет , но побольше 12

Victor Ananiev · July 18, 2007

секрет , но побольше 12

Исчерпывающий ответ.

А по какому адресу находится статья про фон страниц не подскажешь?

strix · July 18, 2007

http://htmlbook.ru/content/?id=56

Victor Ananiev · July 18, 2007

Спасибо, попробую найти то что нужно...

Sign In

Превращение макета в веб страницу

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information