Отже відпустка пройшла, і нарешті з"явився час доробити один з проектів. Наразі він ще не схвалений клієнтом, оскільки до неї важко достукатися, вже третій день не можу дочекатися відповіді. але сам сайт зараз є в двох варіантах
http://retroauto.if.ua/test2/index.html
http://retroauto.if.ua/test3/index.html
Вчуся HTML5 i CSS3
вівторок, 28 червня 2011 р.
пʼятниця, 22 квітня 2011 р.
четвер, 21 квітня 2011 р.
задача перша виконана
Все виявилося важче ніж я думав. Думав буде як в мультику: "сунь, плюн і зверху скотчем" )) Але все виявилося не так просто, і пішло багато часу на розбір що як робити в цсс. Притиснути футер сторінки до низу броузера ще не зміг, тому він притиснений до низу контенту. Тобто, якщо тексту буде мало, то футер може висіти десь на середині екрану. Вирішення цього завдання я покладаю на наступний раз.
В цілому є все що я собі придумав. Є хедер, є контент і є футер.
виглядає наразі це так

Код CSS виглядає наступним чином
----------------------------------------------------
body {
background:#000;
font-size: 36px;
font-family:Verdana, Geneva, sans-serif;
margin:0;}
.head {
background:#000;
height: 150px;
text-align:center;
border-bottom-style:solid;
border-bottom-color: #FFF;
border-bottom-width: 1px;}
.head-tx {
height: 100px;
text-align:center;
padding-top:50px;}
.content-box{background:#FFF;
width:500;
margin-left: 200px;
margin-right: 200px;}
.footer {background:#000;
height: 50px;
border-top:#FFF solid 1px;}
.footer-tx {
height: 30px;
text-align:center;}
p {
color:#000;
font-size:18px;
margin: 10px;
padding: 10px;}
p1 { color:#FFF;
font-size:50px;}
p2 { color:#FFF;
font-size:20px;}
---------------------
код взагалі далекий від ідеалу, але це покищо найкраще що вийшло)
Код ХТМЛ такий
------------------------
В цілому є все що я собі придумав. Є хедер, є контент і є футер.
виглядає наразі це так
Код CSS виглядає наступним чином
----------------------------------------------------
body {
background:#000;
font-size: 36px;
font-family:Verdana, Geneva, sans-serif;
margin:0;}
.head {
background:#000;
height: 150px;
text-align:center;
border-bottom-style:solid;
border-bottom-color: #FFF;
border-bottom-width: 1px;}
.head-tx {
height: 100px;
text-align:center;
padding-top:50px;}
.content-box{background:#FFF;
width:500;
margin-left: 200px;
margin-right: 200px;}
.footer {background:#000;
height: 50px;
border-top:#FFF solid 1px;}
.footer-tx {
height: 30px;
text-align:center;}
p {
color:#000;
font-size:18px;
margin: 10px;
padding: 10px;}
p1 { color:#FFF;
font-size:50px;}
p2 { color:#FFF;
font-size:20px;}
---------------------
код взагалі далекий від ідеалу, але це покищо найкраще що вийшло)
Код ХТМЛ такий
------------------------
середа, 20 квітня 2011 р.
Доречі, щоб не виглядати вже аж зовсім нульовим, хочу тобісказати мій шановний блог, що деякі наробки в мене вже є. Щоправда я їх не писав сам, а використовував вже готові шаблони, які потім правив, різав, добудовував щоб зробити те що треба. Але мені настільки остопиз... остогидло правити чужі коди, що таки вирішив взятися за написання того всього власноруч=)))
ось те що наразі вже було зроблено
http://www.ptd.com.ua/ - це я зробив ще 5 років тому на базі джумли
http://retroauto.if.ua/ - це я зробив два тижні тому. Використав якийсь фрішний шаблон, який потім дуже конкретно переробив.
http://retroauto.if.ua/test3/index.html - це поки що тестова версія сайту який от-от треба буде наповнити достойним контентом і залити в мережу.
ось що є.. але це все .... бррр... не те що треба, бо хочеться більше, вище і якісніше. і головне, щоб повністю своїми руками...
ось те що наразі вже було зроблено
http://www.ptd.com.ua/ - це я зробив ще 5 років тому на базі джумли
http://retroauto.if.ua/ - це я зробив два тижні тому. Використав якийсь фрішний шаблон, який потім дуже конкретно переробив.
http://retroauto.if.ua/test3/index.html - це поки що тестова версія сайту який от-от треба буде наповнити достойним контентом і залити в мережу.
ось що є.. але це все .... бррр... не те що треба, бо хочеться більше, вище і якісніше. і головне, щоб повністю своїми руками...
Для почтаку, сьогодні викачав кілька книг по цсс і хтмл. Є правда і старенькі, але для базових навиків якраз те що треба, решта буду шукати вже по сайтам. Поки що на меті цсс2.1 і хтмл. Далі вже буду лізти до цсс3 і хтмл5... Ібо не все відразу. ))) Робочий день щоправда вже завершується, завтра новий день, нові знання нові навики. Девіз, ні дня без освоєння чогось нового! =))
Підписатися на:
Коментарі (Atom)