Форум «Мир фантастики» — фэнтези, фантастика, конкурсы рассказов

Форум «Мир фантастики» — фэнтези, фантастика, конкурсы рассказов (https://forum.mirf.ru/index.php)
-   Компьютеры и гаджеты (https://forum.mirf.ru/forumdisplay.php?f=35)
-   -   Сайтостроение (https://forum.mirf.ru/showthread.php?t=8949)

СУМРАК 07.02.2010 19:12
Сайтостроение
 
Думаю парочка веб-дизов здесь найдется...
В общем тема о создании сайтов, помощи тем, кто создает, будем делиться интересными скриптами и т.д., и п.п.

HTML
Скрытый текст - *:
Справочник по html - http://htmlbook.ru/
Спецификация по HTML 4.0 на русском http://www.citforum.ru/internet/html40/cover.html
Таблица спец-символов - http://html.manual.ru/book/info/specialchars.php
HTML по шагам - http://stepbystep.htmlbook.ru/?id=1


CSS
Скрытый текст - *:
Блог о CSS - http://cssing.org.ua/
Справочник по CSS - http://css-info.narod.ru/

СУМРАК 09.02.2010 12:31
Случайное отображение картинки...

на ява-скрипте
[CODE]<script language="JavaScript">
<!--

var a=Math.round(Math.random()*4)
image = new Array();
image[0]="http://zzz.ru/01.jpg"
image[1]="http://zzz.ru/02.jpg"
image[2]="http://zzz.ru/03.jpg"
image[3]="http://zzz.ru/04.jpg"
image[4]="http://zzz.ru/05.jpg"
document.write ("<center><img src="+image[a]+"></center>");

//-->
</script>
[/CODE]
[HTML]<Script Language="JavaScript">
var imagesarr = new Array("book1.jpg", "book2.jpg", "book3.jpg");
var commentsarr = new Array("Alt - 1", "Alt - 2", "Alt - 3");
</Script>
</Head>
<Body>
<Script Language="JavaScript">
var los = Math.floor(Math.random() * imagesarr.length)
document.write ("<Img Src='"+imagesarr[los]+"' Alt='"+commentsarr[los]+"'>");
</Script>
[/HTML]


на пхп...
[PHP]$randir = dir("$absolute");
$num = 0;
while($read = readdir($randir))
{
$tmp = split("\.", $read, 2);
if ($tmp[1] == "jpg" || $tmp[1] == "JPG")
{
$imgsrc[] = $read;
$num++;
}
if ($tmp[1] == "gif" || $tmp[1] == "GIF")
{
$imgsrc[] = $read;
$num++;
}
}
srand((double)microtime()*1000000);
$imgrandom = rand(0,($num-1));

header("location: $url/$imgsrc[$imgrandom]");
[/PHP]

SpellCaster 12.02.2010 22:35
Справочники по JS:
http://www.java2s.com/Code/JavaScriptReference
http://www.w3schools.com/jsref
http://javascript.ru/

"Прихорашиватель" JS кода онлайн:
http://jsbeautifier.org

IVGIPT 18.03.2010 08:34
Веб-дизы-то есть на форуме? Нужны очень.
Задумал себе блог сделать. Да вот дизайн уникальный нужен. Знаю, что на вордпрессе полно бесплатный тем. Однако хочется, чтобы блог не только контентом отличался. Возьмется кто-нибудь. Или может кого посоветует?

SpellCaster 18.03.2010 10:12
IVGIPT, сумму озвучивай сразу, за просто так вряд ли кто-то станет делать.

IVGIPT 18.03.2010 10:20
Если б я знал сколько это будет стоить, я бы назвал. Естественно, что не за спасибо все делать. Нужно же сначала обсудить, что да как. И тогда уже об оплате переговорить.

Mariko 18.03.2010 14:05
SpellCaster, всегда есть люди начинающие. Там и оплата немножко другая))
Я щас вот почти за спасибо рисую, и ничего - портфолио нарабатывается, приемы отрабатываются и т.п.)))

Atanvarno 18.03.2010 15:25
Если кому-то чего-то нужно "совсем запросто так" - обращайтесь.
Собираю портфолио, учусь.

Вёрстка, программирование.
Сразу оговорюсь - рисовать не умею. 8)


Цитата:
Сообщение от СУМРАК (Сообщение 731672)
[PHP]$tmp=split("\.",$read,2);
[/PHP]
Не отработает, если файл называется к примеру "real.love.jpg" :)

IVGIPT 18.03.2010 17:11
Atanvarno, я тут подумал, что тему-то новую не надо. Можно бесплатную за основу взять и доработать.

SpellCaster 18.03.2010 17:40
IVGIPT, вот Марико как раз нужно вебдиз прокачать :)
Сам я, к сожалению, в оформлении нуб полнейший.

Mariko 18.03.2010 21:14
SpellCaster, увы, не веб :blush: но могу попробовать при хорошо оформленном тз)))

IVGIPT, а вообще, глянь например на фрилансе ру - там народу полно и по дизайну, и по программингу хоть на чем - в основном, конечно, за деньги, но и за бесплатные задания берутся, если интересно

IVGIPT 21.03.2010 19:11
Проблема с дизайном для блога решена. Нашел программу artisteer.С ее помощью можно создать шаблон для джумлы, вордпресса, блоггера и друпала. Обидно только, что программка-то платная - от 50-ти баков. В триальной версии по всему шаблону рассыпаны водяные знаки Trial и нельзя сохранять шаблоны. Однако пять минут поиска по гуглу решили эту проблему. В итоге я имею зарегистрированную версию безо всяких водяных знаков и могу сохранять созданные темы.
Программа неплохая. За пять минут я набросал шаблон для вордпресса и залил себе на локальный сервер. Тема встала, как влитая. Но всё равно, думается мне, кое-что напильником придется дорабатывать.
П.С.: программа для винды

Atanvarno 21.03.2010 20:49
Почти наверняка там куча левого кода 8)

IVGIPT 21.03.2010 22:01
Цитата:
Сообщение от Atanvarno (Сообщение 779259)
Почти наверняка там куча левого кода 8)
И я про тоже. Мне бы главное с этой прогой макет сделать. Ну а потом я спецу отдам, пусть подчистит.

SpellCaster 15.04.2010 16:34
http://www.weblibrary.biz
http://htmlbook.ru

Однозначно в мемориз. Сайты с обширными справочными материалами по вебдизайну и вебкодингу (JS, CSS, HTML, PHP, ...)

IVGIPT 25.05.2010 10:39
Не покидает меня желание открыть блог в интернете на движке вордпресс.
Выбрал тематику, поднял локальный блог на ноутбуке, нацарапал десяток статей. Даже домен прикупил.
Теперь не знаю, какого хостера выбрать. Может подскажет кто?

СУМРАК 26.06.2010 00:02
вопросец по строению форумов... да и не только, в принципе.
Какую кодировку по-умолчанию лучше использовать - utf-8 или win-1251?

Grey Fox 26.06.2010 02:38
СУМРАК, смотря, какая у тебя операционка стоит.

SpellCaster 28.06.2010 18:16
Цитата:
Сообщение от IVGIPT (Сообщение 849763)
Теперь не знаю, какого хостера выбрать. Может подскажет кто?
Я на Nichost держу проект, устраивает. Московский хостер, отзывчивый. Можно поискать дешевле, за бугром, например.

Цитата:
Сообщение от СУМРАК (Сообщение 878467)
Какую кодировку по-умолчанию лучше использовать - utf-8 или win-1251?
За utf8 будущее, ASCII кодировки доживают свои дни.

IVGIPT 11.08.2010 14:17
Стоит локальный сервер на убунту. Там крутится проект блога. В Огнелисе, Опере и Хроме всё отображается корректно. Теперь как бы недобраузер проверить? Неужели виртуалка?

SpellCaster 11.08.2010 17:11
IVGIPT, гугл... Вкратце: Wine рулит!

Также я где-то встречал имитаторы IE онлайн, но не вспомню, где. По ссылке набрел вот на это, но оно как-то не работает.

IVGIPT 12.08.2010 07:29
SpellCaster, пробовал я эту приблуду. Во время установки любой версии ie она вырубается вместе с терминалом безо всякого объяснения.
Нашел другое решение. Заменю десктопе все ссылки с локалхост на свой айпи-адрес и залезу с ноута, на котором хрюша есть.

Mariko 23.08.2010 18:31
Господа умники и умницы.
Возникла острая необходимость овладеть конём веб-дизайном и FRONT PAGE'м купно.
С чего лучше начать и что бы такого почитать, чтобы общее представление получить?

SpellCaster 23.08.2010 18:36
Mariko, если хочешь знать основы, то любая книга по HTML и CSS. Если ограничишься кнопкокидательством - то мануала по FP хватит. Но рано или поздно всё равно придётся разбираться в том, как всё это устроено.

Mariko 23.08.2010 18:41
SpellCaster, уповаю на то, что с ООП еще по Дельфям знакома, вдруг как-то поможет.
А любая книга это которая? По опыту, книги "для чайников" - скорее "непонятно о чем для идиотиков".
Что-то посоветуешь, может быть, из простого и внятного?

SpellCaster 23.08.2010 22:24
Mariko, ну ООП тебе в дизайне едва ли пригодится. А посоветовать что-то конкретное не могу, сам осваивал по каким-то лежащим с сети хелпам и справочникам. В принципе, понять основы - достаточно краткого руководства, а затем твой путь - на W3C, к описаниям стандартов ;). Хотя это довольно сурово :).

Mariko 23.08.2010 22:30
SpellCaster, с дизайном как таковым проблем нет, а вот стандарты... у меня и с бренд-буками то проблемы(((

IVGIPT 24.08.2010 10:32
Mariko, для firefox есть хорошее дополнение firebug http://ru.m.wikipedia.org/wiki/Fireb...edirected=true
отличное подспорье при изучении html, css

SpellCaster 24.08.2010 12:23
Цитата:
Сообщение от IVGIPT (Сообщение 939012)
для firefox есть хорошее дополнение firebug
В Опере есть Dragonfly, Safari/Chrome тоже предоставляют удобный интерфейс для ковыряния во внутренностях странички.

Vollmond 16.09.2010 21:45
Хочу задать глупый нубский вопрос :-[
Как можно сделать рамку вокруг всей страницы? Рамку не из параметра, а именно текстуру, есть текстура горизонтальная и вертикальная. Это реализуемо? Или нужно делать общую текстуру фона вместе с рамкой одним bacground-изображением?

Ниссику 09.09.2013 22:23
Господа и дамы, не найдётся ли среди вас программиста, который мог бы помочь закончить сайт?

sourse 16.12.2013 13:59
Кто нибудь шарит в html и css: как прописать путь к изображению, что бы оно корректно отображалось на странице. Определить координаты активной области, разметки. Возможность подстраиваться под разные разрешения дисплеев встраивать аудио и видио с возможностью загрузки файла и выводить в сплывающем окне при увеличении.

Нужно для лабораторной работы.

Скрытый текст - html home:
<!DOCTYPE html PUBLIC><!--спецификация-->
<html>
<head>
<link />
</head>
<BODY BACKGROUND='#E0EEEE' >
<table class="wrapper" border="1" rules="all" width="950" height="" align="center">
<tr>
<td class="header" style="height: 100px;" colspan="3">
<label for="txtName">Name:</label>
<input type="text" id="txtName">
<p><br></p>
<form action="chose">
<select name="Specnaz">
<option></option>
<option value="t1">//C:/Users/mosprint.im/Desktop/html/usseals.html</option>
<option value="t2"> file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html</option>
<option value="t3">file:///C:/Users/mosprint.im/Desktop/html/jtf2.html</option>
<option value="t3">file:///C:/Users/mosprint.im/Desktop/html/sas,uk.html</option>
<option value="t3"></option>
<option value="t3"></option>
<option value="t3"></option>
<option value="t3"></option>
<option value="t3"></option>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<option selected value="t4"></option>
</select>
<input type="submit" value="chose">
</form>
</td>
</tr>
<tr>
<td width="203">
<h3><h3>
<ul style="list-style-type: none; font-style: times;">
<li class="rubric_ussels"><a href=" ">us_seal</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/delta.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href=""></a>oga</li>
<li class="rubric_sfod-d"><a href=""></a>jtf2</li>
<li class="rubric_sfod-d"><a href=""></a>sas.uk</li>
<li class="rubric_sfod-d"><a href=""></a>fdk/hjk</li>
<li class="rubric_sfod-d"><a href=""></a>sog</li>
<li class="rubric_sfod-d"><a href=""></a>ksk</li>
<li class="rubric_sfod-d"><a href=""></a>udt/seal</li>
<li class="rubric_sfod-d"><a href=""></a>grom</li>
<li class="rubric_sfod-d"><a href=""></a>alpha.group</li>
<li class="rubric_sfod-d"><a href=""></a>sasr</li>

</ul>
</td>
<td class="content" rowspan="4">
<h1></h1>
<a HREF="http://www.wikipedia.org/wiki/Tier_1_Group">T1G </a>is dedicated to providing the highest level of training across the operational spectrum.
The term Special Mission Unit or Special Missions Unit <a HREF="http://en.wikipedia.org/wiki/Special_Mission_Unit"> SMU </a> , is used to describe some elite special operations forces around the world.
The term has been applied to the Australian Defence Force's Special Air Service Regiment and four United States special operations forces units.
Special mission units have been involved in high profile military operations such as the death of Osama Bin Laden and capture of Saddam Hussein.</p>
<p> <a href=""></a>. <p>
<p align="justify">
"Tier One are "black" elements, which are national-level assets that
comprise the highest level on the United States Special Operations
Command spectrum and National Command Authority. The chain of command
for these units bypasses traditional military bureaucracy, and they will
be deployed directly by the President, Joint Chiefs, and/or Defense
Secretary. These units are the most selective, with acceptance rates
of 10 to 15 percent and include the US Army's secretive Delta Force
and the US Navy's counterpart DEVGRU.The Army's Intelligence
Support Activity, and the US Air Force's 24th Special Tactics Squadron
are Tier One intelligence and support elements.These are the
black side of the Special Operations community, and fall under the Joint
Special Operations Command's Special Mission Unit classification"
</p>
<IMG SRC="C:\Users\mosprint.im\Desktop\tier1\tier1compa ny.jpg">
<h2></h2>
</p>.</p>
<p>.</p>
<p> .</p>
</td>
<td width="203" rowspan="2"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td height="273" style="text-align: center;" rowspan="#C1CDCD"><br /><img src=""></td>
<td height="273" style="text-align: center;" rowspan="#C1CDCD"><br /><img src=""></td>
</tr>
<tr>
</tr>
<tr>
<td class="footer" height="100" colspan="3">.
<IMG SRC="C:\Users\mosprint.im\Desktop\tier1\dangerclos e.png">
<br /></td>
</tr>
</table>
<style type="text/css">
table {
background: black;
color: white; /
}
td {
background:gold ;
}
</style>
</body>
</html>






Скрытый текст - page 2:
<!DOCTYPE html PUBLIC><!--спецификация-->
<html>
<head>


</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Цвет ссылок</title>
<BODY BACKGROUND='magenta'link="white" vlink="#F8F8FF" alink="#F5F5F5" bgcolor="whitesmoke"> >
<table class="wrapper" border="1" rules="all" width="950" height="" align="center">
<tr>
<td class="header" style="height: 100px;" colspan="3">
<label for="txtName">Name:</label>
<input type="text" id="txtName">
<a HREF="file:///C:/Users/mosprint.im/Desktop/tier1force.html">home </a>
<p><br></p>

</td>
</tr>
<tr>
<td width="203">
<h3><h3>

</td>
<td class="content" rowspan="4">
<h1></h1>
<a .</p>
<p> <a href=""></a>. <p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<span class="rvts24"> информация была полезна .</span>
<input type="radio" name="radiobutton" value="radiobutton">
<span class="rvts24"> информация не была полезна .</span>
<input type="radio" name="radiobutton" value="radiobutton">
<form " >
<input type="checkbox" name="transport" value="" checked="checked" /><br />
<input type="checkbox" name="transport" value="" /> <br />
<input type="checkbox" name="transport" value="" /> <br />
<input type="checkbox" name="transport" action="http://world.guns.ru/smg/usa/sig-sauer-mpx-r.html" /> <br />
<input type="submit" value="OK" />
<input type="reset" value="Reset" />
</form>

<p align="justify">
1-й оперативный отряд Специального Назначения «Дельта» — (общеизвестен как англ. 1st Special Forces Operational Detachment-Delta (1st SFOD-D), Delta Force , позже переименован в англ. Combat Applications Group (CAG), ныне именуется англ. Army Compartmented Elements (ACE)) , организованный Министерством обороны США, как подразделение специального назначения и существенный элемент USSOCOM.
Задания для Delta Force заключаются в борьбе с терроризмом, народными восстаниями, национальным вмешательством, хотя эта группа также направлена на исполнение секретных заданий, включающих, но не ограниченных спасением мирных граждан и вторжением.
</p>



<height="273" style="text-align: center;" rowspan="2">Картинка<br/><!--br - перенос на следующую строку--><img src="C:\Users\mosprint.im\Desktop\tier1\sfod.jpg">
<h2></h2>
</p>.</p>
<p>.</p>
<p> .</p>
</td>

<td width="203" rowspan="2"><ul style="list-style-type: none; font-style: times;">
<li class="rubric_ussels"><a href=" file:///C:/Users/mosprint.im/Desktop/html/usseals.html">us_seal</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>

</ul></td>
</tr>
<tr>
<map name="Navigation">
<area shape="poly" coords="113,24,211,24,233,0,137,0" href="" alt="Информация">
</map>





<a href="http://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BB%D1%8C%D1%82%D0%B0_(%D1%81%D0%BF %D0%B5%D1%86%D0%BF%D0%BE%D0%B4%D1%80%D0%B0%D0%B7%D 0%B4%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5)" target="_blank"><img alt="" border="0" src="http://C:\Users\mosprint.im\Desktop\tier1\images.png" title="delta" /></a>




<td height="273" style="text-align: center;" rowspan="#C1CDCD"><br /><img src="C:\Users\mosprint.im\Desktop\tier1\images.jpg "/td>
</tr>
<tr>
<td height="273" style="text-align: center;" rowspan="#C1CDCD"><br /><ul style="list-style-type: none; font-style: times;">
<img src=""></td>
<td height="273" style="text-align: center;" rowspan="#C1CDCD"><br /><ul style="list-style-type: none; font-style: times;">
<img src=""><ul style="list-style-type: none; font-style: times;">
<li class="rubric_ussels"><a href=" file:///C:/Users/mosprint.im/Desktop/html/usseals.html">us_seal</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>
<li class="rubric_sfod-d"><a href="file:///C:/Users/mosprint.im/Desktop/html/sfod-d.html">sfod-d</a></li>

</ul></td>
</tr>
<tr>
</tr>
<tr>

<td class="footer" height="100" colspan="3">.<IMG SRC="C:\Users\mosprint.im\Desktop\tier1\dangerclos e.png">
<br /></td>
</tr>
</table>
<style type="text/css">
table {
background: maroon; /* Цвет фона таблицы */
color: white; /* Цвет текста */
}
td {
background: navy; /* Цвет фона ячеек */
}
</style>
</body>
</html>

SpellCaster 16.12.2013 14:10
Цитата:
Сообщение от sourse (Сообщение 1704696)
как прописать путь к изображению, что бы оно корректно отображалось на странице
img src="/images*/image.jpg", никаких дисков Це, забудь про них
Цитата:
Сообщение от sourse (Сообщение 1704696)
Возможность подстраиваться под разные разрешения дисплеев
Просто не юзай абсолютных размеров

sourse 16.12.2013 14:27
ок. А как определить координаты активных областей.

Рено Гринлиф 24.03.2014 23:28
Цитата:
Сообщение от Vollmond (Сообщение 960742)
Хочу задать глупый нубский вопрос :-[
Как можно сделать рамку вокруг всей страницы? Рамку не из параметра, а именно текстуру, есть текстура горизонтальная и вертикальная. Это реализуемо? Или нужно делать общую текстуру фона вместе с рамкой одним bacground-изображением?
Реализуемо. Можно сделать четыре пустых элемента (div'ы, к примеру), поместить их справа, слева, сверху и снизу, растянуть каждый на высоту и ширину страницы. У каждого в CSS в качестве фона поставить твои текстуры.
В последней версии CSS можно и проще, но тогда нужно будет беспокоится о совместимости обозревателей.


Текущее время: 14:56. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.