26 августа 2012

JavaScript синтаксис, ключевые слова, операторы



  • все идентификаторы регистрозависимы,
  • в названиях переменных можно использовать буквы, подчёркивание, символ доллара, арабские цифры,
  • названия переменных не могут начинаться с цифры,
  • для оформления однострочных комментариев используются //, многострочные и внутристрочные комментарии начинаются с /* и заканчиваются */.

  • ;  точка с запятой в конце строки указывает на то, что строка JavaScript закончена. Без нее браузер решил бы, что команда продолжается на следующей строке.
  • Текст, видимый на странице, должен быть окружен двойными кавычками  (это, типа, обычные кавычки).  н-р:  document.write("Сегодня ")
  • одинарные кавычки (типа, апостроф вместо кавычек открывающих и еще один вместо закрывающих) для кода HTML внутри двойных.  н-р:   document.write("<FONT COLOR='RED'>Это красный текст</FONT>")
  • сочетание текста и команд требует знака «плюс» + между элементами.  н-р:  document.write("Сегодня " + Now.getDate()  +  Now.getSeconds()  +  
    " секунд.")
  • Объект и метод разделены точкой.



ключевые слова  и операторы в JavaScript:
каждый из них является ссылкой на описание самое себя.
часть описаний оказалась некорректна. их я заменила на более удачные, однако ссылки не убрала.
ежели кто, заглянув сюда, обнаружит ошибку или неточность, пожалуйста, пишите!

операторы, творящие чего-то там с битами я пока не разбирала и не переводила.




//

для оформления однострочных комментариев или превращения в коммент. одной строчки кода

/* */

многострочные и внутристрочные комментарии

+

Adds two values together or concatenates two strings into a single string.
добавление двух значений  одновременно или  связки двух строк в одну

-

Subtracts the value of a number from another number.
вычитание чисел

*

Multiples the values of two numbers.
умножение чисел

/

Divides a number by another number.
деление чисел

%

Divides a number by another number and returns the remainder.
"возвращает" остаток от деления одного числа на другое
                                                                                синтаксис: numberA % numberB
                                                                                пример:   myModulus = 11 % 2;
                                                                            //myModulus = 1; 

++

Increments the value of a number by 1.
увеличивает значение числа на 1. то же, что  +1
                                                                                синтаксис: number++  или  ++number
                                                                                пример:   var myNumber = 3;
                                                                            myNumber++; 
                                                                            // myNumber = 4;                                                                               

--

Decrements the value of a number by 1.
уменьшает значение числа на 1

- (unary - одинарный)

Changes the sign of a signed integer.
изменение знака целого числа на противоположный
                                                                                синтаксис: -number
                                                                                пример: var myNumber = 3;
                                                                                                                            -myNumber; // myNumber = -3;

=

Assigns a value to a variable or other object.
присваивает значение переменной или другому объекту

+=

Adds the value of the first item to the second item and assigns the total to the first item as a new value.
сумму прервого и второго присваивает первому в качестве нового значения
                                                                                синтаксис: valueA += valueB
                                                                                пример: var foo = 7;
                                                                                                                            var bar = 3;
                                                                                                                            foo += bar; //now foo = 10;


-=

Subtracts the value of the second item from the first item and assigns the total to the first item as a new value.
вычитает значение второго элемента из первого. полученный результат присваивается первому в качестве нового значения.

*=

Multiples the value of the first item by the second item and assigns the total to the first item as a new value.
перемножает значения первого и второго элемента. полученный результат присваивается первому в качестве нового значения.

/=

Divides the value of the first item by the second item and assigns the total to the first item as a new value.
значение первого элемента делится на значение второго.  полученный результат присваивается первому в качестве нового значения.

>>= !

Shifts the first item in binary representation the value of the second item of bits to the right, discarding bits shifted off, and assigns the new value to the first item.

<<=!

Shifts the first item in binary representation the second item of bits to the left, shifting in zeros from the right, and assigns this total to the first item.

>>>=!

Shifts the first item in binary representation the value of the second item bits to the right, discarding bits shifted off, shifting in zeros from the left, and assigns this total to the first item.

&=

Returns the value of the first item one in each bit position for which the corresponding bits of both operands are ones, and assigns the new value to the first item.

|=

Returns the value of the first item one in each bit position for which the corresponding bits of either or both operands are ones, and assigns the new value to the first item.

^=

Returns the value of the first item one in each bit position for which the corresponding bits of either but not both operands are ones, and assigns the new value to the first item.

&

Returns the value of the first item one in each bit position for which the corresponding bits of both operands are ones.
значени

|

Returns the value of the first item one in each bit position for which the corresponding bits of either or both operands are ones.
значени

^

Returns the value of the first item one in each bit position for which the corresponding bits of either but not both operands are ones.

~

Reverses the bits of the value.

<<

Shifts the first item in binary representation the second item of bits to the left, shifting in zeros from the right.

>>

No description provided.

>>>

Shifts the first item in binary representation the value of the second item bits to the right, discarding bits shifted off, shifting in zeros from the left

==

Returns true if both values are equal.
"возвращает"  - "верно", если два значения равны

!=

Returns true if the two values are not equal.
"возвращает"  - "верно", если два значения не равны

===

Returns true if both values are of the same type and are equal.
"возвращает"  - "верно", если оба значения одного типа и равны

!==

Returns true if the two values are either of different types or are different values.
"возвращает"  - "верно", если значения не равны, либо разного типа.

>

Returns true if the value of the first item is greater than the value of the second item.
"возвращает"  - "верно", если значение первого элемента больше, чем значение второго.

>=

Returns true if the value of the first item is greater or equal to than the value of the second item.
"возвращает"  - "верно", если значение первого элемента больше или равно, чем значение второго.

<

Returns true if the value of the first item is less than the value of the second item.
возвращает "верно", если значение первого элемента меньше значения второго

<=

Returns true if the value of the first item is less than or equal to the value of the second item. 

&&

Returns true if both the first and second expression evaluate to true.
возвращает "верно", если оба выражения верны

||

Returns true if either the first or second expression evaluate to true.
возвращает "верно", если одно из выражений верно

!

Inverts the boolean value of the expression.
инвертирует  булево значение выражения (меняет "верно" на "неверно" и наоборот)

, (запятая)

ну просто запятая. типа,  теперь делаем что-то А и что-тоВ

break

Breaks out of the current loop, switch, or labeled statement.
задает выход из цикла

const

Declares a read-only constant.
заявляет о констатне 

condition ? ifTrue : ifFalse

Evaluates an expression, and does the first statement if the expression is true, or the second statement if the expression is false.
определяет значение выражения. если оно верно, выполняет первый оператор, если ложно - второй. (Shortcut for the "if" statement.)

continue

In a while loop, jumps back to the condition statement. In a for loop, jumps to the update statement.

delete

Deletes an object, a property of an object, or an element in an array at the specified index.

do...while

операция выполняется, пока верно определенное выражение/условие
от порядка действий зависит результат:
      пример1: i=1
                        do {
                     document.write(i + ",");
                     i += 2;
                     } while (i < 20); //Alerts "i" until "i" reaches 20.
    присваивается значение переменной i
    выполняется операция (в данном случае печатается значение переменной)
    изменяется значение i
    проверка, удовлетворяет ли новое значение условию i<20
    если да - опять выполняется операция, нет - выход из цикла
      пример2: i=1
                        do {
                     i += 2;

                     document.write(i + ",");
                     } while (i < 20); //Alerts "i" until "i" reaches 20.
    присваивается значение переменной i
изменяется значение i
выполняется операция (в данном случае печатается значение переменной)
проверка, удовлетворяет ли новое значение условию i<20
если да - опять изменяется значение i и выполняется операция


export

Allows properties, functions, and objects from one script to be accessed by other scripts.

for


        пример: for(i=0;i<10;i++)
        doSomething();
                     после присвоения переменной начального значения
                     выполняется следующая строка, затем
                 выполняется операция с i  (в данном случае приращение )

                     затем проверка условия. если оно верно - выполняется тело цикла (следующая строка, к-рой здесь нет) 
                цикл выполняется пока переменная меньше 10.


for...in

Loops through the properties of an object.

function

Declares a function.

if...else

If the expressionA is true, executes statementA. If the expression is false, evaluates expressionB. If expressionB is true, executes statementB. Otherwise, executes statementC.

import

Imports properties, functions, and objects from a script that has exported them.

in

Returns true if the specified property name can be found in the specified object.

instanceOf

Returns true if the specified object is of the specified object type.

label

Labels a statement with an identifier.

let

Labels a statement with an identifier.

new

Creates an instance of an object type that has a constructor function.

return

Specifies the value to be returned by a function.

switch

Evaluates an expression, and executes the statement(s) associated with the appropriate case for the value of the expression.

this

Refers to the calling object of a property.

throw

Specifies an exception to throw when an error occurs.

try...catch

Tries to execute the tryStatment, and executes the appropriate catch statement if there is an exception.

typeof

Returns the type of the specified variable.

var

Declares a variable and sets its initial value (if specified).

void

Evaluates the specified expression without returning a value.

while

Executes a statement while the specified expression is true.
операция выполняется, пока верно определенное выражение/условие
  синтаксис:  while (условие)
                statement
  пример1: n = 0;
             while (n < 20) {
             n ++;
          doSomething(); //Will "doSomething" three times--until n is no longer less than three.
            }
если n<20, прибавляем единицу и выполняем следующую строку.
полученная последовательность будет начинаться с n+1,  

      пример2: n = 0;
          while (n < 20) {
       doSomething(); //Will "doSomething" three times--until n is no longer less than three.
          n ++;
         }
в этом примере  n+1  идет после выполнения doSomthing,
проверка n<20 - после n+1
  полученная последовательность будет начинаться с первого, присвоенного значения переменной

with

Temporarily modifies the scope chain of a statement.

yield

Generator that returns the value for each step in a loop.

08 августа 2012


Dreamweaver, html, html5 - справочники, уроки, подсказки - ссылки

скачать расширение HTML5 Pack для решения Dreamweaver CS5 :  Updaters and hot fixes for the following versions are available on this page

справочник по html отличный, удобный, с алфавитным указателем

на том же сайте материал по html5

02 июля 2012


ADOBE DREAMWEAVER
CS4- CS5

задание свойств CSS (настройка стилей) - CSS Rule definition
                                      
как разместить Div по центру

разница между Div и AP Div "An AP div is just a div that is
Absolutely Positioned."



Создание листов стилей в Dreamweaver: в этом уроке включено описание всех панелей и диалоговых окон Dreamweaver, предназначенных для решения этой задачи.

26 июня 2012



ADOBE FLASH как сделать кнопку ссылкой

                                          ADOBE FLASH
CS4- CS5
после того, как кнопка создана
в основной шкале ( там, где кнопка занимает 1 кадр, а не внутри символа)

 - F9 - открыть окошко Action Script 2 (в Action Script 3 этой команды, вроде, нет. создание ссылки там осуществляется как-то иначе. и не забыть, что AS2 и AS3 несовместимы)
 - щелкнуть по самой кнопке, так чтобы в верхней части окошка Actions появилась надпись Actions-Button (а не Actions-Frame)
 - добавить 
   1 on (release) {
   2 getURL("http://paragliding-macedonia.com/competitions/czech-open-2012/news-results/", _blank);
   3 }
синеньким выделена интернет-ссылка для примера
_blank   открывает ссылку в новом окне. без него откроется в том же.



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

если перейти нужно на страничку строящегося сайта, нужно задать ее адрес, н-р:
file:///C:/Users/Vika/Documents/ucheba_CS5/Itsuv/gmar/KesemShakuf_site/basic_page3.html
короче, в какой папке она хранится, и где эта папка находится.
что делать, если эта папка должна быть перемещена, я пока не уверена, но, поскольку флеш-кнопка будет находиться так же внутри "корневой папки", скорее всего достатьчно будет задать внутренний адрес.

у вопроса есть решение:

как правильно писать ссылки
ссылки бывают абсолютные и относительные
абсолютная ссылка - это подробное перечисление куда и через где пойти, чтобы что-то взять.
в ActionScript2 такая ссылка будет выглядеть так:

getURL("file:///C:/Users/Documents/ucheba_CS5/Itsuv/gmar/KesemShakuf_site/html/gift_home.html", _blank);

getURL("file:///с какого диска/у какого юзера, если их несколько/папка/папка2/папка3/.../корневая папка сайта/в ней папка html/имя странички.html", _blank);


относительная ссылка на ту же страничку под именем gift_home.html выглядит покомпактнее:

getURL("html/gift_home.html", _blank);

и будет работать на любом компьютере.
правда, стоит уточнить, что при проверке кнопки в программе Flash, т.е. до того, как мы ее успели разместить на нужной странице, ссылка не сработает.
для того, чтобы разобраться, как оформлять адрес, если исходная страница (тс, с которой мы ссылаемся) находится на ином уровне, чем страница/ресурс на который нужно перейти,  стоит прогуляться по двум нижеприведенным ссылкам:

общее описание для ActionScript2

что такое URL адреса, относительные и абсолютные ссылки

принцип построения относительных и абсолютных ссылок в html


24 июня 2012

Dreamweaver - самое начало


ADOBE DREAMWEAVER
CS4- CS5
ура! добрались до построения сайтов
только самых простеньких, на большее времени не хватит, но все равно хорошо



здесь можно скачать самоучитель по Dw CS3 уж не знаю, стоит ли, нет ли

подготовка рабочего пространства:

первым делом нужно создать папку, так называемый ROOT FOLDER (корневую, основную).  ну и обозвать как-нибудь - н-р, по названию будущего проекта.
папку можно разместить там, где нам будет удобно (лишь бы знать, где).
в ней должно находиться  предположительно еще 4 папки

естественно, содержимое для папок image и flash нужно подготовить заранее  - фотографии нужных рвзмеров, иллюстрации, кнопки, тексты, флеш ролики... в любой папке могут быть дополнительные папки для удобства. temp папка для временных  (н-р недоработанных) файлов, к-рые в будущем будут доделаны и перемещены в одну из основных папок, либо удалены.



открываем программу:

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

открывшийся экран разделен на две части. в CS4 на верхнюю и нижнюю, а в CS5 на правую и левую: в левой части находится html код, автоматически пополняющийся по ходу эволюции создаваемой интернет-страницы. в него вполне можно вмешиваться - ежели знать, как. так что надо бы начать разбираться
пока же можно в левом верхнем углу основного окна найти кнопочки: code - на экране будет только окно с кодом;
                    split - экран разделен пополам;
                    design - экран открыт без кода


в правой верхней части окна стоит поменять режим Designer 
на более удобный Classic 

создать новый сайт:

Site -          New Site

в CS4это окошко выглядит несколько иначе, но суть та же: перейти в Advanced  Settings, дать новому сайту название и загрузить заранее подготовленную "корневую" папку - ROOT FOLDER

Window -                     Files

в этом окошке мы видим ROOT FOLDER
файлы из этого окна можно открывать или просто перетягивать в основное окно

создание html страниц:

установить курсор на нужную папку (скорее всего на папку html) и нажать на правую кнопку мышки: New File. непременно задать название и убедиться, что оно заканчивается расширением . html 
для удаления чего-либо, в меню правой кнопки мышки выбрать Edit - Delete

кстати, главную станичку сайта  Home page мы назовем index.html  и помещать в папку html не будем - эта цаца будет проживать в основной папке, чтобы в дальнейшем, при загрузке сайта компьютеру было легче ее найти. 

























09 мая 2012

интересные уроки из и-нета

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




Загибающийся флеш-уголок для сайта.


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



50 креативных портфолио сайтов.

От автора: "Создание своего личного портфолио сайта, возможно, одно из самых сложных заданий, которое вам придется делать. Вы сами себя критикуете и, что бы ни было сделано, вы всегда хотите это изменить и сделать еще лучше.
Для вдохновения взгляните на эти портфолио сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов"

«Блог о веб-дизайне» - еще не смотрела.


построение тени1 - удачный и простой урок о посторении тени, ее правильном расположении
построение тени2 - продолжение. тот же автор.


тени - василий пирогов. От автора: "цель этого урока показать тени, которые похожи на реальные, применимы для дизайна сайтов и которые не надо рисовать по 5 часов."



Создание градиентной маски расписано по пунктам + пример. и аналогичный урок 2012


След от MovieClip'а тающий след движущегося объекта.