Этот урок набрал набрал достаточно большое количество
комментариев и дальнейшее его комментирование отключено.
Если вы хотели убедиться в правильности выполнения ДЗ или у вас возник вопрос по уроку,
посмотрите ранее добавленные комментарии, кликнув по кнопке ниже. Скорее всего вы найдете там то, что искали.
Если это не помогло - задайте вопрос в чате в телеграме - https://t.me/php_zone
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Стихи для души и на заказ</title>
<meta name="description" content="Произведения автора, прием заказов на тексты
песен и поздравлений">
<meta name="keywords" content="стихи, тексты песен, авторская песня, лирика,
стихи о любви">
<link rel="stylesheet" href="проба стилей.css">
</head>
<body>
<h1>Избранные стихи автора</h1>
<p><strong>Любовная лирика</strong></p>
<ul>
<li>И это все о ней</li>
<li>Я к вам пишу</li>
</ul>
<a href="любовная лирика.html">пошли читать тексты</a>
<p><em>Гражданская лирика</em></p>
<ol>
<li>Мужество</li>
<li>Кандагар</li>
</ol>
<p>Шуточные стихи</p>
<ol>
<li>Оптимист</li>
<li>Турецкие каникулы</li>
</ol>
<h1>Прием заказов</h1>
<p>Заказ поздравлений</p>
<ol>
<li>Поздравления на день рождения</li>
<li>Поздравления молодоженам</li>
<li>Поздравления по случаю развода</li>
</ol>
<p>Заказ текстов песен</p>
<ul>
<li>Песни-марши</li>
<li>Песни лирические в ритме вальса</li>
<li>Тексты под тему и фонограмму заказчика</li>
</ul>
<h3>Вариант заставки сборника</h3>
<img src="Водяные лилии.jpg" alt="Тут красивые цветуёчки в водичке" height="300" width="200">
</body>
</html>
Стили вынесены в файл проба стилей.css, в задании не сказано об оформлении стилей в исходном документе html.
Насчет именования файлов учту, к след. домашке будет исправлено.
Еще вопрос про отдаленные перспективы. Я уже писал вам, что у меня слабенький нетбучок Асер образца 2012 г. Но уверен, что как начнутся более сложные вещи. я банально встану. Не могли бы посоветовать, какой ноутбук (стационарную машину даже не рассматриваю) потребуется для решения задач средней сложности по фронтенду? Чтобы в дальнейшем его можно было использовать как движок своих сайтов? (о как загнул:))
Чуть биографии. Я старый человек и старый математик (бывший), дипломная работа была - разработка СУБД и языка запросов небольшой поисковой системы вместе с кодом, тогда я написал всё ПО на ассемблере:) Т.е. то, чем мы сейчас занимаемся, для меня не очень пугающее занятие.
Привет, Артем!
Разрешите еще чуть обнаглею:) В целях экономии буду подыскивать б/у ноут с такими характеристиками. Вдруг в вашем поле зрения такой обнаружится. Покупать б/у неизвестно у кого стрёмно, а мы как бы уже знакомы.
<p>
<h2>Общая информация</h2>
</p>
Все мы любим <strong>овощи и фрукты</strong> и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
знают,<em> какой это нелёгкий, каждодневный труд.</em>
<p>
<h2>Садоводам</h2>
Наоборот должно быть, текст абзацев внутри <p>, а заголовки сами по себе.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Программа по скорочтению для дошкольников</title>
<meta name="keywords" content="литература, обучение, программа по скорочтению">
<meta name="description" content="На этой странице вы сможете скачать программу по скорочтению для своего ребенка.">
<style>
body{
background-color: #00ffff;
}
.layer1 {
font: 12pt sans-serif;
}
h1 {
font: 200% serif;
}
</style>
</head>
<body>
<h1> Как научить своего ребенка читать быстро? </h1>
<p class="myClass"> C помощью нашей программы, вы <strong> без проблем научите </strong> читать своего ребенка
<!-- тут текст -->
<hr>
<h2> Какие проблемы могут возникнуть при изучении программы? </h2>
<p> Совершенно без исключения, родители сталкиваются с теми или иными проблемами в изучении программы, давайте рассмотрим несколько из них.</p>
<ul class="myClass" >
<li> ребенок слишком мал </li>
<li> плохо знает буквы и слога </li>
</ul>
<h3> Как справиться с возникшими трудностями.</h3>
<p> Ничего страшного в том что возникли проблемы с изучением скорочтения. <em>Каждый </em> ребенок индивидуален, нужно набраться терпения и постараться максимально помочь своему чаду </p>
<img src="img/книга.jpg" alt="книга по скорочтению" width="200" height="200">
<a href= "index3.html"> Программа по скорочтению! </a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="цветы, деревья, кустарники, происхождение, садоводство, выращивание">
<meta name="description" content="Здесь Вы найдете информацию о разных видах растений, краткую историю их происхождения а также советы по их выращиванию.">
<title>Яблоко от яблони - Виды растений, их история, садоводство</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img src="img/apple.jpg" alt="apple tree" width="200" height="130">
<h1>Мир растений</h1>
<p class="myClass">
Для всех тех, кто кроме котиков и собачек обожает или даже предпочитает мир "неподвижных питомцев", тоесть <strong>растений</strong>, мы создали наш сайт. Тут собрана информация о разновидностях растений, их "привычках", <em>история происхождения</em>, а также все самые главные секреты по их ухаживанью.
</p>
<ol>
<li>кустарники</li>
<ul>
<li>смородина</li>
<li>малина</li>
<a href="file:///C:/Users/Theodoros/Desktop/book1.html" target="_blank">История малины<a/>
</ul>
<li>деревья</li>
<li>цветы</li>
</ol>
<hr>
<h2>История растений</h2>
</body>
</html>
style.scc
ol li {
color:green;
}
ul li{
color:red;
}
.myClass {
font-style: italic;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Новый стиль музыки - поп-панк. Популярные группы, история происхождения нового жанра музыки">
<meta name="keywords" content="панк, группы, музыка, поп-панк">
<title>История происхождения панк-рока и поп-панка</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>История происхождения панк-рока и поп-панка</h1>
<hr>
<h2>Происхождение панк-рока</h3>
<p>
Сейчас все без исключения жители планеты Земля слушают различную музыку: от рэпа до поп-музыки, от классики до рока. Но мало кто действительно интересуется истоками и развитием любимого жанра. Давайте вместе окунемся в историю появления <strong>панк-рока</strong>. Он возник в начале 1960-х годов в США, а затем в Великобритании. Идеологией этого жанра является стремление создавать музыку, верховенствующее над умением досконально ее играть. Из-за этого многие панк-рок группы не прижились, они раздражали слух обычного человека. Вместе с тем есть небольшое количество групп, действительно достигших совершенства в этом жанре и являющихся признанными мастерами своего дела.
В начале <em>60-х</em> <strong>панк-рок</strong> называли гаражным, так как небольшие ансамбли репетировали свою музыку именно в гаражах. Больше им было негде это делать.
Этим песням по большей части свойственен простой, быстро запоминающийся аккомпанемент, тексты, указывающие на социологические проблемы людей, довольно быстрый темп и небольшая продолжительность.
</p>
<h2>Первые панк-рокеры</h3>
<p class="myClass">
Первыми поп-панками считаются первые панк-рокеры —
<a href="Ramones.html">Ramones</a>
Для некоторых их, особенно ранних, композиций уже были характерны увеселительная направленность, отсутствие социальных проблем и общее позитивное настроение, так нехарактерное для появившихся на грани с 80-ми «мрачных» жанров панка (таких, как хардкор и Oi!).). Но первой полноценной поп-панк группой стали <em>Buzzcocks</em>, которые стали добиваться очень легкого саунда, по сравнению с брутальной и совершенно непривычной для неподготовленных слушателей аранжировкой и вокалом Ramones. В их саунде был гитарный напор, характерный для панк-рока, а также воздушные мелодии из поп-рока и бабблгам-попа 60-х годов.
<br>
</br>
<img src=https://sun9-12.userapi.com/c853520/v853520036/1b2190/DZVg1UFTKxc.jpg height="450">
</p>
<p>
В середине-конце 1990-х поп-панк стал широко популярным среди таких групп:
</p>
<ul>
<li>Green Day</li>
<li>Offspring</li>
<li>Blink-182</li>
</ul>
Этот жанр получил дальнейшую популяризацию благодаря <em>Warped Tour</em> и розничной сети <em>Hot Topic</em>.
<h2>Происхождение нового жанра поп-панк</h3>
<p id="firstParagraph">
Одним из главных базовых поджанров панк-рока является именно <strong>поп-панк</strong>. Его характеризуют как смешанные принципы, здесь и инструментальная секция обычного панк-рока, и довольно мягкие поп-мелодии с приемами поп-музыки (и еще других «легких» жанров). Он появился, в принципе, почти вместе с панк-роком и переживал свое «новое рождение» и очень крупный (особенно для музыки из направления панк) коммерческий успех в <strong>1990-х годах</strong>. Поп-панк эволюционировал на протяжении всей своей истории, вбирая в себя элементы новой волны , студенческого рока , ска , рэпа , эмо и бойз-бэндов , и иногда его называют взаимозаменяемо с пауэр-попом и скейт-панком.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Собаки - Sobachki.ru</title>
<meta name="description" content="Информация о собаках.">
<meta name="keywords" content="Собаки, Животные, Питомец">
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="myClass">
<h1>Собаки</h1>
</p>
<img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/Screenshot_20201117_191322.jpg" alt="собака" width="200">
<p>
Соба́ка это <strong><em>домашнее животное</em></strong>,
одно из наиболее популярных животных-компаньонов.
Первоначально домашняя собака была выделена в
отдельный биологический вид Линнеем в <strong><em>1758 году</em></strong>,
в <strong><em>1993</em></strong> году реклассифицирована Смитсоновским институтом
и Американской ассоциацией териологов в подвид волка.
</p>
<p>
<a href="dogs2.html">Топ 3 пород собак</a>
</p>
<p>
<a href="dogs1.html">Список пород собак</a>
</p>
</body>
</html>
Dogs1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Породы собак - Sobachki.ru</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="myClass">
<h1>Породы собак</h1>
</p>
<p>В настоящее время в мире насчитывается около <strong><em>500 пород</em></strong>,
однако селекционная работа продолжается.
Большая ее часть основывается на метисизации уже существующих пород с целью совмещения в одной особи качеств нескольких пород.
Отбор может производиться как исключительно по внешним признакам («дизайнерские породы»), так и по рабочим качествам,
собо высоко ценимым в некоторых видах спорта (спортивные миксы). К новым «дизайнерским» породам принадлежит лабрадудль,
официально признанный в 2004 году в Австралии, где и был выведен этот селекционный тип из шести различных пород.
Кинологические ассоциации Америки, Англии, Скандинавии и Австралии пользуются каждая своей классификацией, но во всех подходах к
систематизации пород имеется смешение критериев хозяйственного применения собак и близости их по типу и происхождению, например, комнатно-декоративные
или подружейные собаки[86][87][88]. Во всём мире наиболее унифицирована система классификации собак Международной кинологической федерации (МКФ),
которая изменяется время от времени, по решению Генеральной ассамблеи МКФ. В этой классификации кинологи пытаются найти баланс между историей
образования пород, особенностями их добавления и принципами использования.
По состоянию на 2013 год, МКФ признаёт 339 пород собак, которые классифицируются в 10 групп.
<strong><em>Данная классификация используется в Европе и России[88]:</em></strong>
<p>
<ul>
<li>Пастушьи</li>
<li>Сторожевые и охранные собаки</li>
<li>Терьеры</li>
<li>Таксы</li>
<li>Лайки</li>
<li>Шпицы</li>
</ul>
</p>
<br>
И другие примитивные породы:
Гончие и собаки, работающие по кровяному следу;
Собаки, работающие со стойкой (легавые);
Собаки, поднимающие дичь, апортирующие её и работающие на воде (спаниели и ретриверы);
Комнатно-декоративные собаки и собаки-компаньоны;
Классификация пород Английского кеннел-клуба включает семь групп пород,
в том числе три группы охотничьих (борзые и гончие, подружейные, терьеры),
пастушьи, рабочие, утилитарные и комнатно-декоративные.
<strong><em>В классификации Американского клуба собаководства восемь групп:</em></strong>
<p>
<ul>
<li>спортивные</li>
<li>охотничьи</li>
<li>терьеры</li>
<li>пастушьи</li>
<li>рабочие</li>
<li>неспортивные</li>
<li>комнатно-декоративные</li>
</ul>
</p>
<bg>
<bg>
<p>
<a href="index.html">Изначальная страница</a>
</p>
<p>
<a href="dogs2.html">Топ 3 пород собак</a>
</p>
</body>
</html>
Dogs2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Топ 3 пород собак - Sobachki.ru</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="myClass">
<h1>Топ 3 пород собак</h1>
</p>
<UL>
<h4><LI>Немецкая овчарка</LI></h4>
<img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/93253bf2f32bcf7c3589a7106d2f439a.jpg" alt="Овчарка" width="200">
</UL>
<p>
<strong><em>Немецкая овчарка</em></strong> изначально использовалась в качестве <strong>пастушьей и служебно-розыскной собаки.</strong>
Немецкая овчарка была получена в результате селекции и скрещивания некоторых разновидностей
гуртовых собак Центральной и Южной Германии. Различают гладкошёрстную и длинношёрстную разновидности.
В наше время немецкие овчарки участвуют в выставках, а также используются для охраны,
занятий кинологическими видами спорта, а также как собаки для семьи
<hr>
</p>
<UL>
<h4><LI>Сибирский хаски</LI></h4>
<img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/загружено.jpg" alt="Хаски" width="200">
</UL>
<p>
<strong><em>Сибирский хаски</em></strong>, это
заводская специализированная порода собак,
выведенная чукчами северо-восточной части Сибири и зарегистрированная американскими
кинологами в <strong><em>1930-х годах</em></strong> как ездовая собака, полученная от аборигенных собак Дальнего
Востока России, в основном из Анадыря, Колымы, Камчатки у местных оседлых приморских племён — юкагиров,
кереков, азиатских эскимосов и приморских чукчей — анкальын (приморские, поморы — от анкы (море))[2].
Эта аборигенная ездовая собака Дальнего Востока является одной из древнейших пород собак.
В настоящее время выведенная порода «сибирский хаски» используется не только как ездовая,
но и как собака-компаньон и шоу-выставочная собака.
</p>
<hr>
<UL>
<h4><LI>Лабрадор-ретривер</LI></h4>
<img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/Labrador-article-cover.jpg" alt="Лабрадо́р-ретри́вер" width="200">
</UL>
<p>
<strong><em>Лабрадо́р-ретри́вер</em></strong> порода собак которая первоначально была выведена в качестве охотничьей подружейной собаки.
Лабрадоры <strong><em>используются на охоте, в качестве собак-поводырей, собак-спасателей, но главным образом в роли
компаньонов.</em></strong> Порода берёт своё начало на острове Ньюфаундленд на восточном побережье Канады.
<p>
<a href="dogs1.html">Список пород собак</a>
</p>
<p>
<a href="index.html">Изначальная страница</a>
</p>
</body>
</html>
Style.css
ul li {
color: red;
}
ol li {
color: blue;
}
.myClass {
font-style: italic;
}
#firstParagraph {
background-color: #dddddd;
}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="description" content="здесь вы можете узнать о моем обучении">
<meta name="keywords" content="обучение,основы,понятия,программирование">
<link rel="shortcut icon" href="htm5.jpg"/>
<title>мое обучение shake</title>
<link rel="stylesheet" href="style.css">
<style>
body {
background-image: url(mlcss.jpg);
background-attachment: fixed;
}
h1 {
color:#01DFD7;
font-size:90px;
}
h3 {
color:#FF0000;
font-size:40px;
}
ol {
font-size:25px;
}
.tekst {
font-style: comic sans ms;
font-size:18px;
}
img {
border: 5px solid #00a8e1;
}
</style>
</head>
<body>
<a href="phpzone.html">о обученение</a>
<h1>Основы html, теги и понятия </h1>
<a class="tekst">Сделал первую страницу в данном курсе,сейчас начал второй урок!<br>
теперь узнаю больше о тегах.<br>
Начал третий урок этого курса,тема:основы оформления контента.Это очень важная часть всего обученения<br>
<p>Сейчас буду узнавать новые теги, которые отвечают за оформления контента.
Урок номер...Вот и начались элементы CSS.Множество разных стилей текста,шрифта итд.Тут зависнуть можно надолго.<br>
<p>По началу было просто,повторить за примером! Начал использовать разные цветовые вариации в этом мне помогла цветовая диаграмма HTMl<br>
украсил свой текст разными цветами,а потом все удали))</p>
</a>
<hr>
<h2>первое впечатление</h2>
<img src="ws.png" alt="label wedshake" height="200" width="200">
<strong>PhpZone</strong> ваше обучение мне особено нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает.Опять же по сравнению с другими курсами которые я проходил.Просто делал не зная все ли правильно<br>
Иду дальше!
<br>
<a href="https://php.zone/courses">Источник</a>
<hr>
<h3>сложности в процессе</h3>
<ol>
<li>Выбор текстового редактора
<li>Мало времени</li>
<li>Путаница с классами</li>
</ol>
<hr>
<h3>Хочу освоить</h3>
<ul>
<li>Языки програмирования</li>
<ul>
<li>1.1 JS
<li>1.2 CSS</li>
<li>1.3 Python</li>
</ul>
<li>web-дезайн</li>
</ul>
</body>
</html>
<strong>PhpZone</strong> ваше обучение мне особенно нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает. Опять же по сравнению с другими курсами которые я проходил .Просто делал не зная все ли правильно<br>
Иду дальше!
Привет. В комментариях нельзя использовать HTML-теги) для оформления комментариев нужно использовать markdown-разметку с помощью кнопок над окном ввода комментариев.
<!DOCTYPE html>
<html>
<head>
<!-- Внешнее добавление стилей -->
<!--<link href="style.css" rel="stylesheet">
<script src="head_scripts.js"></script> -->
<!-- Инлайновое добавление стилей -->
<style>
body{
background-color: pink;
}
h1 {
color: brown;
padding: 30px;
font-size: 30px;
}
h2,h3,h4,h5,h6 {
color: green;
}
p {
text-align: justify;
font-size: 25px;
}
#imgs {
width: 300px;
height: 200px;
}
.tex {
text-align: center;
}
.textss {
font-size: 12px;
text-align: justify;
}
.texts {
font-size: 26px;
}
</style>
<meta charset="UTF-8">
<title>Хобби</title>
<meta name="keywords" content="вышивка, программирование, литература, кулинария, хобби, фотографии">
<meta name="description" content="Будет рассказываться о любимом хобби.">
</head>
<body>
<h1>Мое хобби</h1>
<h2>Тут будет описание.</h2>
<h3>История возникновения вышивки.</h3>
<h4>История.</h4>
<h5>Всего лишь.</h5>
<h6>Рассказ.</h6>
<p class="texts">Первобытные женщины использовали всё что было под рукой и что могло заменить иголку с ниткой. Иголки делали из дерева или же из рыбьих костей, а ниткой служили волокна растений, жилы животных, шерсть и даже волосы. Сначала они сшивали шкуры диких животных, которые использовали как одежду, а постепенно начали украшать их разными вышитыми узорами. Так и начало развиваться это рукоделие.</p>
<p class="tex"><img src="img/main.jpg" id="imgs"></p>
<p class="textss">Археологи нашли подтверждение тому, что вышивка была развита во всем мире. Находили одежду украшенную вышивкой в Древнем Китае, Египте, Индии, Греции. В Древней Руси все женщины хорошо вышивали. Уже с семилетнего возраста девушки готовили себе приданое, вышивая полотенца, скатерти и красивую одежду, по качеству которой перед свадьбой судили о трудолюбии невесты. Вышивкой также украшали иконы, скатерти, полотенца, головные уборы, обувь, конскую сбрую.</p>
<!-- мой комментарий -->
<br>
Текст про хобби.
<ul>
<li>Вышивка</li>
<li>Вязание</li>
<li>Кулинария</li>
</ul>
Полезные ссылки:
<ul>
<li><a href="https://php.zone/html-training-course/24">Курсы</a></li>
<li><a href="https://ya.ru/" target="_blank">Ссылка на яндекс</a></li>
</ul>
<!-- Инлайновое добавление скриптов -->
<!--<script>
JavaScript-код
</script>-->
<!-- Внешнее добавление скриптов -->
<!--<script src="footer_scripts.js"></script>-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Сайт для фанатов игры Fortnite. Новости, события, обзоры.">
<meta name="keywords" content="Fortnite, FortniteFan, игры, гейминг.">
<title>FortniteFan - всё о мире Fortnite</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Привет, друзья!</h1>
Это сайт для всех ценителей игры Fortnite. Здесь я буду рассказывать о прохождении игры, модах, стратегии и многом другом.
<p class="myClass">
Начнём с того, что вам нужно будет сделать, чтобы начать играть в Fortnite.
</p>
<hr>
<h2>Установка игры</h2>
<img src="img/Image1.png" alt="Изображение загрузки" height="100" class="myClass2">
<p>
Установка на PC:
</p>
<ul>
<li>скачивание</li>
<li>установка</li>
</ul>
<a href="book1.html">[системные требования]</a>
<p>
Установка на Xbox:
</p>
<ul>
<li>оформление подписки Xbox Live, Xbox Game Pass, Ultimate</li>
<li>скачивание и установка</li>
</ul>
<p id="firstParagraph">
<em>Преимущества подписки Ultimate:</em>
</p>
<img src="img/Ultimate1.jpg" alt="Изображение подписки" width="200" class="myClass2">
<ol class="myClass">
<li>включает в себя <strong>все</strong> подписки сразу</li>
<li>огромный выбор игр в одной подписке</li>
</ol>
<hr>
</body>
</html>
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords"
content="программист, 50 лет, возвращение, квалификация, восстановление, навыки, перепрофилирование">
<meta name="description"
content="Возвращение в программирование в 50 лет">
<title>В программисты, когда тебе за 50</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 class="mainHead">"Судьба программиста"</h1>
<h3 class="italicFont">Пролог</h3>
<p>В свое время, в 1993 году, закончил Иркутский Политехнический институт, специальность
АСУ(автоматизированные системы управления производственными процессами и обработкой
данных) факультета кибернетики. <br>
В процессе обучения нас, студентов, готовили как аналитиков-системотехников и
разработчиков программного обеспечения.
</p>
<p>Какое-то время, а именно 4 года после получения диплома, работал программистом баз
данных, программировал в основном бухгалтерию на языке Foxbase, позже на FoxPro.
В 1996 году, по воле судьбы, попал в сферу информационной безопасности. Первое время было
интересно, но в этой сфере масса ограничений законодательством, стандартами и прочими
нормативными материалами. Скучновато стало, тянуло в разработку 😓 <br>
В свободное время, ради развлечения, пописывал программки на Pascal(Borland Delphi),
C/C++(MS Visual C++), баловался с операционными системами OS/2, Linux(RedHat), FreeBSD,
Sun Solaris (по которому даже умудрился получить сертификат от RedLab), интерпретаторами
команд sh, bash, СУБД Interbase, Informix.
</p>
<h3 class="italicFont">Улыбка судьбы</h3>
<p>В 2005 году судьба улыбнулась мне - устроился работать сисадмином. Администрировал FreeBSD,
Unix SCO, MS Exchage Server и MS Windows Active Directory. Это было настоящим подарком
судьбы! Писал скрипты и всячески старался автоматизировать свою работу. Со временем достиг
такого уровня автоматизации, что в отличии от своих коллег, выполнял свою работу,
не вставая со стула 😊
</p>
<h3 class="italicFont">Разворот на 180°</h3>
<p>В 2007 году предложили должность информационного безопасника. Большими плюсами
были полная самостоятельность и повышение уровня дохода в 2,5 раза.<br>
Предложение принял. За несколько лет вывел инфобез на должный уровень и...
головной офис конторы прибрал бо́льшую часть самостоятельности в свои руки и опять
мне наскучило с инфобезом!
</p>
<h3 class="italicFont">Обратно восвояси</h3>
<p>Решил вернуться в программирование, точнее в разработку программного обеспечения после
22 лет практической работы в сфере информационной безопасности. Надоело инфобезничать!<br>
Ведь мое базовое образование - <b><i>разработчик программного обеспечения!</i></b>
</p>
<h3 class="italicFont">Выбор сферы приложения и языка программирования</h3>
<p>И тут передо мной встала дилемма - <b><i>в какую сферу приложить свои усилия?</i></b><br><br>
Критерии моего выбора:
<ul>
<li>В моем городе число вакансий разработчиков стремится к нулю</li>
<li>Отсутствие желания и возможности покидать свой город</li>
<li>Стремление работать, не выходя из дома</li>
<li>Независимость от конкретного работодателя</li>
<li>Самостоятельность в управлении своим рабочим временем</li>
<li>Отсутствие ежедневного дяди-надзирателя над душой</li>
</ul>
</p>
<p>Какое-то время я изучал вакансии по удаленной работе на русскоязычном сайте
<a href="http://hh.ru" target="_blank">HeadHunter</a>, пообщался с дизайнером-удалёнщиком,
после чего в голове вырисовалась картинка:
<ol>
<li>Направление развития- back-end в web-разработке</li>
<li>Язык программирования - PHP</li>
<li>Фреймворк - Symfony, Laravel или Yii</li>
<li>СУБД - MySQL, PostgreSQL или SQLite</li>
<li>Git</li>
</ol>
</p>
<h3 class="italicFont">Опять улыбнуло</h3>
<p>При поиске информации по какому-то вопросу в PHP наткнулся на статью (уже
не помню о чем) с сайта.
<a href="http://php.zone">PHP.Zone</a>, собственно сам сайт и Артема Ивашкевича <br>
Понравились свободный стиль обучения, что важно при моем плотном графике работы
10-12 часов в сутки, текстовый стиль изложения материала и стоимость обучения 😊
</p>
<h3 class="italicFont">Жизнь среди слонов 😉</h3>
<p>В стародавние времена земля стояла на трех слонах, позже почему-то начала
вращаться вокруг солнца, за что и сожгли заживо бедного Джорда́но Бруно́
на очистительном костре святой инквизиции. А зря! Он оказался прав.
</p>
<p>Во времена моей срочной службы в рядах ВС СССР "духов" - молодых новобранцев, называли
"слоны" потому, что они, зачастую, спали стоя на тумбочке дневального по роте. <br>
Сам когда-то был слоником 😉
</p>
<p>Мой друг-товарищ по общаге ВУЗа Юрка Попов по кличке Элиф(от английского Elephant),
имел 45 размер стопы ноги. Учитывая, что парень нормально и пропорционально развит,
то размер его тела, особенно кулаков, был соответствующим и происхождение такой
клички теперь наверное всем понятно. Хотя по темпераменту он сангвиник и вряд ли стал бы
применять свои кулаки, но все равно было страшновато в глаза называть такого огромного
слона слоником, поэтому звали его ласково - Элиф, и только "за глаза".
</p>
<p>Ну, и наконец, всеми нами любимый язык программирования <b>PHP</b> имеет логотип
слона. Вот он: <br>
<img src="img/elephant.jpg" alt="PHP" width="225" height="325">
</p>
<b><i><a href="php.html" target="_blank">Немного ресурсов о PHP</a></i></b>
<h3 class="italicFont">Эпилог</h3>
<p>В качестве эпилога хочу отметить, что в сети много пишут о том, что скоро PHP "умрет",
станет не востребованным. Я в это не верю, язык растет и развивается! <br>
Ведь называли же в свое время операционную систему Windows "must die", вроде как должна
была умереть. Так она как Ленин В.И. во времена СССР "живее всех живых". <br>
Живет, зараза, развивается, и глубоко сомневаюсь, что вам того же желает 😓 <br>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сайт о шиншиллках - Shinshilla.ru</title>
<meta name="description" content="Сайт о шиншиллках. Здесь вы сможете увидеть невероятную жизнь шиншилл Сэми и Смоки">
<meta name="keywords" content="шиншиллы,питомцы,грызуны">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> Место обитания шиншилл</h1>
<img src="img/c91cb002e6cb4d84c4cd268a669f5442.jpg" alt="Серая шиншиллка" height="370">
<h2> Европа, Азия, Америка </h2>
<p class="myClass">
Родина шиншилл — <strong>Южная Америка.</strong><br> <em>Короткохвостые</em> шиншиллы обитают в Андах Южной Боливии, северо-западной части Аргентины и северной части Чили.<br> <em>Длиннохвостая</em> шиншилла на сегодняшний день встречается только в ограниченной области Анд на севере Чили.<br>
</p>
<p>
По цвету шиншиллы делятся на:
</p>
<ul>
<li>серых</li>
<li>бежевых</li>
<li>чёрных</li>
</ul>
<a href="book1.html">[подробнее]</a>
<hr>
<h2>Австралия,Африка</h2>
<p>
Текст про шиншиллок 2
</p>
<p id="firstParagraph">
Преимущества жизни здесь:
<ol class="myClass">
<li>здесь более подходщий климат</li>
<li>здесь больше пищи</li>
</ol>
<h3>Чем питаются шиншиллы</h3>
<ul>
<li>1. Продукты питания более полезные животным</li>
<ul>
<li>1.1 Злаки, и прочие зерновые</li>
<li>1.2 Овощи и фрукты</li>
</ul>
</li>
<li>2. Продукты вредные для животных</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Tesla, Тесла, электромобиль, electric car, чистая энергия">
<meta name="description" content="Производитель электромобилей и решений для хранения электрической энергии">
<title>Tesla</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p><img src="img/tesla.jpg" height="150" width="200" ><b>Tesla</b> (ранее Tesla Motors) - американская компания, производитель электромобилей
и (через свой филиал SolarCity) решений для хранения электрической энергии. Компания была основана в июле
2003 года Мартином Эберхардом и Марком Тарпеннингом, но нынешнее руководство компании называют сооснователями
Илона Маска, Джеффри Брайана Страубела и Иэна Райта.</p>
<ol>
<li><p><h3>Бизнес-модель</h3></li>
В отличие от большинства автопроизводителей, <b>Tesla</b> не продаёт автомобили через независимых дилеров. Как правило,
салоны Tesla представляют собой лишь демонстрационные площадки, покупка осуществляется непосредственно через
сайт <b>Tesla</b>. Это отчасти схоже с моделью продаж Apple. В большинстве штатов США прямые продажи автомобилей от
производителей и продажи через принадлежащих им дилеров ограничены или запрещены. Tesla пришлось столкнуться с
судебными исками о запрете прямых продаж. В некоторых штатах (Виргиния, Техас) компания проиграла дела, и продажи
<b>Tesla</b> были запрещены.
</p>
<li><p><h3>Показатели деятельности</h3></li>
В 2020 году компания произвела более 500 тыс. автомобилей.</p>
<img src="img/value.png">
<p>
<li><h3>Производственные мощности <a href="Factory.html">Подробнее</a></h3></li>
<ul><li>США</li>
<li>Нидерланды</li>
<li>Китай</li>
<li>Германия</li>
</ul>
</p>
<li><h3>Модельный ряд <a href="Model.html">Подробнее</a></h3></li>
<ul>
<li class="myClass">Tesla Roadster</li>
<li class="myClass">Tesla Model S</li>
<li class="myClass">Tesla Model X</li>
<li class="myClass">Tesla 3</li>
<li class="myClass">Model Y</li>
<li class="myClass">Tesla Roadster 2.0</li>
<li class="myClass">Tesla Semi</li>
<li class="myClass">Tesla Cybertruck</li>
</ul>
</ol>
</body>
</html>
##style.css
h3 {
color : navy;
}
a {
color: slategrey;
}
.myClass {
font-style: oblique;
}
#back {
background-color: gold;
border: goldenrod 3px solid;
padding: 2px;
}
b {
border-bottom: black dashed 2px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Главная страница</title>
<meta name="description"
content="Приветствую! Мы команда квалифицированных компьютерных мастеров в городе Салават. ">
<meta name="keywords" content="Комп мастер Салават, компьютерная помощь, ремонт ноутбуков">
<link rel="stylesheet" href="css/style.css">
<!--Подключаем style.css находящийся в папке css к нашему html-->
</head>
<body>
<h1>Комп Мастер город Салават</h1>
<hr>
<h2>Компьютерный мастер Андрей</h2>
<img src=" https://darksave.ru/UserFiles/Image/fix-laptop-home.jpg" alt="Андрей" width="600">
<br>
<a href="book.html">Перейти на страницу мастера</a>
<!--Создаем ссылку на другую страницу html-->
<p>
<em>
Я профессиональный дипломированный мастер по ремонту и настройки ваших компьютеров и ноутбуков. Меня зовут
<strong>Андрей</strong>. Выездной ремонт на дому в городе <strong>Салават</strong>.Сэкономьте свое время! Вы
не
плaтите за выезд – только за выполненную работу!Опыт работы более 10 лет.Регулярные курсы повышения
квалификации
аппарaтного ремонта компьютерной техники, имеется диплом и сертификаты.
<br>• Без выходных и прaздников с <strong>8 утра до 23 вечера. </strong>
<br>• Выезд в любой район города.
<br>• Выезд и диагностика - <strong>БЕСПЛАТНО.</strong>
<br>• Предоставляется <strong>ГАРАНТИЯ</strong> на все виды работ.
<br>•Используются только <strong>ОРИГИНАЛЬНЫЕ </strong> запчасти.
<br>• Работа с физическими и юридическими лицами, нал/безнал.
<br>• Работа на репутацию – честный и качественный ремонт, на совесть.
</em>
<p>
<b>Важно, чтобы кaждый клиент остался доволен ремонтом и рекомендовал другим!</b>
</p>
<em>
<strong>Вы получите 100% результат.
У меня, пожалуй, самые низкие цены.. </strong>
</em>
</p>
<p>
<strong>Гарантия услуг на выбор:</strong>
</p>
<ul>
<li>1 месяц + бесплатное поддержка софта и консультирование</li>
<li>3 месяца + платная поддержка софта и консультирование</li>
</ul>
<hr>
<h4> Сопутствующая литература </h4>
<h2>PHP7 для начинающих | МакГрат Майк</h2>
<img src="https://cdn1.ozone.ru/s3/multimedia-a/wc1200/6013704526.jpg" alt="книга" width="250">
<p class="my-class">
<!--Задаем класс для тега и подключаем стили к своему классу-->
<strong>PHP7</strong> — самый популярный язык программирования в мире. Новый пошаговый самоучитель
поможет
вам
освоить азы <strong>PHP7</strong> с нуля за короткое время. Благодаря известной методике пошагового
обучения
от
Майка МакГрата даже читатели, не имеющие никакого опыта в программировании, смогут приступить к созданию
собственных веб-проектов.
Самоучитель написан простым языком, содержит множество иллюстраций, полезные советы и рекомендации.
</p>
<b>
Эта книга делится на два этапа:
</b>
<ol class="my-class">
<!--Задаем класс для тега и подключаем стили к своему классу-->
<li>Теоритическое <strong>php</strong></li>
<li>Практическое <strong>php</strong></li>
</ol>
<h3> Содержание: </h3>
<ul>
<li>1.<strong>PHP</strong> Функции и переменные:
<ul>
<li>1.1 Правильно называем переменные</li>
<li>1.2 Правильно называем функции</li>
<li>1.3 Константы и их отличия от функций</li>
</ul>
</li>
<li>2. Тип данных </li>
<ul>
<li>1.1 Strong</li>
<li>1.2 Boolean</li>
<li>1.3 Array</li>
</ul>
...
</body>
</html>```
<html>
<head>
<meta charset="utf-8">
<title>Мастер Андрей</title>
<meta name="description"
content="Приветствую! Меня зовут Андрей, я квалифицированный компьютерный мастер в городе Салават. ">
<meta name="keywords" content="Комп мастер Салават, компьютерная помощь, ремонт ноутбуков">
<img src="https://xn----8sbprkbljnil.xn--p1ai/uploads/posts/2021-01/1611246222_remont-i-zamena-videokarty-min.jpg"
alt="Андрей" widht="200">
</head>
<br>
<a href="index.html">Вернуться к списку мастеров</a>
<body>
<h1>Мастер Андрей</h1>
<h2>Профессиональная компьютерная помощь</h2>
<h3>От мастера</h3>
<p id:="firstParagraph">
<string>РЕШАЕМЫЕ ВОПРОСЫ:</string>
<br>✓ Восстановление, исправление ошибок предыдущего мaстера.
<br>✓ Тормозит, греется.
<br>✓ Не включается, не загружается.
<br>✓ Работает, но нет изображения, гаснет экран.
<br>✓ Увеличeние производительности в играх.
<br>✓ Увеличение скорости работы, разгон.
<br>✓ Шумит, перезагружается, выключается.
<br>✓Чёрный экран, синий экран.
<br>✓ Нет звука, нет изображения, нет интернета
</p>
<p style="color:red;">
Если Вашей проблемы нет на сайте – <string>ОБЯЗАТЕЛЬНО ЗВОНИТЕ!</string>
</p>
<em> Часто проблема решается во время </em>
<string> КОНСУЛЬТАЦИИ </string><em>по телeфону! Постоянным клиентам хорошие скидки!</em>
</p>
</body>
</html>```
##style.css
h1 {
color: rgb(27, 79, 1);
font-size: 36pt;
}
ul li {
color: blue;
}
h2 {
color: rgb(123, 5, 191);
}
ol li {
color: blue;
}
.my-class {
font-style: oblique 40deg;
}
#firstParagraph {
background-color: #dddddd;
}
h4 {
color: rgb(233, 10, 10);
}
<html>
<head>
<meta charset="utf-8">
<title>Мир попугаев</title>
<meta name="KEYWORDS" content="Птицы, Семйсвто попугаевые, Попугаеобразные">
<meta name="DESCRIPTION" content="История появления попугаев в Росии..., Классификация попугаеобразных, подсемейство, фото, харктеристика...,">
<link href ="css/style.css" type = "text/css" rel="stylesheet"/>
</head>
<body>
<div id="header">
<div class ="header">
<h1>Мир попугаев</h1>
</div>
</div>
<div id= "wrapper">
<div class="wrapper">
<div class = "post">
<p>В наше время считают, что попугаеобразные, а также предки птиц стали известны как вид более 65 млн лет назад (такой возраст говорит о том, что в штате Вайоминг был найден клюв).
На сегодняшний день учеными установлено 87 видов и 340 родов, но список не закончен так как труднодоступность тропиков не позволяет узнать большего.<br>
Попугаи – самые приятные для человека потомки птицетазовых динозавров. Каждый ребенок и даже взрослый хочет получить яркую, смышленую, говорящую птичку,
чтобы представить себя в роли капитана пиратского корабля, путешественника или волшебника. Эти яркие птицы представляют собой самую большую группу животных,
а также являются частью многих экосистем. Они привлекают разнообразными окрасками, пением, умением летать и даже выполнять трюки. Наблюдая за попугаями в паре,
можно увидеть интересные повадки и раскрыть их природу.</p>
<p>В России попугаи впервые появились, вероятно, в 1490 году: посол римского короля Максимилиана Юрий Делатор преподнёс подарки великой княгине Софье
Фоминичне «птицу попагал и сукно серо».<br>
<strong>Слово <em>попугай</em> впервые в письменных источниках упоминается в Описи имущества Бориса Годунова в 1589 году.</strong></p>
</div>
</div>
</div>
<hr>
<div id="footer">
<div id="meny">
<div class ="left_meny">
<h2>Подсемейство настоящих попугаев</h2>
<p>Подсемейство настоящих попугаев делится на 5 групп (триб): травяные попугайчики (Platycercini), в том числе волнистые попугайчики, розелла; воскоклювые попугаи (Loriinae),
в том числе род неразлучники, ожереловые попугаи; висячие попугаи (Loriculini); плоскохвостые попугаи (Araini), среди которых наилучшие имитаторы человеческой речи: жако, амазонские
попугаи; клинохвостые попугаи, в том числе ара (самый крупный).</p>
<ul><a href= "1triba.html"><li>Триба короткохвостых попугаев,<br><img src="img/1.jpg" alt="Фото 'Триба'" width ="50" height="50"></li></a>
<a href="2zhako.html"><li>Жако,<br> <img src = "img/2zhako.jpg" alt = "фото 'Жако'" width = "50" height = "50"></li></a>
<a href ="3dkryl.html"><li>Длиннокрылые попугаи.<br><img src = "img/3dkryl.jpg" alt = "Фото 'Длино-крылых'" width = "50" height = "50"></li></a></ul>
</div>
<div class = "right_meny">
<h2>Обитатели Нового Света (Америки)</h2>
<p>Считается, что попугаи Нового Света откололись от линии стебля попугаев в конце мелового периода . Самая старая окаменелость, которую приписывают попугаям Нового Света, происходит
из Небраски, ей 20 миллионов лет, и она была описана как Conuropsis fraercula . Это просто плечевая кость , очень похожая на вымершую кость попугая Кэролайн . Гораздо более свежая
находка, состоящая из части черепа и левой плечевой кости, была обнаружена в аргентинской провинции Буэнос-Айрес . Этот вид был назван Cyanoliseus ensenadensis и тесно связан с
современным попугаем . Ископаемым представителем ара является Aratinga roosevelti , который был найден в Эквадоре . Последние два упомянутых ископаемых вида имеют возраст около
миллиона лет и, следовательно, происходят из среднего плейстоцена.</p>
<ol><a href = "4tribnw.html"><li>Триба нетропических попугаев, </li></a> <br> <img src = "img/4tribnw.jpg" alt = "Фото Триба в Новом свете" width = "50" height = "50">
<a href = "5aranw.html"><li>Ара,</li></a><br><img src = "img/5aranw.jpg" alt ="фото Ара в Новом свете" width = "50" height = "50">
<a href = "6a_tingi.html"><li>Аратинги.</li></a><br><img src ="img/6a_tingi.jpg" alt ="Фото Аратинги" width = "50" height = "50"></ol>
</div>
</div>
</div>
<a href="index.html">Вернутся к началу страницы</a>
</body>
</html>
Нижнее меню в таблицах нужно наверно?
CSS таблицы:
Нужно оформить код в комментарии (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте ваш комментарий, пожалуйста. А потом ответьте мне на этот комментарий. После этого проверю вашу домашнюю работу и отвечу на вопросы.
Исправил
А зачем каждое свойство в отдельном теге <style>? Просто перечисляйте их одно за другим в рамках одного тега.
Отлично
А стили-то где?)
Стили вынесены в файл проба стилей.css, в задании не сказано об оформлении стилей в исходном документе html.
Насчет именования файлов учту, к след. домашке будет исправлено.
Да дело в том, что домашка про стили, а содержимое файла со стилями не прикрепили.
И не стоит называть файлы на русском, да ещё и с пробелами
Еще вопрос про отдаленные перспективы. Я уже писал вам, что у меня слабенький нетбучок Асер образца 2012 г. Но уверен, что как начнутся более сложные вещи. я банально встану. Не могли бы посоветовать, какой ноутбук (стационарную машину даже не рассматриваю) потребуется для решения задач средней сложности по фронтенду? Чтобы в дальнейшем его можно было использовать как движок своих сайтов? (о как загнул:))
Чуть биографии. Я старый человек и старый математик (бывший), дипломная работа была - разработка СУБД и языка запросов небольшой поисковой системы вместе с кодом, тогда я написал всё ПО на ассемблере:) Т.е. то, чем мы сейчас занимаемся, для меня не очень пугающее занятие.
Любой ноут, на котором 10я винда запускается без тормозов подойдёт. Оперативной памяти желательно от 8гб, фронтенд-разработка нынче дико прожорливая.
Привет, Артем!
Разрешите еще чуть обнаглею:) В целях экономии буду подыскивать б/у ноут с такими характеристиками. Вдруг в вашем поле зрения такой обнаружится. Покупать б/у неизвестно у кого стрёмно, а мы как бы уже знакомы.
Ок) Но вообще есть конторы по продаже б/у ноутов, я бы в первую очередь там смотрел.
Наоборот должно быть, текст абзацев внутри <p>, а заголовки сами по себе.
Отлично
Нельзя сказать что это очень легко,спасибо Вам
Отлично!
style.scc
Отлично
Отлично
index.html
Dogs1.html
Dogs2.html
Style.css
Нельзя помещать заголовки в абзацы. Классы нужно применить непосредственно к заголовкам.
Отлично)
Отлично
Цветастенько)
выполнено
Подскажите, как сюда присвоить класс ?
<strong>PhpZone</strong> ваше обучение мне особенно нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает. Опять же по сравнению с другими курсами которые я проходил .Просто делал не зная все ли правильно<br>
Иду дальше!
Привет. В комментариях нельзя использовать HTML-теги) для оформления комментариев нужно использовать markdown-разметку с помощью кнопок над окном ввода комментариев.
куда именно?
Адз правильно выполнено? Выше комментарий)
По ДЗ всё ок)
Супер!
Отлично
Style.css
Лучше одним комментарием отправлять
Отлично
Отлично
##style.css
Добрый вечер.
Нижнее меню в таблицах нужно наверно?
CSS таблицы:
Нужно оформить код в комментарии (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте ваш комментарий, пожалуйста. А потом ответьте мне на этот комментарий. После этого проверю вашу домашнюю работу и отвечу на вопросы.
Добрый день. Оформил код, как полагается. Нужны остальные страницы могу скинуть.
Отлично
Отступы по-хорошему нужно сделать, а то в кучу всё, сложно читается. В остальном нормально.