Balls and holes PC game / Balls and Holes PC игра
Сегодня
15 июля 2024
9:12
Вход Регистрация Забыли пароль ?

сайт webinformatic - Архив Новостей
              архив нов
подробнее...

Теги

сайты, игры, дизайн, продвижение, php, html, css, my sql, c++, delphi, photoshop, 3ds max, fl studio, трекерская музыка, уроки

Статьи сайта

урок / tutorial Direct3D 10 Урок 1 - Tutorial 1

игра / game Braid 2008 PC, EN - обзор игры

проекты, игры, уроки, видео, музыка, статьи, обзоры - страница 399

супер видео, костя коробкин комикс, проекты, игры, уроки, видео, музыка, статьи, обзоры - страница 400

выпуск 40 - познай свою реальность часть 1, веселый буквоежка игра, веселый буквоежка, webinformatic проекты, выпуск 39 balls on lift, balls on lift, balls on lift 2, bol 2, шарики на лифте часть 2, создание и доработка сайтов, выпуск 38 сайты, игры, уроки, видео, музыка, статьи, обзоры - страница 401

Выпуски 38 - 44 Посвященные созданию игры на движке fle game engine

Выпуски 44 - 47 Посвященные созданию сцен в игре и генераторам частиц - снег, дождь, звезды, красивые эффекты

Выпуски 47.2 - 54 Разноцветный снег, Звезды, обзор комиксов о Косте Коробкине, Костя Коробкин в гостях у тёти Светы часть 1, directx 9c 3d трансформации. Основы, история развития проекта мега информатик, bubbles music clip, bubbles music clip версия 2

Paulo iOS, Android game Kurage Studios

Slime Rancher | Windows, Mac, Linux | game | Monomi Park

Zombia | Windows | game | UnluckyGames

Job Simulator | VR, PS4 | game | Owlchemy Labs

Feudal Feud | Web, iOS, Android | game | Urubu Studio

Exoplanet: First Contact | Windows, Mac | game | Alersteam

Rex | ZX Spectrum | game | Martech Games Ltd UK, 1988

Crystall Kindom Dizzy | ZX Spectrum | game | ZXArt Russia 2017

Batman: The Movie | ZX Spectrum | game | Ocean Software Ltd UK, 1989

Harbinger - Convergence | ZX Spectrum | game | Cthonian Godkiller, 2016

Harbinger - Convergence part 2 | ZX Spectrum | game | Cthonian Godkiller, 2016

Metal Man Reloaded | ZX Spectrum | game | Oleg Origin (Россия), 9713

Saboteur II | ZX Spectrum | game | Durell Software Ltd UK, 1987

Quazatron | ZX Spectrum | arcade game | Hewson Consultants Ltd UK, 1986 Graftgold Ltd, Steve Turner

Arkanoid - Revenge of Doh | ZX Spectrum | arcade game | Imagine Software Ltd UK, 1988 Graftgold Ltd, Mike Lamb, Ronny Fowles, Gari Biasillo, Mark R. Jones

Indiana Jones and the Last Crusade | ZX Spectrum | arcade game | US Gold Ltd UK, 1989, Tiertex Ltd, Mark Haigh-Hutchinson, Blue Turtle, Mark Tait

Tapper | ZX Spectrum | arcade game | US Gold Ltd UK, 1985

Kwik Snax | ZX Spectrum | arcade game | Code Masters Ltd UK, 1990

Teenage Mutant Hero Turtles | ZX Spectrum | arcade game | Image Works UK, 1990

Skate Crazy | ZX Spectrum | arcade game | Image Works UK, 1990

Trashman | ZX Spectrum | arcade game | New Generation Software UK, 1984

Subacuatic Reloaded | ZX Spectrum | arcade game | New Generation Software UK, 1984

Phantis | ZX Spectrum | arcade game | Dinamic Software Spain, 1987

RoboCop 2 | ZX Spectrum | arcade game | Ocean Software Ltd UK, 1990

Amaurote | ZX Spectrum | game | Mastertronic Added Dimension, 1987

Ghouls 'n' Ghosts | ZX Spectrum | game | US Gold Ltd, 1989

Hotshot | ZX Spectrum | game | Addictive Games Ltd, 1988

Battle City 4 | ZX Spectrum | game | Epsilon, 2016

Mr. Vintik | ZX Spectrum | game | Termojad, 2016

Capitan Trueno | ZX Spectrum | game | Dinamic Software, 1990

Bobby Bearing | ZX Spectrum | game | The Edge, 1986

Ghost 'n Goblins | ZX Spectrum | arcade game | Elite Systems Ltd, 1986

Rallybug | ZX Spectrum | arcade game | Jonathan Cauldwell, 2008

Captain Planet | ZX Spectrum | arcade game | Mindscape International Inc, 1991

Hostages | ZX Spectrum | arcade game | Infogrames, 1990

игры онлайн | games online | play online | zx-spectrum games

Pippo | ZX Spectrum | arcade game | Mastertronic Ltd, 1986

Vinnie Vole's Existential Nightmare | ZX Spectrum | arcade game | Soren Micros, 2010

Comando Quatro | ZX Spectrum | arcade game | Zigurat Software, 1989

Wizball | ZX Spectrum | arcade game | Ocean Software Ltd, 1987

Cliff Hanger | ZX Spectrum | arcade game | New Generation Software, 1986

Sly Spy: Secret Agent | ZX Spectrum | arcade game | Ocean Software Ltd, 1990

splATTR | ZX Spectrum | arcade game | Cronosoft [2], 2008

Light Corridor, The | ZX Spectrum | arcade game | Infogrames, 1991

Underground | ZX Spectrum | arcade game | System 4, 1988

Navy SEALs | ZX Spectrum | arcade game | Ocean Software Ltd, 1991

Gonzzalezz | ZX Spectrum | arcade game | Opera Soft S.A., 1989

Justin | ZX Spectrum | arcade game | CNGSoft, 2007

  Уроки Верстки  
     
  Что такое верстка сайтов ?  
     
 

Если заглянуть в энциклопедию или справочник, то можно найти там такое определение:

в полиграфии и издательском деле - это процесс формирования страниц издания путём компоновки текстовых и графических элементов;

Верстка web-страниц - это то же самое с тем лишь отличием, что для представления внешнего вида страницы используется стандарт языка HTML.

 
     
 

Таким образом верстка Web-страниц или сайтов подразумевает создание внешнего вида этих страниц на языке HTML. Сверстанные страницы как правило не содержат функционал или содержат его минимум. Основная задача верстки - внешнее оформление и представление страницы.

Внутренние особенности работы - такие как обработка web-форм, обращение к базам данных, обработка и сохранение информации реализуются на других языках и к верстке не относятся.

В современных условиях, когда существует несколько стандартов языка HTML, обилие браузеров и платформ задачи верстки становятся достаточно объемны - это не только умение красиво и грамотно представить внешний вид страницы, но и обеспечить, чтобы эта страница корректно отображалась в большинстве известных браузеров.

 
     
  Способность страницы одинаково или максимально одинаково отображаться в распространенных браузерах - IE, FireFox, Chrome, Opera и Safari именуют кроссбраузерностью.  
     
  А вот корректность кода HTML на соответствие стандарту и в связи с этим также стремление к максимально правильному отображению в любых браузерах (естественно поддерживающих этот стандарт) именуют валидностью.  
     
 

Добиться того и другого бывает непросто, но возможно. Иногда помогает использование более простого кода, иногда спасает проба и смекалка. Но вот что примечательно - в лоб проблема не решается никогда. Как правило требуются очень изящные решения, на которые бывает натолкнуться непросто, именно поэтому я решил здесь не сыпать теорией, а приводить реальные примеры из практики.

Это будет полезно вдвойне - и мне и Вам. Мне - потому что я смогу поделиться с Вами своим опытом, а Вам - потому что Вы узнаете как решать конкретные задачи на реальных примерах.

 
     
  Ну что ж, случай первый: отображение дивов наложенных друг на друга поверх анимации flash  
     
 

Был сайт, для которого в шапке надо было разместить анимированный flash-ролик, а поверх него в правой части поместить форму поиска сверстанную на обычном html.

Код был написан такой, что содержал два дива, причём вложенные один в другой, т. е. что-то наподобие -

 
     
                    <ДИВ КЛАСС="f_top_title">
                        <ДИВ КЛАСС="f_qs_container">                        
                            <ДИВ КЛАСС="f_quick_search">
                            ЗАКР ДИВ
                        ЗАКР ДИВ
                    ЗАКР ДИВ
 
     
 

русскоязычные написания вам нужно в собственном коде переписать как англоязычные, т.е. ДИВ = div, а КЛАСС = class, ЗАКР ДИВ = </div>

здесь я их записал по русски, т. к. в противном случае редактор контента, в котором я писал эту статью преобразует их во внутренний html код страницы, который вы не увидите.

 
     
  Далее в css для этих классов был задан такой код -  
     
  .f_top_title {position: relative; top: 0; z-index: 1; height: 332px; background: #ffffff;}
.f_qs_container { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 340px;}
.f_quick_search { position: relative; top: 45px; left: 308px; z-index: 1000;  height: 285px; width: 313px; text-align: left;}
 
     
  В итоге во всех браузерах (IE, Firefox, Chrome, Safari) форма поиска отображалась где и положено, и только в Opera она была почему-то не на месте, а слева по краю контента страницы.  
     
  Однако решение как ни странно оказалось простым -  
     
  .f_qs_container { position: absolute; top: 0; left: 0; z-index: 999; width: 60%; height: 340px;}
.f_quick_search { position: relative; top: 45px; left: 308px; z-index: 1000;  height: 285px; width: 313px; text-align: left; float: right;}
 
     
  На этом маленьком примере видно, что задачей верстальщика на самом деле стало не столько оформление страниц сайта html и css кодом, сколько "борьба" с браузерами и выявление их скрытого поведения на одни и те же взаимозаменяемые html конструкции кода.  
     
  Вложенность ДИВов друг в друга  
     
 

Много раз я сталкивался с задачей позиционирования элементов на странице друг относительно друга. Заметим, что ситуация как раз напоминает решение предыдущего примера. Смысл задачи бывает следующий: даны несколько элементов или блоков, которые нужно разместить в некоторой части страницы в определенных её местах.

Первое что приходит в голову - это объявление их обычным тегом DIV и размещение один за другим с заданными при помощи position, либо при помощи margin или padding отступов. Однако в результате в разных браузерах блоки начинают вести себя не совсем так, как нужно. Они встают не на свои места, а иногда даже на взаимоисключающие друг друга позиции. Я, например, сталкивался с ситуацией когда в ИЕ блоки вставали прямо противоположно тому, как они были отображены в Firefox.

 
     
  Однако стоит вам выделить для нужных блоков отдельный большой блок, а сами эти блоки поместить в него, как задача сразу же решается словно бы сама собой. Т. е. если Вам никак не удается выровнять блоки в разных браузерах одинаково - попробуйте для всех этих блоков выделить отдельную область, создать её в виде большого блока, а более мелкие блоки размещать внутри большого. Тоже самое можно проделывать на уровне более мелких блоков - их можно размещать по принципу более мелкие в своём более крупном и так далее.  
     
  Несколько начальных уроков верстки - http://forum.megainformatic.ru/viewtopic.php?f=9&t=18  
     
     

 

 

Оставленные комментарии



Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
Время загрузки: 0,1926