правильная ли верстка?

@fanat1488 · Регистрация: 23.10.2013

Студворк — интернет-сервис помощи студентам

Проверьте то что я сверстал, я новичок

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang=en>
    <head>
        <title>BisLite</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/reset.css">
    </head>
    <body>
        <header id="header_main">
        </header>
        <section id="slider_main">
        </section>
        <aside id="posts_main">
        </aside>
        <aside id="posts_main_white">
        </aside>
        <footer id="footer_main">
            <footer id="footer_wrap">
                
            </footer>
        </footer>
    </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
header, section, article, footer{
    display: block;
}
 
 
 
#header_main{
    width: 100%;
    background: #e8ebf0;
    border-bottom: 1px solid #8cc1c9;
    height: 120px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.23);
    -moz-box-shadow:  0px 2px 5px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.23);
    }
 
#slider_main{
    width: 100%;
    height: 500px;
    background: #a4e3ec;
}
 
#posts_main{
    background: #e8eaf0;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    height: 300px;
    -webkit-box-shadow-bottom: 0px 2px 5px rgba(0, 0, 0, 0.23);
    -moz-box-shadow-bottom:  0px 2px 5px rgba(0, 0, 0, 0.23);
    box-shadow-bottom: 0px 2px 5px rgba(0, 0, 0, 0.23);
}
 
 
#posts_main_white{
    background: #fff;
    height: 504px;
    width: 100%;
}
 
#footer_main{
    background: #e8eaf0;
    border-top: 1px solid #d9d9d9;
    height: 320px;
    max-height: 320px;
    position: relative;
    margin-top: -2.5em;
}
    #footer_wrap{
        width: 1000px;
        margin:0 auto;
        outline: 1px dashed #000;
        max-height: 320px;
        height: 320px;
    }

@Dessko · 23.10.2013, 21:45

Ты что именно верстать хочешь? Дай картинку сайта с фш.

Добавлено через 20 минут
+ в репутацию за просто так!?
Не нравится мне такой расклад.
Вот если помогу, тогда благодари.

@fanat1488 · 23.10.2013, 21:46 **[ТС]**

я блин не могу найти как прикрепить pdf

@Dessko · 23.10.2013, 21:58

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

я блин не могу найти как прикрепить pdf

Название: attach.gif
Просмотров: 51

Размер: 97 байт

Нажимаешь сюда и прикрепляешь.

@Dessko · 23.10.2013, 21:59

А для начал надми Расширенный режим где окно для ответа.

Добавлено через 59 секунд
http://screenshot.su/show.php?... c39bf9.jpg

http://screenshot.su/show.php?... ba5e02.jpg

Комментарий модератора

Загружайте изображения и файлы на форум и прикрепляйте к сообщению.
https://www.cyberforum.ru/abou... post594251

@fanat1488 · 23.10.2013, 22:03 **[ТС]**

Это я только каркас сделал

@Dessko · 23.10.2013, 22:13

Начал правильно.
1. Рассмотрите нарисованную заготовку.
2. В коде задайте определенные классы и id.
3. В css задайте подходящее стили.
4. Если вы хотите сверстать сайт картинками, то разрешьте сайт так:
________
|________|
|________|
|________|
|________|
|________|
Далее как в языке php можно "В инклудить их"
Но есть способ лучше. Сверстать стилями, т.е все верстается Цветами и стилями css. Вставлять картинки только Соц сетей, лого, основные картинки.

@fanat1488 · 24.10.2013, 20:44 **[ТС]**

Спасибо всем кто отзвался!

Новые блоги и статьи Все статьи Все блоги /
Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .

@Dessko 18 / 18 / 2 Регистрация: 20.10.2013 Сообщений: 136 Записей в блоге: 1
	23.10.2013, 21:45
	Ты что именно верстать хочешь? Дай картинку сайта с фш. Добавлено через 20 минут + в репутацию за просто так!? Не нравится мне такой расклад. Вот если помогу, тогда благодари. 1

@fanat1488 0 / 0 / 0 Регистрация: 23.10.2013 Сообщений: 11
	23.10.2013, 21:46 [ТС]
	я блин не могу найти как прикрепить pdf 0

@fanat1488 0 / 0 / 0 Регистрация: 23.10.2013 Сообщений: 11
	23.10.2013, 22:03 [ТС]
	Это я только каркас сделал Миниатюры 0

@Dessko 18 / 18 / 2 Регистрация: 20.10.2013 Сообщений: 136 Записей в блоге: 1
	23.10.2013, 22:13
	Начал правильно. 1. Рассмотрите нарисованную заготовку. 2. В коде задайте определенные классы и id. 3. В css задайте подходящее стили. 4. Если вы хотите сверстать сайт картинками, то разрешьте сайт так: ________ \|________\| \|________\| \|________\| \|________\| \|________\| Далее как в языке php можно "В инклудить их" Но есть способ лучше. Сверстать стилями, т.е все верстается Цветами и стилями css. Вставлять картинки только Соц сетей, лого, основные картинки. 0

@fanat1488 0 / 0 / 0 Регистрация: 23.10.2013 Сообщений: 11
	24.10.2013, 20:44 [ТС]
	Спасибо всем кто отзвался! 0