как нарезать PSD и сверстать страничку для сайта - Страница 3

KidsKilla · 09.03.2007, 21:52

как можно знать хтмл и не знать как превратить псд в сайт???

по делу: хтмл это текст, а внешний вид это ксс. => чтобы сделать сайт, открываем блокнот...

mislin · 15.03.2007, 19:59

Ага, тоже не пойму, чел пишет, что знаком с CSS и дримвэйвером!, знай себе пиши, он почти все сам за тебя подставит, подскажит, если че где, забыл... главное, чтоб потом ето все не разъезжалось

aleksejusv · 16.03.2007, 12:22

7 уроков качественной html-верстки

http://www.pastukhova.com/lesson1.php

All87 · 22.03.2007, 18:01

Помойму Bossy тебе надо найти красивый сайт, на котором изменены некоторые input или select's сохранить его страничку как html, и просмотреть его через дримвивер, щелкая на определенный элемент, ты сразу будеш видеть код, классы и др, затем искать где эти классы объявляются, изменять код и наглядно видеть изменения , для начала определись какой версткой ты хочеш научится резать, таблицами или дивами, затем ктото на этом форуме тебе сможет подсказать какой сайт тебе лучше слить, или вообще сам сальет и выложит на форум, ибо есть куча прочблем при сохранении страницы (со стилевыми картинками - которые обычно не скачиваются)

Bossy · 22.03.2007, 21:14

Спасибо! интересует бестабличная верстка. Хотя, на примере предыдущей работы почти разобралась! Но если, кто-то выложит пример блочной верстки - буду только за

да и начинающим веб-мастерам пригодится.

All87 · 22.03.2007, 22:16

http://dhtmlgoodies.com/
Нажми на этом старничке - файл - сохранить как .. - *.html
и можеш изучать блочную верстку
Выложить чтото свое немогу, имхо копирайт, к сожалению, не мой ,)

ARA · 23.03.2007, 20:19

Цитата:

Сообщение от Bossy

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

Bossy Смотри, вот пример блочной верстки, разберись с ним, он простой (до этого было все в абсолютных координатах, переделал чтоб проще понять было, так как ты начинающая)!

Загляни на www.htmlbook.ru там много чего наедешь, полезного!

Код:

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

<html>
<head>
    <title>Untitled</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <style type="text/css"><!--
    #html, body {
    margin: 0px;
    padding: 0px;
    border: none;
    background: #ff;}
      
    #header {
    width: auto;
    height: 100px;
    background: green;}
    
    #menua {
    width: auto;
    height: 25px;
    background: #0099cc;}
    
    #left {
    width: 200px;
    height: 400px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: #ff3;}
    
    #right {
    width: 150px;
    height: 350px;
    margin: 0px;
    padding: 0px;
    float: right;
    background: #ff3;}
    
    #menub {
    width: auto;
    height: 60px;
    margin: 0px;
    padding: 0px;
    background: red;}
	
    #text {
    width: auto;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background: #ff9;}
    
    #footer {
    width: auto;
    height: 40px;
    margin: 0px;
    padding: 0px;
    background: green;
    clear: both;}

    
    //--></style>
</head>

<body>
 <div id="header">header</div>
 <div id="menua">menua</div>
 <div id="left">left</div>
 <div id="right">right</div>
 <div id="menub">menub</div>
 <div id="text">text</div>
 <div id="footer">footer</div>
</body>
</html>

mislin · 23.03.2007, 22:37

Цитата:

Сообщение от aleksejusv

7 уроков качественной html-верстки

http://www.pastukhova.com/lesson1.php

На первой-же странице сразу стоит заметить что heigth=100% в тэге td и table - не во всех браузерах спасает приходиться скрипт писать иногда.... а с IE7 - это вообще гавно а не браузер, под него нифига нормально не сверстать гденибудь да вылезет косяк

ARA · 24.03.2007, 20:38

Во многом это зависит от DOCTYPE!