Код читаю, а сам пишу с трудом. Код внутри

@Kucc · Регистрация: 21.06.2013

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

Много учил, читал. На бесплатных обучалках проходил курсы. В общем и целом, читать код я могу, понимаю(я не хвастаюсь, я многого не знаю). Но вот решил сам написать свой сайт. Идея в голове есть, даже нарисовал слегка. Так вот, сам написать не могу, начинаю вспоминать похожее, что где-то проходил - смотрю на код и все понимаю, дальше вставляю себе в sublime и все так, как я хотел. Вот сделал шапку, горизонтальное выпадающее меню, но есть уже вопросы, которые я не могу понять.
Как развить в себе умение использовать свои знания, а не просто держать в голове теорию?
Многие скажут, что нужна практика, но самому учить тяжело, а еще и писать учиться самому думаю не очень идея, т.к. можно научиться сразу делать не правильно.

Поделитесь пожалуйста своим опытом, но те, кто учились писать без чьей либо помощи (когда наставник есть, ясное дело, что пойдет дело быстрее и, главное, качественнее)
С удовольствием стану чьим-то помощником, за хлеб, если нуждающиеся есть.

@boilzzz · 23.07.2016, 15:15

Kucc, Приложите код, это самый лучший способ вам помочь.
А по обучению скажу так, на манер проб и ошибок все запомнится само, что то под забыли зашли в гугл вспомнили.
Я обучался сам, еще когда были в моде табличные верстки, потом под забив на некоторое время начал изучать, уже блочную верстку, а сейчас и html5, как скажу не всем дается это легко. Т.к у меня сильнейший интерес к этой теме, а не просто захотелось узнать что да как и забить.
Что бы уж точно запомнить и научится, берете psd макет сайта(в инете их полно) и пробуйте верстать. Сами без помощи гугла. Если вы сидите над 1 строчкой кода дольше 5 минут, надо задуматься как можно решить по другому) Если не получается то уже можно и погуглить.
Но это я так делаю, как совет.

@Kucc · 23.07.2016, 15:32 **[ТС]**

boilzzz,
Как я это писал? Я просто вспомнил, что надо написать какой-то стиль, пихнул в один класс - не сработало, пихнул в другой - сработало. Так вот оно строится, но это разве нормально? Как говориться: "пальцем в небо", я считаю это не правильным.
Некоторые вопросы, подобные моему, я не представляю, как в гугле написать

только на такие форумы.

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
25
26
27
28
29
30
31
32
33
<body>
        <li class="main"><a href="#a">ТЕСТ </a></li>
    <ul class="main-menu">
            <li>
                <a class="menu-1" href="#b">Меню</a>
            <ul class="sub-menu">
                <li><a href="n">Новости</a></li>
                <li><a href="v">Видео</a></li>
            </ul>
        </li>
                <li><a href="#as"> Статьи</a></li>
                <li><a href="#ad"> Форум</a></li>
        <li>
        <a href="#avvv"> Техники</a>
            <ul class="sub-menu">
                <li><a href="n">HTML</a></li>
                <li><a href="g">CSS</a></li>
                <li><a href="q">JS</a></li>
                <li><a href="j">Книги</a></li>
            </ul>
        </li>
                <li><a href="#ad"> Игры</a></li>
                <li><a href="#ad"> Регистрация</a></li>
                <li><a href="#ad"> Войти</a></li>
                <li><a href="#ad"> Обо мне</a></li>
        
 
 
 
 
 
    </ul>
</body>

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
body {
    padding: 10px;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    background-image: url("C:/Users/роман/Desktop/site/images/main1.png");
 
}
.main { 
    background-image: url("C:/Users/роман/Desktop/site/images/ssh.png");
    list-style: none;
    margin:-20px;
    width: 1280px;
    height: 150px;
    font-size: 36px;
    font-style: Tahoma;
}
 
.main a {
 
    margin-left: 350px;
    border: 1px solid grey;
    color: black;
    text-decoration: none;
}
 
 
.main-menu {
 
    margin: -20px;
    padding: 0;
    list-style: none;
    border: 1px solid #e5e5e5;
    background-color: blue;
}
 
.main-menu  > li {
 
    position: relative;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
 
}
 
.main-menu a {
 
    text-decoration: none;
    display: block;
    margin-left: -1px;
    padding: 8px 48px;
    color: #399E40;
    border-left: 1px solid #e5e5e5;
}
 
.main-menu a:hover {
    background: #f5f5f5;
 
}
 
.main-menu .sub-menu {
    position: absolute;
    left: 1px;
    display: none;
    width: 150px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fcf8e3;
}
 
.main-menu .sub-menu a {
    margin-bottom: -1px;
    border: 1px solid #e5e5e5;
}
 
.main-menu > li:hover .sub-menu {
    display: block;
}

Добавлено через 8 минут
boilzzz, шаблоны качал, но они все сразу готовые и там очень много всего, это если и не высший уровень, но точно выше Junior, там глаза разбегаются. А простые шаблоны когда смотрел, ну там все не так и в итоге я прихожу к своей идеи. Выходит я даром читаю код, пытаюсь понять, потом все стираю и пишу по-своему. Да, это непрофессионально и будут ТЗ и прочее, но мне бы свой сначала сделать простенький, а потом уже шагнуть дальше.

Думаю типичная проблема у начинающих.

@Janosense · 23.07.2016, 15:32

Не по теме:

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

Много учил, читал.

Практики должно быть минимум в два раза больше, от времени которое вы уделили на чтение.

@Kucc · 23.07.2016, 15:37 **[ТС]**

Janosense, вот я как-то поздно спохватился. Все примеры и задания, что читал\проходил онлайн я воплощал в код, естественно оно все получалось. Слегка затянуло и вот решил уже что-то сделать, а оно как в стену. Вроде и знаешь, а вроде и ничего не знаешь... Буду больше практиковаться теперь.

@boilzzz · 23.07.2016, 17:27

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

шаблоны качал, но они все сразу готовые и там очень много всего,

Шаблоны нужны не html/css а в формате psd для фотошопа, можно сказать как картинка.

@proton2proton · 23.07.2016, 19:40

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

@Kucc · 23.07.2016, 19:41 **[ТС]**

boilzzz, аа, так не пробовал, обязательно скачаю что-то.
Сайт я свой написал, с горем пополам. Осталось только првязку других страниц сделать и залить какие-то статьи, сделать топ и т.д., как это воплотить я вот не в курсе

Спасибо за ответы, помощь!

@boilzzz · 23.07.2016, 22:34

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

залить какие-то статьи, сделать топ и т.д.,

Смотря что вы имеете в виду, если динамично залить то это уже серверный язык, если статично то и так можно).
Скинте сайт, архивом, я посмотрю. Могу даже критику дать!)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Kucc 5 / 2 / 3 Регистрация: 21.06.2013 Сообщений: 117

	Код читаю, а сам пишу с трудом. Код внутри 23.07.2016, 15:01. Показов 3234. Ответов 8 Метки нет (Все метки) Много учил, читал. На бесплатных обучалках проходил курсы. В общем и целом, читать код я могу, понимаю(я не хвастаюсь, я многого не знаю). Но вот решил сам написать свой сайт. Идея в голове есть, даже нарисовал слегка. Так вот, сам написать не могу, начинаю вспоминать похожее, что где-то проходил - смотрю на код и все понимаю, дальше вставляю себе в sublime и все так, как я хотел. Вот сделал шапку, горизонтальное выпадающее меню, но есть уже вопросы, которые я не могу понять. Как развить в себе умение использовать свои знания, а не просто держать в голове теорию? Многие скажут, что нужна практика, но самому учить тяжело, а еще и писать учиться самому думаю не очень идея, т.к. можно научиться сразу делать не правильно. Поделитесь пожалуйста своим опытом, но те, кто учились писать без чьей либо помощи (когда наставник есть, ясное дело, что пойдет дело быстрее и, главное, качественнее) С удовольствием стану чьим-то помощником, за хлеб, если нуждающиеся есть. 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	23.07.2016, 15:15
	Kucc, Приложите код, это самый лучший способ вам помочь. А по обучению скажу так, на манер проб и ошибок все запомнится само, что то под забыли зашли в гугл вспомнили. Я обучался сам, еще когда были в моде табличные верстки, потом под забив на некоторое время начал изучать, уже блочную верстку, а сейчас и html5, как скажу не всем дается это легко. Т.к у меня сильнейший интерес к этой теме, а не просто захотелось узнать что да как и забить. Что бы уж точно запомнить и научится, берете psd макет сайта(в инете их полно) и пробуйте верстать. Сами без помощи гугла. Если вы сидите над 1 строчкой кода дольше 5 минут, надо задуматься как можно решить по другому) Если не получается то уже можно и погуглить. Но это я так делаю, как совет. 0

@Kucc 5 / 2 / 3 Регистрация: 21.06.2013 Сообщений: 117
	23.07.2016, 15:37 [ТС]
	Janosense, вот я как-то поздно спохватился. Все примеры и задания, что читал\проходил онлайн я воплощал в код, естественно оно все получалось. Слегка затянуло и вот решил уже что-то сделать, а оно как в стену. Вроде и знаешь, а вроде и ничего не знаешь... Буду больше практиковаться теперь. 0

@proton2proton Заблокирован
	23.07.2016, 19:40
	это нормально, потому что ты пытаешься написать новые алгоритмы для твоего мозга...будь готов к медленной работе.. думаешь почему в институтах, преподают одни итеже алгоритмы? потому что не все так просто. 0

@Kucc 5 / 2 / 3 Регистрация: 21.06.2013 Сообщений: 117
	23.07.2016, 19:41 [ТС]
	boilzzz, аа, так не пробовал, обязательно скачаю что-то. Сайт я свой написал, с горем пополам. Осталось только првязку других страниц сделать и залить какие-то статьи, сделать топ и т.д., как это воплотить я вот не в курсе Спасибо за ответы, помощь! 0