Първи стъпки за правене на сайт.
Автор |
|
dreamskillПет, 16.01.09, 01:38 |
Здравейте.Днеска ми стана скучно и ми дойде идея-ще направя сайт за кучета Та направих и интерфейса,но нещо куцам при html.Опитах се да направя нещо с NVU но не се получи.Знаете ли друга подобна програма освен Web Page Maker за човек,който иска да прави сайт без знания като мен??Благодаря ви предварително.А ето да ви покажа какво направих
искам да сложа текст върху средата...т.е. видяхте онова място и искам изцяло това да е в средата на прозора.Това са най-важните ми цели за сега | | dhtjПет, 16.01.09, 01:42 | RE: Първи стъпки за правене на сайт.
” Здравейте.Днеска ми стана скучно и ми дойде идея-ще направя сайт за кучета Та направих и интерфейса,но нещо куцам при html.Опитах се да направя нещо с NVU но не се получи.Знаете ли друга подобна програма освен Web Page Maker за човек,който иска да прави сайт без знания като мен??Благодаря ви предварително.А ето да ви покажа какво направих искам да сложа текст върху средата...т.е. видяхте онова място и искам изцяло това да е в средата на прозора.Това са най-важните ми цели за сега „
ами dreamweaver е много по добър от уеп пейдж мейкър, в замунда го има. иначе аз на твое място бих предпочел някой cms (готова система) , от е107 съм доволен http://e107.org/ http://www.e107bg.org/ | | dreamskillПет, 16.01.09, 01:46 |
dhtj,благодаря за коментара,но не искам готова система.Вече утре ще пробвам с дриймвийвър.Дано да успя да направя каквото си искам | | stanimir_78Пет, 16.01.09, 09:34 |
CoffeeCup Free HTML Editorтая не е лоша,в смисъл че каквото пишеш долу виждаш как се визуализира/то и с рефрешфане на браузера става,ама така като че ли е по-нагледно..ддз/обаче няма кирилица. но има и още такива,трябва да поразровиш. | | dreamskillПет, 16.01.09, 13:12 |
stanimir_78,бая търсих и ако нема кирилица-не ми трябва.Сега свалям Dreamweaver и няколко урока за него | | phrozencrewПет, 16.01.09, 14:27 |
Едиз, мисля, че за толкова лесна форма най-лесно ще се оправиш с Notepad++. Имах някъде тук едно уроче за правенето на подобен центриран дизайн. За твоя сайт е добре, като начало да използваш таблици вместо слоеве, защото все още не знаеш хаковете и това може много да те забави. Бих те посъветвал да си направиш една таблица с три реда: <table id="site-wrapper">
<tr>
<td id="header">
</td>
</tr><tr>
<td id="menu">
</td>
</tr><tr>
<td id="content">
</td>
</tr>
</table> |
За да не ти се мандахерцат разни отстояния в различните браузери си нулирай всичко с външен CSS-файл, което се сетиш и после ако искаш слагай атрибутите. Ето какво ми идва на акъла: *, html, body, table, tr, td, div, h1, h2, h3, img, ul, li, a, span, h1, h2, h3 {margin: 0px; padding:
0px; list-style-type: none;}
table, tr, td {border-collapse: collapse; border: 0px; padding: 0px;}
table tr td {vertical-align: top;}
ul {list-style: none;}
img {border: 0px;}
a {text-decoration: none;} |
От тук нататък си режеш картинки и си ги слагаш за background на отделните полета. Ако искаш използвай тага <body> за да зададеш основния фон, който да е дълга линийка от 1px. Ето как би изглеждало: ediz_site.zip Таблицата от по-горе можеш да я наместиш по средата на страницата, като и зададеш width и след това използваш margin-left: auto; margin-right: auto; в CSS-a. подробности можеш да научиш от урочето. Разбира се, всичко това можеш да го направиш и с DreamWeaver, но ако си пишеш кода сам. Иначе ще стане голяма боза и няма да имаш гаранция, че сайта ти ще изглежда еднакво под различните браузери. Ако намеря време по-късно ще ти пиша пак. | | dhtjПет, 16.01.09, 14:31 |
да го направиш на флаш също е добра идея | | phrozencrewПет, 16.01.09, 14:39 | RE: Първи стъпки за правене на сайт.
” да го направиш на флаш също е добра идея „
Да, но тогава работата става няколко пъти повече, защото паралелно с флаша трябва да създадеш и XML (XHTML) валидиран файл, който да припокрива съдържанието на флаш страницата. Ако не го направиш, рискуваш краулерите и всякаква индексираща измет въобще да не те забележи. А сайт, който няма добра видимост е безсмислен. Иначе може да стане и с флаш, но не бих направил целия сайт флаш, а по скоро отделни елементи, ей така - за гъдел. | | dreamskillПет, 16.01.09, 15:20 |
phrozencrew,много ти благодаря.Преди малко мъничко прочетох за тези таблици.Малко ще променя интерфейса и ще започна да творя поне нещо на dreamweaver . dhtj,не мисля че флаш е добра идея.По-ефективна е,но всичко ще отнеме повече време. Ето ти една шитня,направена преди векове edit: phrozencrew,ето какво направих за сега мн се радвам <body onload="MM_preloadImages('picz/novini1.jpg','picz/snimki1.jpg','picz/uroci1.jpg','picz/forum1.jpg','picz/vrazki1.jpg')">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><img src="picz/ul.jpg" width="74" height="118" /></th>
<th scope="col"><img src="picz/banner.jpg" width="626" height="118" longdesc="main.html" /></th>
<th scope="col"><img src="picz/ur.jpg" width="74" height="118" /></th>
</tr>
<tr>
<th scope="col"><img src="picz/lm.jpg" width="74" height="47" /></th>
<th scope="col"><a href="novini.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','picz/novini1.jpg',1)"><img src="picz/novini.jpg" name="Image6" width="127" height="47" border="0" id="Image6" /></a><a href="snimki.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','picz/snimki1.jpg',1)"><img src="picz/snimki.jpg" name="Image7" width="124" height="47" border="0" id="Image7" /></a><a href="uroci.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','picz/uroci1.jpg',1)"><img src="picz/uroci.jpg" name="Image8" width="124" height="47" border="0" id="Image8" /></a><a href="forum.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','picz/forum1.jpg',1)"><img src="picz/forum.jpg" name="Image9" width="124" height="47" border="0" id="Image9" /></a><a href="vrazki.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','picz/vrazki1.jpg',1)"><img src="picz/vrazki.jpg" name="Image10" width="127" height="47" border="0" id="Image10" /></a></th>
<th scope="col"><img src="picz/rm.jpg" width="74" height="47" /></th>
</tr>
</table>
</body> |
и изглежда така
| | dreamskillПет, 16.01.09, 16:02 |
_intel_,вече закъсня Бачкам с dreamweaver,та пушек се вдига. Но имам въпрос.Как мога да направя даден table автоматично да е дълъг минимално,т.е. да е дълъг колкото текста в него да се побере? | | Коментар |