download.bg
 Вход Списание  Новини  Програми  Статии  Форум  Чат   Абонамент  Топ95   Архив 

Форум » Програмиране и web-дизайн » Първи стъпки за правене на сайт.

Първи стъпки за правене на сайт.

< 1 2 >

Автор
Съобщение
dreamskill
Пет, 16.01.09, 01:38
Здравейте.Днеска ми стана скучно и ми дойде идея-ще направя сайт за кучетаТа направих и интерфейса,но нещо куцам при html.Опитах се да направя нещо с NVU но не се получи.Знаете ли друга подобна програма освен Web Page Maker за човек,който иска да прави сайт без знания като мен??Благодаря ви предварително.А ето да ви покажа какво направих

искам да сложа текст върху средата...т.е. видяхте онова място и искам изцяло това да е в средата на прозора.Това са най-важните ми цели за сега

Отговор  За печат  
dhtj
Пет, 16.01.09, 01:42

RE: Първи стъпки за правене на сайт.

Цитат на dreamskill от Петък, 16.01.2009 01:38
” Здравейте.Днеска ми стана скучно и ми дойде идея-ще направя сайт за кучетаТа направих и интерфейса,но нещо куцам при 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
тая не е лоша,в смисъл че каквото пишеш долу виждаш как се визуализира/то и с рефрешфане на браузера става,ама така като че ли е по-нагледно..ддз/обаче няма кирилица.
но има и още такива,трябва да поразровиш.
редактиран от stanimir_78 на 16.01.09 09:38
Отговор  За печат  
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: Първи стъпки за правене на сайт.

Цитат на dhtj от Петък, 16.01.2009 14:31
” да го направиш на флаш също е добра идея „
Да, но тогава работата става няколко пъти повече, защото паралелно с флаша трябва да създадеш и 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 15:54
Отговор  За печат  
dreamskill
Пет, 16.01.09, 16:02
_intel_,вече закъсняБачкам с dreamweaver,та пушек се вдига.
Но имам въпрос.Как мога да направя даден table автоматично да е дълъг минимално,т.е. да е дълъг колкото текста в него да се побере?
Отговор  За печат  

< 1 2 >

Коментар

за нас | за разработчици | за реклама | станете автори | in english  © 1998-2024   Experta Ltd.