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

Как се прави сайт?

Автор
Съобщение
angelicstar
Сря, 11.07.07, 17:55
ми знам че с Notepad ама аз питам не Как се прави. въпросат е как се Прави?
нз мн ли е ясно.
insecteater
Сря, 11.07.07, 18:34
Разни хора, разни идеали. Мисля че имаше подобна тема много отдавна.

Като за начало преценяваш информацията, която ще представяш.
Избираш си как да я разделиш логически и по какъв начин ще я поднесеш на крайния потребител
От тук идва и целевата група - за кого е предназначен сайта.
Разделяш информацията логически и почваш дизайна на сайта.
Например пускаш photoshop и правиш някакъв примерен сайт на него - с фонове, преливания, шапки и т.н. за да си имаш идея кое къде и как ще е разположено.
Добра идея е да обърнеш внимание на подбора на цветовете. Кои елементи о страницата с какъв цвят и оформление ще са и т.н.
Стреми се да гониш "интуитивен" интерфейс на страницата.
След като си изработиш шаблона, почваш да режеш изображенията и да ги сглабяш в html кода. Излишно е да казвам, че има стандарти, които да се спазват.
От там на сетне проверки за съвместимост между браузърите, валидация на кода и т.н.

Общо взето процеса може да е забавен. Но много зависи как ще си "постелеш" още при организацията на информацията и дизайна в ранен етап. CSS стиловете са мощно средство за управление на дизайна, но могат да те подведат ако не внимаваш.

Изборът на html редактор също е нещо което трябва да направиш. Аз например ползвам HateML, понеже е лек, но работя и с php, така че на теб може да ти пасне някой друг.

Добавката за firefox Web Developer също съдържа страшно много полезни инструменти, който действат направо в "полеви условия"

Ето малко ресурси от мен:
http://www.tlbox.com/ сайт с доста полезни инструменти за един web дизайнер
http://www.456bereastreet.com/lab/ трикове за CSS
http://www.dynamicdrive.com/style/csslibrary/category/C1/ някои готови CSS примери

Успех.

Редакция: нямам претенции да съм напълно изчерпателен. Още хора могат да добавят много неща по въпроса. Phrozencrew особено.
Ако е замесено и php и бази данни, тогава работата става по-сериозна, понеже се намесва и сигурността и оптималната обработка на данните, но не ми се вярва твоят случай да е такъв.

редактиран от insecteater на 11.07.07 18:39
nikolatirol
Сря, 11.07.07, 18:58

RE: Как се прави сайт?

” Разни хора, разни идеали. Мисля че имаше подобна тема много отдавна.

Като за начало преценяваш информацията, която ще представяш.
Избираш си как да я разделиш логически и по какъв начин ще я поднесеш на крайния потребител
От тук идва и целевата група - за кого е предназначен сайта.
Разделяш информацията логически и почваш дизайна на сайта.
Например пускаш photoshop и правиш някакъв примерен сайт на него - с фонове, преливания, шапки и т.н. за да си имаш идея кое къде и как ще е разположено.
Добра идея е да обърнеш внимание на подбора на цветовете. Кои елементи о страницата с какъв цвят и оформление ще са и т.н.
Стреми се да гониш "интуитивен" интерфейс на страницата.
След като си изработиш шаблона, почваш да режеш изображенията и да ги сглабяш в html кода. Излишно е да казвам, че има стандарти, които да се спазват.
От там на сетне проверки за съвместимост между браузърите, валидация на кода и т.н.

Общо взето процеса може да е забавен. Но много зависи как ще си "постелеш" още при организацията на информацията и дизайна в ранен етап. CSS стиловете са мощно средство за управление на дизайна, но могат да те подведат ако не внимаваш.

Изборът на html редактор също е нещо което трябва да направиш. Аз например ползвам HateML, понеже е лек, но работя и с php, така че на теб може да ти пасне някой друг.

Добавката за firefox Web Developer също съдържа страшно много полезни инструменти, който действат направо в "полеви условия"

Ето малко ресурси от мен:
http://www.tlbox.com/ сайт с доста полезни инструменти за един web дизайнер
http://www.456bereastreet.com/lab/ трикове за CSS
http://www.dynamicdrive.com/style/csslibrary/category/C1/ някои готови CSS примери

Успех.

Редакция: нямам претенции да съм напълно изчерпателен. Още хора могат да добавят много неща по въпроса. Phrozencrew особено.
Ако е замесено и php и бази данни, тогава работата става по-сериозна, понеже се намесва и сигурността и оптималната обработка на данните, но не ми се вярва твоят случай да е такъв. „

Бре, Ганчо! Ти си имал и педагогически талант! Чак на мен ми стана ясно!
phrozencrew
Сря, 11.07.07, 22:52
До тук много ми харесва темата. Мисля и аз да я отбележа с нещо изключително от към линкове.
Всичко се корени във простотата, за това ето и първия линк който предлагам:
http://erraticwisdom.com/2006/01/29/tutorial-coding-a-layout
Уникално прост код и много добър урок.
В този ред на мисли бих предложил и следващия подобен туториал:
http://www.sitepoint.com/article/rock-solid-css-layouts

А ето и нещо по-задълбочено по темата, но страшно полезно и лесно за поглъщане:
http://css.maxdesign.com.au/floatutorial/index.htm - Мой личен фаворит
http://www.barelyfitz.com/screencast/html-training/css/positioning/ - Също доста добро като идеи.

И нека никога не посягаш към рязаниците с Photoshop - тия таблици бяха модерни 95-96 година на миналия век.
Ще помагаме с всичко което можем.
Успех!

Редакция: Човек винаги забравя нещо, което е добре да се добави. Много е важен избора на цвета. Той може да стане водещ за сайта. И затова препоръчвам този магьосник за напасване на цветовете:
http://www.colorsontheweb.com/thecolorwizard.asp
Възможно е да се предпочете и цветовете да се напасват по картинка или лого в хедъра. В този случай бих препоръчал този тип инструменти:
http://www.colr.org/
http://www.degraeve.com/color-palette/
За шрифтове... хм като за начало Verdana и Ariel.
Ще се сетя за още 100 неща за това спирам до тук, че ще претоварим харда.

редактиран от phrozencrew на 11.07.07 22:59
insecteater
Сря, 11.07.07, 23:03

RE: Как се прави сайт?

” ...
И нека никога не посягаш към рязаниците с Photoshop - тия таблици бяха модерни 95-96 година на миналия век.
Ще помагаме с всичко което можем.
Успех! „

Таблици????
Разрязването на готовият template за мен например, става най удобно с photoshop - с всичките му маски, рулери, ефекти, преливания и т.н.

Искам да отбележа нещо за таблиците. Наистина е тъпо и неправилно да се ползват таблици за цялостният дизайн на сайт, но и те имат своето място - а именно за представянето на таблична информация, особено с таговете за хедъри. Мисълта ми е че отричането на таблиците като средство за графичната презентация на страниците не означава да не използваме таблици, където това е наложително (и е за предпочитане).
Още повече, че и за хората с увредено зрение са подходящи за предоставяне на подредена таблична информация.

phrozencrew
Сря, 11.07.07, 23:10

RE: RE: Как се прави сайт?

” Таблици????
Разрязването на готовият template за мен например, става най удобно с photoshop - с всичките му маски, рулери, ефекти, преливания и т.н.

Искам да отбележа нещо за таблиците. Наистина е тъпо и неправилно да се ползват таблици за цялостният дизайн на сайт, но и те имат своето място - а именно за представянето на таблична информация, особено с таговете за хедъри. Мисълта ми е че отричането на таблиците като средство за графичната презентация на страниците не означава да не използваме таблици, където това е наложително (и е за предпочитане).
Още повече, че и за хората с увредено зрение са подходящи за предоставяне на подредена таблична информация. „

Да така е. Съгласен съм с теб защото все трябва да се ползва подобна програма за рязането на елементите. Но нека не се насочва в грешна посока. Ще се обоснова - одеве един пич в един друг форум попита от къде да си намери такъв тимплейт:
http://mp3-online.hit.bg/ - Забележи бруталността на таблиците в толкова проста страничка
Аз не му отговорих директно а просто за 20-на минути с Notepad++ сглобих това:
http://web-making.hit.bg/v03/index.html - Мислиш ли че кода не изглежда много по-добре. Да не говорим, че и футъра си седи най-отдолу, където му е мястото, а и всеки който го хване след това ще може да промени съдържанието просто защото със слоевете е много по-четливо.
Таблиците са задължителни за табличната информация. за това спор няма.
insecteater
Сря, 11.07.07, 23:25
Добра идея е да тествате страниците които правите без никакви прикачени стилове.
Също така в т.нар. текстови браузъри.
Разбира се това зависи от целевата груупа, но на мен ми се е налагало да ползвам download.bg под lynx. За незапознатите ще кажа, че това е текстов браузър - в него няма картинки - само текст, все едно че сте под ДОС (всъщност е за конзолата на Unix/Linux )

Така че не се знае откъде и с какви възможности ще се опитват хора да разглеждат сайта ви.
А опитайте да затворите очи и някой да ви го прочете
Тук вече изскачат такива въпроси, като дали контейнерът с менюто да бъде преди контейнера със съдържание в html кода (може да е много досадно всеки път да ти се четат едни и същи работи), разделители между хипервръзките в менютата и т.н.
Тук се намесва т. нар. Web Content Accessibility , но това е за маниаци/професионалисти

anonymous
Вто, 17.07.07, 14:43

RE: Как се прави сайт?

” Разни хора, разни идеали. Мисля че имаше подобна тема много отдавна.

Като за начало преценяваш информацията, която ще представяш.
Избираш си как да я разделиш логически и по какъв начин ще я поднесеш на крайния потребител
От тук идва и целевата група - за кого е предназначен сайта.
Разделяш информацията логически и почваш дизайна на сайта.
Например пускаш photoshop и правиш някакъв примерен сайт на него - с фонове, преливания, шапки и т.н. за да си имаш идея кое къде и как ще е разположено.
Добра идея е да обърнеш внимание на подбора на цветовете. Кои елементи о страницата с какъв цвят и оформление ще са и т.н.
Стреми се да гониш "интуитивен" интерфейс на страницата.
След като си изработиш шаблона, почваш да режеш изображенията и да ги сглабяш в html кода. Излишно е да казвам, че има стандарти, които да се спазват.
От там на сетне проверки за съвместимост между браузърите, валидация на кода и т.н.

Общо взето процеса може да е забавен. Но много зависи как ще си "постелеш" още при организацията на информацията и дизайна в ранен етап. CSS стиловете са мощно средство за управление на дизайна, но могат да те подведат ако не внимаваш.

Изборът на html редактор също е нещо което трябва да направиш. Аз например ползвам HateML, понеже е лек, но работя и с php, така че на теб може да ти пасне някой друг.

Добавката за firefox Web Developer също съдържа страшно много полезни инструменти, който действат направо в "полеви условия"

Ето малко ресурси от мен:
http://www.tlbox.com/ сайт с доста полезни инструменти за един web дизайнер
http://www.456bereastreet.com/lab/ трикове за CSS
http://www.dynamicdrive.com/style/csslibrary/category/C1/ някои готови CSS примери

Успех.

Редакция: нямам претенции да съм напълно изчерпателен. Още хора могат да добавят много неща по въпроса. Phrozencrew особено.
Ако е замесено и php и бази данни, тогава работата става по-сериозна, понеже се намесва и сигурността и оптималната обработка на данните, но не ми се вярва твоят случай да е такъв. „

И как става това?

редактиран от anonymous на 17.07.07 14:44
angelicstar
Вто, 17.07.07, 15:13
ми вобще нестава лесно. аз от 5 дена се пъна и още не му свикнах. тря знаеш HTML щото иначе несава. тия CSS дето ги разпраят само ги пробах ама са много и немога ги запомна сичките. сигорно още 2-3 дена има се мотам докат напрая нещо.
най хуво почни да пишеш едно по едно нещата и след сяко гледай в бряезера кво става. само така става да разбереш кое за кво е.
ама яз още не мога измисла къв сайт да напрая и само се бъзикам сега. сигорно като го измисла да почна верно да го прая и ще ми се нареди сичко.

Коментар

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