-Цитатник

Без заголовка - (0)

Шалом,Израиль!(Путешествие по Галилее ч.1)   Добрый  день ,мои ПЧ друзья! ...

Как опубликовать свой материал в Сообществе? - (0)

Как опубликовать свой материал в Сообществе?   Дорогие и Уважае...

Начинающим на ЛиРу - (0)

Начинающим на ЛиРу Зарегистрировать твой ник! Серия сообщений "Для ЛиРу": Часть...

Тег more или Как убрать текст под кат - (0)

Помощь новичкам: Тег more или Как убрать текст под кат По просьбам читателей - новичков, попроб...

ВЕЛИКИЙ ПРАЗДНИК ПАСХИ НА КАРТИНАХ ИЗВЕСТНЫХ ХУДОЖНИКОВ - (0)

ВЕЛИКИЙ ПРАЗДНИК ПАСХИ НА КАРТИНАХ ИЗВЕСТНЫХ ХУДОЖНИКОВ ВЕЛИКИЙ ПРАЗДНИК ПАСХИ НА КАРТИНАХ ИЗВЕ...

 -Рубрики

 -Я - фотограф

КРЫМСКАЯ ВОЙНА 1854 - 1855 г.г.


 -Всегда под рукой

 -

Быстрый переход по страницам блога Краснофлотец:

 -Поиск по дневнику

Поиск сообщений в Краснофлотец

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.07.2009
Записей: 4010
Комментариев: 933
Написано: 6326




На флоте бабочек не ловят!free counters


Роксалана - любимая жена Сулеймана

Четверг, 29 Октября 2009 г. 22:29 + в цитатник
Это цитата сообщения Мадам_Мистерия [Прочитать целиком + В свой цитатник или сообщество!]

Роксалана - любимая жена Сулеймана



 (484x599, 54Kb)
Антон ВАСИЛЬЕВ

Роксалана - любимая жена Сулеймана



Путь в гарем

Анастасия Гавриловна Лисовская (родилась ок. 1506 г. - ум. ок. 1562 г.) была дочерью священника Гаврилы Лисовского из Рогатина - небольшого городка на Западной Украине, расположенного юго-западнее Тернополя. В XVI веке эта территория принадлежала Речи Посполитой и постоянно подвергалась опустошительным набегам крымских татар. Во время одного из них летом 1522 года юная дочь священнослужителя попалась отряду людоловов. Легенда гласит, что несчастье произошло как раз накануне свадьбы Анастасии.
Сначала пленница попала в Крым - это обычный путь всех невольниц. Ценный «живой товар» татары не гнали пешком через степь, а под бдительной охраной везли на лошадях, даже не связывая руки, чтобы не попортить веревками нежную девичью кожу. Пораженные красотой полонянки крымчаки решили отправить девушку в Стамбул, надеясь выгодно продать ее на одном из самых больших невольничьих рынков мусульманского Востока.
В столицу султанов прекрасную пленницу отправили на большой фелюке, и продавать ее повез сам хозяин - его имя история не сохранила. По прихоти переменчивой Судьбы в первый же день, когда ордынец вывел пленницу на рынок, она случайно попалась на глаза оказавшемуся там всесильному визирю молодого султана Сулеймана I, благородному Рустем-паше. Турка поразила ослепительная красота девушки, и он решил купить ее, чтобы сделать подарок султану. Не в обиду будь сказано актрисе Сумской, но судя по описаниям в исторических хрониках, ее красота далеко не отражает истинного внешнего облика Лисовской, в которой, вероятно, кроме украинской текла и польская кровь.
Однако подобные подарки падишаху не делались просто так - сначала пленницу тщательно осмотрели опытные лекари и дали заключение: она девственница и абсолютно здорова. Иначе Анастасии никогда не видать Топ-Капы, или «Дома Радости», как высокопарно именовали в Блистательной Порте гарем султана.
По законам веры падишах мог иметь четырех законных жен. Дети первой из них становились наследниками престола. Вернее, наследовал трон один первенец, а остальных часто ждала печальная судьба: все возможные претенденты на верховную власть подлежали уничтожению.
Кроме жен, повелитель правоверных имел любое число наложниц, которое пожелает его душа и потребует плоть. В разное время при разных султанах в гареме жило от нескольких сотен до тысячи и более женщин, каждая из которых непременно была удивительной красавицей. Кроме женщин в гареме состоял целый штат евнухов-кастратов, служанок разного возраста, костоправок, повитух, массажисток, врачей и тому подобных. Но никто, кроме самого падишаха, не мог посягнуть на принадлежащих ему красавиц чисто физически. Руководил всем этим сложным и беспокойным хозяйством «начальник девушек» - евнух кызлярагассы.
Впрочем, одной удивительной красоты было мало: предназначенных для гарема падишаха девушек в обязательном порядке обучали музыке, танцам, мусульманской поэзии и, конечно, искусству любви. Естественно, курс любовных наук являлся теоретическим, а практику преподавали опытные старухи и женщины, искушенные во всех тонкостях секса.
Итак, Рустем-паша решил купить славянскую красавицу. Но ее хозяин-крымчак отказался продавать Анастасию и преподнес ее в дар всесильному царедворцу, справедливо рассчитывая получить за это не только дорогой ответный подарок, как принято на Востоке, но и немалые выгоды.
Рустем-паша приказал всесторонне подготовить ее в подарок султану, в свою очередь рассчитывая добиться этим еще большего его благорасположения. Падишах был молод, он взошел на престол только в 1520 году и очень ценил женскую красоту, причем не просто как созерцатель.
Паша получил хорошее образование и многое знал, поэтому он дал красавице новое имя - Роксалана, под которым она и вошла в историю. Роксаланами или роксанами в древности называли сарматские племена во II-IV веках нашей эры, кочевавшие в степях между Днепром и Доном. Начиная с VI века о них нет никаких исторических сведений, но в Средние века роксаланов многие считали прародителями славян. Это и обусловило выбор нового имени для Анастасии.



Жена падишаха

Вопреки распространенной версии, новая наложница не сразу привлекла внимание падишаха и всецело завладела его сердцем, умело разжигая в нем бешеную страсть. Сулейман просто не мог жадно накинуться на нее, имея в гареме сотни удивительных красавиц, обученных всем секретам сладострастия. Но все-таки это наконец произошло, и Роксалана-Анастасия поклялась себе, что во что бы то ни стало добьется положения законной жены падишаха - выйти из гарема на волю и вернуться домой нечего даже и мечтать!
Она уже научилась хорошо говорить по-турецки и понимала: ее главный козырь в том, что Рустем-паша, благодаря которому она попала во дворец падишаха, получил ее в подарок, а не купил. В свою очередь он не продал ее кызлярагассы, пополнявшему гарем, а подарил Сулейману. Значит, Роксалана осталась свободной женщиной и могла претендовать на роль жены падишаха. По законам Османской империи рабыня никогда, ни при каких обстоятельствах не могла стать женой повелителя правоверных.
Возникало еще одно препятствие: Анастасия-Роксалана была христианкой. Но это для дочери священника оказалось сущим пустяком! Хотя в те времена сменить веру для христианина означало погубить свою бессмертную душу! Тем не менее, прекрасная наложница не колеблясь приняла ислам - она торопилась, ибо могла родить детей, а они должны были стать законными наследниками султана!
Путем множества интриг, умелого обольщения Сулеймана, взяток евнухам и клятвенных обещаний всемерной поддержки кызлярагассы в случае удачи Роксалана добилась своего и стала женой падишаха. Своего первенца она назвала Селимом - в честь предшественника ее мужа, султана Селима I (1467-1520 гг.), прозванного Грозным. Роксалана очень хотела, чтобы ее маленький златокудрый Селим стал таким же, как его старший тезка. Но от желаний до их исполнения - ужасающая пропасть!
Стремясь всячески упрочить свое положение, Роксалана родила Сулейману еще двух сыновей и дочь. Но наследником престола по-прежнему официально считался Мустафа - старший сын первой жены падишаха, красавицы-черкешенки Гульбехар. Она и ее дети стали смертельными врагами властолюбивой и коварной Роксаланы.
Временами гарем вообще очень напоминал серпентарий - в борьбе за свое положение женщины разных рас и национальностей вели себя словно сцепившиеся в клубок ядовитые змеи!
Анастасия-Роксалана вела свою интригу методично и изобретательно, не спеша, но поторапливаясь, дабы не упустить решающий момент. Внешне она постоянно проявляла любовь и заботу о повелителе, сумев стать ему очень нужной. Но как бы она ни была умна, красива, желанна и любима, даже падишах не мог безнаказанно нарушать обычаи. Да и хотел ли он этого, имея сотни удивительных красавиц в гареме? Ведь никто не мог и слова сказать ему поперек!
Лисовская прекрасно понимала: пока ее сын не станет наследником престола или не сядет на трон падишахов, ее собственное положение постоянно находится под угрозой. В любой момент Сулейман мог увлечься новой красивой наложницей и сделать ее законной супругой, а какую-нибудь из старых жен приказать казнить: в гареме неугодную жену или наложницу живьем сажали в кожаный мешок, кидали туда же разъяренную кошку и ядовитую змею, завязывали мешок и по специальному каменному желобу спускали его с привязанным камнем в воды Босфора. Провинившиеся считали за счастье, если их просто быстро удавят шелковым шнурком.
Поэтому Роксалана очень долго готовилась и начала активно и жестоко действовать лишь по прошествии почти пятнадцати лет!



Леди смерть

Пока Роксалана плела свои любовные сети, расставляла хитрые ловушки и туго закручивала пружину кровавой интриги, за стенами гарема происходили серьезные события. Султан Сулейман получил прозвание Кануни (Законодатель), за создание свода законов, направленных на защиту интересов феодалов и закрепление неимущих крестьян за их земельными участками, как правило, принадлежавшими помещиками. Фактически это было введением крепостного права. А вырваться из удушающей петли зависимости позволяло только участие в завоевательных войнах - турки поголовно становились заинтересованными в ведении войны!
Сам Сулейман вел многие победоносные войны, по примеру предков расширяя пределы Османской империи - он захватил половину Венгрии, значительную часть Грузинского царства, оккупировал всю Месопотамию, взял Йемен, Триполи и Алжир. В Европе его уже называли Великолепным и вполне обоснованно боялись ужасающего турецкого нашествия, подобного нашествию Батыя или Чингиза.
Тем временем Лисовская начала претворять в жизнь далеко идущие и страшные планы по захвату власти. Ее дочери исполнилось двенадцать лет, и она решила выдать ее замуж за... Рустем-пашу, которому уже перевалило за пятьдесят. Зато он был в большом фаворе при дворе, близок к трону падишаха и, самое главное, являлся кем-то вроде наставника и «крестного отца» наследника престола Мустафы - сына черкешенки Гульбехар, первой жены Сулеймана.
Дочь Роксаланы выросла похожей лицом и точеной фигурой на красавицу-мать, и Рустем-паша с большим удовольствием породнился с султаном - это очень высокая честь для придворного. Но прелестная девушка оказалась весьма глупа и полностью подчинялась воле хитрой и коварной матери: женщинам не возбранялось видеться, и султанша ловко выведывала у дочери обо всем, что творилось в доме Рустем-паши, буквально по крупицам собирая нужные ей сведения. Наконец, Лисовская решила, что пора нанести смертельный удар!
Во время свидания с мужем Роксалана, имевшая немалое влияние на падишаха за чет своих женских чар, по секрету сообщила повелителю правоверных о «страшном заговоре». Милостивый Аллах сподобил ее вовремя узнать о тайных планах заговорщиков и позволил предупредить обожаемого супруга о грозящей ему опасности: Рустем-паша и сыновья Гульбехар задумали лишить падишаха жизни и завладеть троном, посадив на него Мустафу!
Интриганка хорошо знала, куда и как ударить - мифический «заговор» был вполне правдоподобен: на Востоке времен султанов кровавые дворцовые перевороты являлись самым обычным делом. К тому же Роксалана приводила как неопровержимый довод подлинные слова Рустем-паши, Мустафы и других «заговорщиков», которые слышала дочь Анастасии и султана. Поэтому зерна зла упали на благодатную почву крайней подозрительности деспота, неусыпно охранявшего свою власть!
Рустема-пашу немедленно взяли под стражу, и началось следствие: пашу страшно пытали. Возможно, он оговорил себя и других под пыткой. Но даже если он молчал, это только утвердило падишаха в действительном существовании «заговора». После пыток Рустема-пашу обезглавили. Юная дочь Роксаланы стала вдовой государственного преступника, но ее мать это нисколько не занимало!
Она жаждала поскорее разделаться с Мустафой и его братьями - они были препятствием на пути к трону первенца Роксаланы, рыжего Селима, и уже поэтому просто обязаны были умереть! Постоянно подстрекаемый женой, Сулейман вынужденно согласился и отдал приказ умертвить своих детей! Пророк запретил проливать кровь падишахов и их наследников, поэтому Мустафу и его братьев удавили зеленым шелковым витым шнурком. Гульбехар сошла с ума от горя и вскоре скончалась.
Но восточной «леди Макбет» оказалось мало этой крови! В принципе, все грязные приемы борьбы за власть традиционно повторялись во все времена у любых народов. Не стала исключением и Турция XVI века: неглупый и образованный падишах Сулейман со временем сделался игрушкой в руках коварной, хитрой и кровожадной женщины. Правда, она была удивительно прекрасна внешне, но страшное зло принимает любые обличья, продолжая при этом оставаться ужасающим злом.
Даже нищие Стамбула не верили в виновность верного трону Рустем-паши. Жестокость и несправедливость сына поразили валидэ Хамсе - мать падишаха Сулеймана, происходившую из рода крымских ханов Гиреев. При встрече она высказала сыну все, что думает о «заговоре», казни и любимой жене сына Роксалане. Нет ничего удивительного, что после этого валидэ Хамсе, мать султана, прожила меньше месяца: Восток знает толк в ядах! А Лисовской лучше было не становиться поперек дороги! Она не пожалела бы и родную мать, не только свекровь!
Наконец, все задуманное почти свершилось - Роксалану объявили первой женой, а Селима наследником престола. И тут, дабы обрести полную уверенность, что власть не ускользнет из рук ее сына, Роксалана приказала убить его родных братьев, то есть других своих сыновей! Обычно нежелательных претендентов на престол падишахов топили в Босфоре - кровь султанов не проливали на грешную землю.
Жаждавшая новых гарантий власти султанша пошла еще дальше: она повелела отыскать в гареме и по всей стране других сыновей Сулеймана, которых родили жены и наложницы, и всех их лишить жизни! Как оказалось, сыновей у султана нашлось около сорока человек - всех их, кого тайно, кого явно, убили по приказу Лисовской. Есть ли в истории другая такая же кровожадная и смертоносная женщина, как идеализированная украинскими писателями и кинематографистами Роксалана - Анастасия Лисовская?! Другой такой женщины, совершившей столько убийств, нет в истории ни одной страны! Даже знаменитая китайская императрица Ци-Си всего лишь жалкая девчонка рядом с Лисовской.
Сорок лет была Роксалана женой Сулеймана Великолепного. Она долго и умело создавала себе славу покровительницы искусств и самой образованной женщины мусульманского Востока. Умерла лицемерная и жестокая султанша своей смертью, оставив мужа вдовцом. Ей уже не удалось увидеть, как ее сын взошел на трон, став султаном Селимом II. Он процарствовал в Блистательной Порте после смерти отца всего восемь лет - с 1566 по 1574 год - и, хотя Коран запрещает пить вино, был жутким алкоголиком! Его сердце однажды просто не выдержало постоянных чрезмерных возлияний, а в памяти народа он остался как султан Селим-пьяница!
Такова правдивая история жизни Роксаланы - Анастасии Лисовской, которую теперь некоторые пытаются выдать за образец добродетели...
Рубрики:  История

Метки:  

Оружие кавалерии и офицерское оружие

Четверг, 29 Октября 2009 г. 18:37 + в цитатник
Это цитата сообщения Ретрофан [Прочитать целиком + В свой цитатник или сообщество!]

05. Оружие российской кавалерии и офицерское оружие



Новые времена и массовые армии требовали унификации оружия для ускорения и удешевления производства. Поэтому к 70-м гг. 19 века практически во всех странах пришли к выводу, что будет более рационально не разрабатывать отдельно специальное оружие для кавалерии, а модифицировать под нужды конников уже принятые на вооружение пехотные винтовки. Как правило, модифицирование заключалось в некотором уменьшении габаритов и массы, усилении креплений ствола и заплечного ремня, отказе от штыка (для драгун штыки оставлялись). Ствол кавалерийских карабинов был значительно короче пехотных винтовок, что естественно, снижало прицельную дальность выстрела кавалерийского оружия. Не избежала новых веяний и Россия. Все кавалерийское оружие, использовавшееся в войне 1877-1878 гг. фактически являлось модификациями пехотных винтовок.

Вооружение драгун
Большинство российских драгун в русско-турецкой войне были вооружены драгунскими винтовками Крнка, являвшимися точной, но немного укороченной копией пехотной винтовки этого конструктора.
 (699x198, 12Kb)
Все винтовки Бердан №1 были выпущены в пехотном варианте, поэтому кавалеристы этого оружия не получали. А вот при разработке винтовки Бердана №2 сразу же были спроектированы и кавалерийские ее варианты. Основным оружием драгун стала драгунская винтовка Бердана №2, который был немного короче пехотной винтовки. Внешне она фактически как близнец походила на исходный образец (поэтому иногда в иллюстрациях в книгах и журналах эти два «ствола» путают, делая неправильные подписи). Единственным внешним отличием «драгунки» от пехотной винтовки было разное крепление ремня: на пехотной винтовке он крепился антабками, а на «драгунке» пропускался сквозь прорези в ложе и прикладе. До начала русско-турецкой войны успели выпустить всего около 2400 «драгунок» Бердана, так что она не успела серьезно потеснить драгунский карабин Крнка; однако в ходе боевых действий кавалерия постепенно насыщалась Берданами, а после войны она стала основной винтовкой драгун. Так как драгуны предназначались не только для кавалерийского, но и для пешего боя, к их винтовкам прилагались штыки, которых не имели остальные виды кавалерии (по этой же причине уменьшение габаритов «драгунки» по сравнению с пехотной винтовкой было весьма незначительным).
 (697x118, 16Kb)

Вооружение улан и гусар
Уланы и гусары русской армии вооружались карабинами Бердана, которые были значительно короче и легче драгунской винтовки и не имели штыка. Дальность прицельной стрельбы из этого оружия была ниже, чем у пехотной или драгунской винтовок, зато они оказались мобильнее и удобнее для дальних переходов.
 (698x128, 11Kb)

Холодное оружие
Холодное оружие кавалерии к началу русско-турецкой войны стало более однообразным, чем в первой половине 19 века. В течение 50 – 60-х годов была завершена унификация кавалерийского оружия, начавшаяся еще в 40-е годы. Все роды кавалерии получили на вооружение единую драгунскую саблю обр. 1841 года, которая и стала основным видом холодного оружия российской армии.
 (698x132, 15Kb)

Вооружение казаков
Казаки получили свой, казачий вариант Бердана №2. Это был еще более облегченный и уменьшенный карабин, выглядевший совсем миниатюрно по сравнению с пехотной винтовкой, чтобы из этого оружия в случае необходимости можно было стрелять с одной руки. Характерной особенностью казачьего оружия было отсутствие предохранительной скобы вокруг спуска, а сам спуск имел восточную, а не европейскую форму (стальной шарик на стержне).
 (699x100, 9Kb)

Холодное оружие казаков
Подобно регулярной кавалерии, вооруженной теперь одним видом холодного оружия, казачьи части так же окончательно отказались от разнобоя в вооружении: теперь все казаки носили казачьи шашки обр. 1838 года. Это оружие отличалось от армейского отсутствием защитной дуги вокруг рукоятки и имело больший изгиб клинка, чем армейская сабля.
 (697x215, 39Kb)

Офицерское оружие
Российское руководство учло печальный опыт Крымской войны, в которой российские офицеры оказались фактически безоружными, и к началу новой войны оснастило офицеров самым лучшим оружием того времени. Речь идет о револьвере Смит-Вессон, который я уже описывал в рубрике «Мои предпочтения в оружии». Тем не менее, повторюсь (с некоторыми изменениями):
6-зарядный Смит-Вессон "Русская модель" обр. 1871 г. имел целый ряд преимуществ над самым популярным в то время в США  (477x312, 24Kb) револьвером Кольт "Писмейкер", недаром на Парижской международной выставке технических достижений он получил Золотую медаль! Это пусть несколько громоздкое (все же армейский крупнокалиберный револьвер!), но все равно элегантное и красивое оружие превосходило "Писмейкер" как по огневой мощи, так и по удобству обращения, и (главное!) по скорости перезаряжания. "Изюминкой" этого оружия стало одновременное экстрактирование всех отстреляных гильз: при "переламывании" револьвера пополам специальная звездочка рывком выбрасывала все пустые гильзы из барабана - в результате время перезарядки сократилось в 2-3 раза (в зависимости от сноровки стрелка).
В 1870 г русская армия, приняв решение о вооружении офицеров современным револьвером, остановила свой выбор на новом американском револьвере Смит-Вессон модели «америкэн» калибра .44. Первый договор на поставку 20 тыс. револьверов был подписан в мае 1871 года, однако выпуск этих образцов задержался из-за внесения в конструкцию некоторых изменений и улучшений. Усовершенствованные револьверы «русской» модели отличались наличием «пятки» – специального выступа в верхней части заднего торца рукоятки, который не позволял последней смещаться в ладони под действием отдачи. На предохранительной скобе появился дополнительный упор для среднего пальца. Но основное изменение произошло не с револьвером, а с патроном для него. Диаметр пули оригинального патрона .44 «смит и вессон» был несколько меньше диаметра канала ствола, благодаря чему пуля свободно входила в дульце гильзы. Русские инженеры снабдили патрон пулей увеличенного диаметра, поэтому, заказывая револьверы у фирмы «Смит и Вессон», они специально оговорили, чтобы каморы барабана высверливались чуть большими, чем у американской модели. В результате возросла масса пули нового патрона, а главное достижение – увеличение ее начальной скорости (с 650 до 750 футов в секунду) и точности боя оружия. Как следствие, останавливающее действие "русского" Смит-Вессона оказалось феноменально высоким. Общее количество револьверов, поставленных фирмой «Смит и Вессон» в Россию на основании нескольких контрактов, превысило 130 тыс. штук. В это число вошли 20 тыс. револьверов первой модели, 70 тыс. револьверов второй и 41 138 револьверов улучшенной «кавалерийской» модели. Вскоре производство Смит-Вессонов было налажено на тульских заводах. Таким образом, к началу войны 1877 года все российские офицеры без исключения были вооружены самым лучшим на тот момент револьвером мира!
В России Смит-Вессон стал очень популярен. Он с честью послужил Российской империи в русско-турецкой войне 1877-78 гг. (кстати, после этой войны битые нами турки запросили у американцев точно такие Смит-Вессоны, из которых их расстреливали русские). Когда же на вооружение был принят более легкий Наган, "Смит" не ушел со сцены; им вооружили полицию. Так что старичку пришлось еще пострелять и в 1-ю мировую, и в революциях, и в Гражданской войне. Более поздние, усовершенствованные модели Смит-Вессонов разных калибров широко разошлись не только по России, но и по всей Европе; там копированием этого оружия промышляли очень многие оружейные фирмы...
 (700x491, 45Kb)

Холодное оружие офицеров
Теперь все офицеры – и кавалерийские, и пехотные – были вооружены единообразными драгунскими саблями обр. 1841 года, уже описанными выше. Отличие их от солдатских заключалось только в лучшей отделке и украшении гравировкой. Исключение составляли только офицеры гвардейских кавалерийских частей, получавшие сабли в старинном стиле по родам кавалерии (это делалось, чтобы блеснуть на парадах, а не для войны, поэтому здесь это оружие рассматривать не будем).

 (698x132, 15Kb)
Рубрики:  оружие,техника

Метки:  

Сделать слайд-шоу

Четверг, 29 Октября 2009 г. 15:40 + в цитатник
Сделать слайд-шоу



Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх
Движение сверху вниз
Движение справа налево
Движение слева направо


Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении


Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх
 (600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение сверху вниз
 (600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение справа налево
 (600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)

Движение слева направо
 (600x200, 13Kb) (600x200, 14Kb) (600x200, 62Kb) (600x200, 33Kb)



Процитировано 1 раз

Дневник ЛиРу,как вставить флеш в пост

Четверг, 29 Октября 2009 г. 11:37 + в цитатник
Рубрики:  ЛиРу,Дневник
Web дизайн

Метки:  

Дизайн персонального сайта

Среда, 28 Октября 2009 г. 19:20 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн персонального сайта



Далее>>>
Рубрики:  Web дизайн
Web Dreamweaver

Метки:  

Шаг 10. Добавление контента (завершение работы)

Среда, 28 Октября 2009 г. 19:14 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 10. Добавление контента (завершение работы)



  • Копируем файлы фотографий, которые мы выбрали для оформления нашей web страницы и вставляем их в папку my_site, где уже находиться файл нашего сайта basic.htm.
  • Обычно используются файлы изображений в формате JPEG или GIF.
  • Самая большая фотография будет баннером на самом верху страницы. Учитывая ширину нашей страницы (750 px) размер банера: 700 х 80 px.
  • Количество и размеры фотографий определите сами, исходя из концепции вашего сайта.
  • Если не хотите, чтобы Ваша страница долго загружалась, не увлекайтесь слишком большими изображениями.
  • Итак, в отделении контента помещаем курсор сразу после тэга </div>, закрывающего отделение навигации нажимаем на клавишу Enter на клавиатуре компьютера и пишем:
<p>
<img src="banner.jpg" width="700" height="80">
</p>
  • Между тэгами абзаца <p></p> мы поместили фотографию, которая будет баннером сайта.
  • Тэг img используется для вставки файлов фотографий и рисунков. Тэг не имеет пары.
  • После параметра src= в кавычках пишем адрес (название) файла фотографии, в нашем случае: banner, после названия нужно обязательно поставить точку (.) и написать: jpg или gif. в зависимости от формата нашей фотографии, причем расширение файла формата JPEG пишется jpg и никак иначе.
  • После параметра width= в кавычках пишем ширину нашего файла в пикселях и после параметра height= высоту. Если открыть любую папку, в которой находятся файлы рисунков или фотографий и поместить курсор на иконку любого файла, то появиться примерно такой текст:
    Размеры: 700х80
    Тип: Рисунок JPEG
  • Так Вы можете узнать размеры и формат любой фотографии или рисунка.
  • Проходя Шаг 7 мы добавляли в документ текстовую информацию – был создан главный заголовок h1 и текстовый абзац между тэгами <p></p>. Давайте снова вернемся в отделение контента поместим курсор сразу после тэга </p>, закрывающего отделение этого абзаца и нажмем на клавишу Enter.
  • С новой строки напишем:
<h2>h2 Следующий заголовок</h2>
<p>
<img src="f_2.jpg" width="59" height="80" align="left">
Между тэгами p находиться текст абзаца. Достаточно выделить 
курсором и скопировать любой фрагмент текста и поместить его 
между тэгами p Вашей web-страницы. Этот фрагмент текста станет 
доступным для посетителей Вашего сайта.
</p>
<h3>h3 Следующий заголовок</h3>
<p>
<img src="f_3.jpg" width="63" height="50" align="right">
Между тэгами p находиться текст абзаца. Обратите внимание! 
Во избежание различных недоразумений, которые иногда возникают 
в связи с некорректной кодировкой,  возьмите себе за правило 
давать название файлам сайта исключительно на английском языке.
</p>
<hr/>
<p>Мой первый сайт © 2005 Все права защищены</p>
  • Тэг <hr/>- это горизонтальная линия в нижней части нашего документа.

P.S.

  • Нажмите на клавишу F12 на клавиатуре Вашего компьютера и посмотрите на то, что у Вас получилось.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 9. Добавление навигации

Среда, 28 Октября 2009 г. 19:12 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 9. Добавление навигации



  • Переходим в отделение контента, ставим курсор сразу после открывающего тега <div id=content> и нажимает на клавишу Enter на клавиатуре компьютера.
  • С новой строки пишем следующий код:
<div id=nav>
<ul>
<li><a href="news.htm">Новости</a></li>
<li><a href="collection.htm">Коллекция</a></li>
<li><a href="contact.htm">Контакт</a></li>
</ul>
</div>
  • Между тэгами <div id=nav></div> находиться селектор навигации.
  • Между тэгами <ul></ul> находится список элементов (кнопок сайта) селектора навигации.
  • Между тэгами <li></li> находится элемент списка (кнопка сайта со ссылкой на конкретную страницу сайта) селектора навигации.
  • Между тэгами <a href="имя_файла.htm"></a>, создающими ссылки на указанные в этой паре тэгов файл, пишем название кнопки, нажав на которую мы попадем на страницу сайта "имя_файла.htm", соответствующую названию кнопки.
  • Если сайт состоит из нескольких страниц, то файлы, которые мы будем создавать для каждой следующей страницы сайта, могут называться: news.htm, collection.htm, forum.htm и т.д.
  • Количество и название страниц Вашего сайта определите самостоятельно исходя из целей сайта.
  • Нажмите на клавишу компьютера F12 и посмотрите в Вашем браузере на то, что у нас получилось.
  • Не забывайте сохранять изменения документа.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 8. Навигация

Среда, 28 Октября 2009 г. 19:11 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 8. Навигация



  • Переходим в отделение стиля и с новой строки, после последнего правила, которое мы там записали (правило элемента h1) пишем серию правил, которые сформируют стиль навигации нашего сайта.
#nav {
font-size: 80%;
margin: 0;
padding: 5px 0 20px 10px;
border-bottom: 2px solid #666666;
background: #ccccaa;
}
#nav ul, #nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
color: #003366;
font-weight: bold;
float: left;
margin: 0 10px;
text-decoration: none;
}
#nav a:hover {
color: #ff6600;
border-bottom: 4px solid #cc0000;
padding-bottom: 2px;
background: transparent;
}
  • Элемент #nav – селектор навигации.
  • Строка border-bottom: 2px solid #666666; - нижняя рамка: сплошная линия толщиной два пикселя серого цвета.
  • Строка padding: 5px 0px 20px 10px; - поля отступа со всех четырех сторон внутри селектора #nav.
  • Элементы #nav ul, #nav li – это общее правило списка для селектора навигации #nav ul и элементов списка для селектора навигации #nav li. Кнопки навигации сайта будут находиться внутри списка ul, при этом каждая кнопка будет являться элементом списка li.
  • Строка display: inline; - где display это код способа отображения элементов, а inline заставляет элементы списка выстраиваться в строку. Если говорить русским языком, то этот параметр сообщает компьютеру о том, что навигация будет горизонтальной – в строку, а не вертикальной в столбик.
  • Строка list-style-type: none; - параметр list-style-type – определяет маркер для списка, а свойство none отменяет отображение маркера. Перед названием кнопки не будет стоять маркер в виде жирной точки или квадратика.
  • Элемент #nav a– правило ссылок между страницами сайта для селектора навигации.
  • Строка font-weight: bold; - толщина шрифта: жирный шрифт.
  • Строка float: left; - плавание (размещение) элемента: по левому краю.
  • Строка text-decoration: none; - текстовые эффекты отсутствуют.
  • Элемент #nav a:hover – правило для кнопок (ссылок) селектора навигации, при наведении на них мышкой стрелки курсора.
  • Строка padding-bottom: 2px; - поле нижнего отступа: два пикселя.
  • Строка background: transparent; - цвет фона: прозрачный.
  • Параметры, которые не прокомментированы, прочитайте самостоятельно, они уже упоминались в настоящем руководстве.
  • Итак, на этом мы закончили создание отделения стиля для нашего сайта.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 7. Добавление контента

Среда, 28 Октября 2009 г. 19:11 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 7. Добавление контента



  • Теперь мы переходим к следующему этапу – добавлению в документ текстовой информации, которая будет доступна для посетителей сайта.
  • Мы переходим в отделение body, где между тэгами «тела» документа <body></body> разметка будет осуществляться на языке HTML, в отличие от отделения стиля, отвечающего за оформление внешнего вида страницы, там мы делали разметку на языке CSS.

сайт, html, css Итак, ставим курсор сразу после тэга <body>, нажимаем на Enter и с начала следующей строки вставляем контент между тэгами HTML :

<body>
<div id=content>
<h1>h1 Главный заголовок сайта</h1>
<p>
Между тэгами p находиться текст абзаца. 
Вставьте между тэгами p свой контент. 
Достаточно выделить курсором и скопировать любой фрагмент 
текста и вставить его, при нажатой кнопке "Код" 
между тэгами p Вашей web-страницы. 
Этот фрагмент текста станет доступным для посетителей 
Вашего сайта.
</p>
</div>
</body>
</html>
  • Давайте теперь посмотрим на то, что у нас получилось глазами посетителя сайта.
  • На панели инструментов в меню в левом верхнем углу выбираем Файл, затем Предпросмотр в браузере, затем iexplore. Существуют и другие способы кроме этого, для того чтобы просмотреть страницу в браузере Вашего компьютера. Вы можете нажать на изображение земного шара, которое находится на панели инструментов ниже меню, а затем на Предпросмотр в iexplore или нажмите на клавишу F12 на клавиатуре Вашего компьютера.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 6. Оформление внешнего вида (продолжение)

Среда, 28 Октября 2009 г. 19:10 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 6. Оформление внешнего вида (продолжение)



  • Продолжаем задавать стиль нашей web страницы.
  • После правила элемента body с новой строки пишем правило для селектора content, в который мы вставим изображения и всю текстовую информацию и сразу после этого правила напишем правило для абзацев p и для заголовков: для заголовка h1, который будет главным заголовком нашего документа и для заголовков h2 и h3.
#content {
width: 750px;
background-color: #ede8da;
margin:10px auto;
text-align: left;
}
p {
font-size: 80%;
margin: 20px;
}
h1{
font-size: 115%;
color: #006600;
margin: 20px;
}
h2{
font-size: 105%;
color:#003366;
margin: 20px;
}
h3{
font-size: 95%;
color:#cc0000;
margin: 20px;
}
  • Позвольте Вам прокомментировать то, что у нас получилось.
  • Элемент #content – селектор содержания веб страницы. Правило этого селектора распространяются на все элементы структуры страницы, которые будут заключены в отделении контента, между парой тэгов
    <div id="content"></div>. Селекторам, перед которыми стоит символ решетки (#) в отделении «тела» документа, будет присвоено значение с помощью идентификатора id.
  • Строка width:750px; - ширина контента: 750 пикселей.
  • Строка background-color: #ede8da; - цвет фона нашей страницы.
  • Строка margin:10px auto; - размер полей внешнего отступа элемента content, со всех четырех сторон составляет 10 пикселей (auto – в зависимости от объема наполнения страницы текстовой и визуальной информацией).
  • Строка text-align: left; - выравнивание текста по левому краю.
  • Селектор элемента p – определяет стиль текстовых абзацев, которые размещаются на странице между тэгами <p></p>.
  • Строка font-size: 80%; - размер шрифта абзаца.
  • Строка margin: 20px; - размер полей внешнего отступа элемента p составляет 20 пикселей со всех четырех сторон.
  • Элемент h1 – определяет стиль заголовка h1, главного заголовка сайта. Я не буду комментировать параметры и размеры этого правила, прочитайте это правило самостоятельно.
  • Вам не кажется, что Вы уже начинаете читать кодовую разметку шаблонов сайта и понимать прочитанное?
Рубрики:  Web Dreamweaver

Метки:  

Шаг 5. Оформление внешнего вида веб-страницы

Среда, 28 Октября 2009 г. 19:09 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 5. Оформление внешнего вида веб-страницы



  • Пишем правило для элемента body между тэгами:
    <style type="text/css"></style>.
  • Параметры элемента body определяют, как «тело» документа (содержание страницы) будет отображаться на экране компьютера.

web страница, тэг, font family, сайт Ставим курсор сразу после тэга <style type="text/css">, перед закрывающим тэгом </style>.

font size, margin, padding Нажимаем на клавишу Enter на клавиатуре компьютера, после чего закрывающий тэг </style> переместится на одну строку ниже.

background color, веб страница Нажимаем еще раз на клавишу Enter, после чего тэг </style> перемещается еще на одну строку ниже, оставляя после себя свободную, пустую строку.

  • dreamweaver Ставим курсор в начало пустой строки и пишем кодовое слово body после которого ставим открывающую фигурную скобку ({)

Курсор должен находиться сразу после открывающей фигурной скобки (если Вы после написания фигурной скобки нажмете на клавишу пробел, то «фокус» не получиться), нажимаем на клавишу Enter, при этом появляется выскакивающее меню. В выскакивающем меню с помощью полосы прокрутки ищите и выделяете курсором font-family.

  • Нажимаем на клавишу Enter и программа автоматически печатает на нашей web-странице font-family:, при этом появляется еще одно выскакивающее меню, в котором мы выделяем курсором Verdana, Arial, Helvetica, sans-serif.
     
  • Нажимаем на Enter, на странице появляется Verdana, Arial, Helvetica, sans-serif, после чего нужно поставить точку с запятой (;).
  • В итоге у нас появилась следующая запись:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
  • Элемент font-family – тип шрифта.
  • Verdana, Arial, Helvetica, sans-serif – это шрифты, которыми будет напечатан текст страницы сайта. На самом деле мы выбрали шрифт Verdana, но шрифты всегда пишутся сериями, на случай, если на компьютере посетителя, который зайдет на наш сайт не будет установлен шрифт Verdana, то высь текст у посетителя будет воспроизводиться шрифтом Arial и т.д.
  • Продолжаем наше кодовое письмо, в конце только что написанной строки, ставим курсор сразу после точки с запятой и нажимаем на Enter и на следующей строчке пишем: font-size: 100%;
  • Элемент font-size – размер шрифта.
  • В нашем документе во всех элементах, где не указано иного размера, шрифт будет по умолчанию - 100%.
  • Не забывайте ставить в конце каждой строчки точку с запятой (;).
  • С начала следующей строки пишем: color: #666666;
  • Элемент color – цвет шрифта.
  • Код цвета шрифта - #666666 (темно-серый).
  • После того, как Вы напечатаете код color, должна появиться выскакивающая цветовая палитра, где Вы можете выбрать любой цвет для шрифта, который вам больше всего подходит. Для этого достаточно навести стрелку курсора на квадрат с понравившимся вам цветом, и кликнут левой кнопкой мышки. В результате кодовая запись цвета появится на вашей странице.
  • С начала следующей строки пишем: margin: 0px;
  • Элемент margin – размер полей внешнего отступа.
  • Значение размера - 0px.
  • На следующей строке пишем: padding: 0px;
  • Элемент padding - размер полей отступа со всех четырех сторон внутри элемента body. Размер внешних полей отступа равен нулю.
  • На следующей строке пишем: background-color: #666666;
  • Элемент background-color – цвет заднего фона, на котором будет находиться наша страница.
  • Код цвета заднего фона - #666666.
  • На следующей строке ставим закрывающую фигурную скобку (}).
  • Итак, у нас есть правило элемента body, находящееся между тэгами отделения стиля:

  • Вы можете просто набрать кодовый текст правила элемента body на клавиатуре компьютера в блокноте или в Windows.
  • Потом Вы можете скопировать набранный текст, а так же любой кусок кода или текста и вставить его в Вашу веб страницу.
  • Для копирования: выделяем курсором набранный текст, необходимый для размещения на странице, помещаем курсор на выделенный текст, щелкаем правой кнопкой мышки, в выскакивающем меню щелкаем, но уже левой кнопкой мышки на Копировать. Затем переходим в Dreamweaver на нашу web страницу, в режиме Код, ставим курсор между тэгами
    <style type="text/css"></style>, нажимаем правую кнопку мышки, в выскакивающем меню левой кнопкой мышки щелкаем Вставить. Все как в Windows.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 3. Сайт: создание директории и сохранение файла Web-страницы

Среда, 28 Октября 2009 г. 19:08 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 4. Сайт - задаем стиль



  • Итак, программа Dreamweaver запущена, файл basic.htm открыт, кнопка Код нажата.
  • Ставим курсор сразу после угловой скобки, которая закрывает тэг с кодировкой web страницы.
<meta http-equiv="Тип-содержимое" content="text/html;  
charset=windows-1251">
  • Нажимаем на клавиатуре компьютера клавишу Enter. Кодовое письмо сдвигается вниз на одну строку, при этом курсор оказывается в начале новой строки. Все как в Word.
  • Переводим регистр компьютера на английский язык.
  • Сейчас, я расскажу Вам о том, как можно использовать выскакивающее меню – Быстрого редактора тэгов, которое позволяет автоматически печатать на странице выбранный в этом редакторе тэг. Выскакивающее меню должно вызываться нажатием на клавиатуре компьютера клавиш Ctrl-T, но в русскоязычной версии программы Dreamweaver, при нажатии на эти клавиши меню не появляется. Поэтому необходимо более подробно осветить вопрос возможности использования выскакивающего меню Быстрого редактора тэгов в русской версии Dreamweaver.

сайт, dreamweaver, web страница Итак, курсор в начале свободной строки, которая находиться над строкой с тэгом </head>.

  • Печатаем открывающуюся угловую скобку (<). Появляется выскакивающее меню – Быстрого редактора тэгов.
  • Ищем с помощью полосы прокрутки и выделяем курсором в выскакивающем меню слово style и нажимаем на клавиатуре компьютера клавишу Enter. Слово style автоматически печатается на нашей странице.

Нажимаем на компьютере клавишу Пробел. Появляется еще одно выскакивающее меню. Опять выделяем курсором в выскакивающем меню, на этот раз, слово type и нажимаем на клавиатуре компьютера клавишу Enter. Слово type так же автоматически печатается на нашей странице и опять появляется следующее выскакивающее меню.

  • В очередной раз выделяем курсором в выскакивающем меню словосочетание text/css и жмем на Enter.

Словосочетание text/css напечатано.

  • Печатаем закрывающуюся угловую скобку (>), после чего должен автоматически напечататься тэг </style>, закрывающий данное правило.

  • В итоге всех этих манипуляций код страницы теперь должен выглядеть следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Мой первый сайт</title>
<meta http-equiv="Тип-содержимое" content="text/html;  
charset=windows-1251">
<style type="text/css"></style>
</head>
<body>
</body>
</html>
  • На Вашем компьютере код не должен отличаться от вышеизложенного кода.
  • Программа Dreamweaver похожа на Word. Вы можете при нажатой кнопке Код выделять курсором, копировать, вставлять или уничтожать практически любой текст.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 3. Сайт: создание директории и сохранение файла Web-страницы

Среда, 28 Октября 2009 г. 19:07 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 3. Сайт: создание директории и сохранение файла Web-страницы



создание сайтов, web страница, site  Итак, документ создан, кодировка windows-1251 – идем дальше.
На панели инструментов в меню выбираем Файл - Сохранить как.

  • Появляется диалоговое окно Сохранить как.
  • Нажать на галочку в текстовом поле Папка. Выскочит меню, в котором будут видны все директории Вашего компьютера. Необходимо выбрать место, где на компьютере будет храниться папка сайта. Например, в папке Вашего компьютера Мои документы.


  • html documents, htm, html, hta, htc, xhtml Щелкаем по папке Мои документы. Папка Мои документы появляется в текстовом поле Папка.

     
  • Щелкаем по значку с изображением открытой папки с красной вспышкой, который называется Создание новой папки, он находиться правее текстового поля Папка. Появляется новая папка. Мы должны ей дать название – например мой_сайт, но переведите регистр компьютера на английский язык и напишите название папки на английском языке - my_site.

Щелкните по папке my_site. Папка my_site появляется в текстовом поле Папка.

  • В текстовом поле Имя файла: напишите название файла: basic.


  • Нажать на галочку в текстовом поле Тип файла: - находиться в самом низу панели. Выскочит меню - выберите и щелкните следующий текст: HTML Documents (*.htm,*.html,*.hta,*.htc,*.xhtml).
  • В текстовом поле Имя файла: автоматически появится расширение файла и вместо basic там будет уже basic.htm
  • .
  • Нажимаем кнопку Сохранить. Файл сохранен.
  • После внесения любых изменений в web страницу не забывайте сохранять измененную страницу – в меню выберите Файл - Сохранить или нажмите на изображение дискеты со стрелкой на панели инструментов.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 2. Dreamweaver: настройка программы

Среда, 28 Октября 2009 г. 19:07 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 2. Dreamweaver: настройка программы



  • Если после создания страницы (Шаг 1) Вы обнаружили что вместо windows-1251 у Вас стоит другая кодировка, то пока не уничтожайте этот файл и пройдите полностью Шаг 2. Если кодировка «правильная», то пропускайте Шаг 2 и сразу приступайте проходить Шаг 3 >>>.

dreamweaver, html, xhtml Один из способов выставить кодировку - на панели инструментов в меню выбираем: Редактировать - Редактировать во Внешний редактор.
 

  • dreamweaver Открывается диалоговое окно Настройки.
  • В левом списке Category выбираем Новый документ.

dreamweaver Нажимаем на галочку в правом верхнем текстовом поле Тип документа и выбираем HTML. Нажимаем на галочку в текстовом поле Кодировка по умолчанию, которое находиться ниже, и выбираем Кириллица (Windows).

  • Ставим галочку в окошке Сделать документ совместимым с XHTML.


  • Нажимаем на кнопку ОК. Теперь Dreamweaver будет всегда по умолчанию использовать русскую кодировку windows-1251.
  • После того как Вы выставите «правильную» кодировку windows-1251, файл нужно будет уничтожить, нажав на изображения крестика х в правом верхнем углу панели инструментов.
  • После уничтожения файла с «неправильной» кодировкой Вам нужно будет опять пройти полностью весь Шаг 2 и создать новый документ, но уже с «правильной» кодировкой windows-1251.
Рубрики:  Web Dreamweaver

Метки:  

Шаг 1. Создание Web-Страницы

Среда, 28 Октября 2009 г. 19:06 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Шаг 1. Создание Web-Страницы



  • Запускаем программу Dreamweaver.

html, web-страница, графический редактор, dreamweaver, создание сайтов На панели инструментов в меню в левом верхнем углу выбираем Файл затем Новое.
Открывается диалоговое окно Новый документ.

  • dreamweaver В левом списке Категория выбираем Базовая страница.
    В центре появляется список Базовая страница.

dreamweaver В списке Базовая страница выбираем HTML.

  • html редактор Нажимаем кнопку Создать. Файл создан.

На панели инструментов ниже меню находятся три кнопки: Код, Оба и Дизайн. В данном руководстве мы будем создавать сайт в режиме Код. Графический редактор предусматривает создание сайта в режиме Дизайн, но сайты нужно создавать в кодовом режиме, а не в слепую. Делать сайты в режиме Дизайн - это просто полная ерунда. При создании web-страниц периодически возникают вопросы, которые могут быть решены только в режиме Код. Поверьте мне, освоение основ языка разметки html займет у Вас совсем немного времени, и тогда Вы всегда будите видеть то, что происходит на Вашей «кухне».

  • После создания сайта нажимаем на кнопку Код и ниже видим следующий текст:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Документ без имени</title><meta http-equiv="Тип-содержимое" content="text/html;  charset=windows-1251"></head><body></body></html>
  • Мы должны убедиться в том, что у нас стоит «правильная» кодировка windows-1251:
<meta http-equiv="Тип-содержимое" content="text/html;  charset=windows-1251">
  • Если Вы обнаружили что вместо windows-1251 у Вас стоит другая кодировка, то пока не уничтожайте этот файл и пройдите полностью
Рубрики:  Web дизайн
Web Dreamweaver

Метки:  

Работаем с изображениями

Среда, 28 Октября 2009 г. 18:52 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Работаем с изображениями




Рубрики:  Web дизайн

Метки:  

Изучаем HTML на примере реального сайта

Среда, 28 Октября 2009 г. 18:51 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Изучаем HTML на примере реального сайта




Рубрики:  ЛиРу,Дневник
Web дизайн

Метки:  

Навигация для сайта (PS+HTML+CSS)

Среда, 28 Октября 2009 г. 18:50 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Навигация для сайта (PS+HTML+CSS)



Во-первых, зайдите в фотошоп и создайте новый документ размером 600×200 pixels, с чёрным background-ом.
Создайте прямоугольник, размером 600×40 pixels, используйте Rectangular Marquee Tool (M) . Используя стиль “fixed size” вы можете задать размеры.

 

Далее>>>
Рубрики:  ЛиРу,Дневник
Web дизайн

Метки:  

Как создать сайт на основе шаблона

Среда, 28 Октября 2009 г. 18:49 + в цитатник
Это цитата сообщения FlashStudio [Прочитать целиком + В свой цитатник или сообщество!]

Как создать сайт на основе шаблона



  • Скачайте выбранный шаблон.
  • Извлеките папку с шаблоном из архива.
  • Файл index.html будет являться главной страницей сайта (ГЛАВНАЯ).
  • Определитесь, какие html-страницы будут на Вашем сайте.
  • На основе файла index.html создайте Ваши страницы, копируя файл index.html и переименовывая его согласно создаваемым страницам (например, contact, faq, about и т. д.).
  • Разместите созданные файлы страниц в ту же самую папку, в которой находится файл index.html
  • С помощью меню: горизонтального, вертикального и если имеется – меню внизу страниц (над футером) соедините гиперссылками страницы сайта и напишите названия кнопок меню (названия страниц сайта).
  • При этом обратите внимание на расширение страниц: info.html и info.htm – это страницы с разным расширением, ссылка на страницу, которая будет называться, например, НОВОСТИ (файл может быть назван news) может являться файлом news.htm, но записанный в тэгах как news.html не откроется.
  • В графическом редакторе создайте баннер для своего сайта, с такими же размерами, как и баннер шаблона.
  • Замените баннер шаблона на свой баннер, дав ему такое же название - banner, при этом расширение файла Вашего баннера, должно быть такое - же, как и баннера шаблона (JPEG или GIF), иначе вам придется производить изменения в файле стилей .css
  • Разместите графические файлы, которыми вы хотите оформить и заполнить ваши страницы в папку images.
  • Создайте тексты для размещения на страницах сайта в текстовом редакторе, например в Word, Вы потом будете просто копировать фрагменты текста и вставлять его на страницы сайта в соответствующие теги.
  • Начинайте заполнять страницы сайта текстовой и графической информацией, вставляя:
    - заголовки между тэгами: <h1-6>Текст заголовка (h1, h2, h3, h4, h5 или h6)</h1-6>
    - тексты абзацев между тегами: <p>Текст абзаца</p>
    - тексты списков между тегами: <ul><li>Текст пункта списка</li></ul>
    - изображения в теги: <img src="Ссылка на изображение">
    - ссылки в теги: <a href="Адрес ссылки">Текст ссылки</a> и т. д.
  • Таким образом, заполняйте страницу за страницей.
  • После того, как страницы сайта будут заполнены контентом (текстовой и графической информацией) протестируйте меню сайта и все гиперссылки – все должно открываться, исправьте все ошибки.
  • Определитесь с хостингом, на котором Вы будите размещать свой сайт в сети Интернет – это может быть как платный, так и бесплатный хостинг.
  • Выберите доменное имя для своего сайта, например, www.my_site.ru, если домен занят, подберите свободный домен.
  • Пропишите во всех ссылках абсолютный адрес до файлов страниц сайта с учетом доменного имени сайта. Допустим, есть страница КОНТАКТ (файл может быть, например, contact.html), и у Вас, например, домен www.my_site.ru, тогда все ссылки, которые ведут на страницу КОНТАКТ, в данном случае должны выглядеть следующим образом: http://www. my_site.ru/contact.html
  • При этом нужно помнить, что файл главной страницы сайта (страница ГЛАВНАЯ) должен всегда называться index
  • В зависимости от выбранного Вами расширения он может быть: index.html, index.htm и пр.
  • Но абсолютный адрес до файла главной страницы любого сайта будет выглядеть следующим образом: www.имя_домена.ru или http://www.имя_домена.ru, в примере, который рассматривался выше, абсолютный адрес до главной страницы сайта будет: http://www. my_site.ru
  • Если планируете разместить сайт на платном хостинге, оплатите выбранное доменное имя и услуги размещения сайта на выбранном хостинге.
  • И, наконец, выгрузите файлы сайта по протоколу FTP на выбранный хостинг.
  • Если вы ничего не перепутали и все правильно заполнили, если деньги, которые Вы перевели хостингу, наконец, дошли и, в конце, концов, зачислены в бухгалтерию хостинга...
  • Наберите в строке вашего браузера Ваше доменное имя (в нашем примере это http://www. my_site.ru), и нажмите клавишу Enter на клавиатуре Вашего компьютера...
  • В Вашем браузере, на экране Вашего компьютера откроется Ваш сайт.
  • Вы его видите его - он в сети Интернет!
Рубрики:  ЛиРу,Дневник
Web дизайн

Метки:  

Поиск сообщений в Краснофлотец
Страницы: 200 ... 64 63 [62] 61 60 ..
.. 1 Календарь