[arabic] komposer web design

Upload: hmasn

Post on 30-May-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/14/2019 [Arabic] Komposer Web Design

    1/49

    1

    Linux hacking 1 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    2/49

    2

    ...

    www.isecur1ty.org( )

    .

    . ... ... ... ( )

    .

    ...

    .

    ... 9.10

    .

    . .

    .. .

    [email protected]@hotmial.com

    [email protected]

    Linux hacking 2 12/31/2009

    http://www.isecur1ty.org/mailto:[email protected]:[email protected]:[email protected]:[email protected]:[email protected]:[email protected]://www.isecur1ty.org/
  • 8/14/2019 [Arabic] Komposer Web Design

    3/49

    3

    -________________________________________________________

    .....................................................................................................)12(.........................................................................................

    3(.....................................................................

    ..................................................................................)4

    5(...............................................................................

    6(................................................................................. 7(.....................................................................................

    8(.....................................................................................

    ...............................................................................)9

    10(.................................................................................

    11(................................................. 12(.................

    13(..................................................

    ...........................................................)14

    15(......................................................

    ..............................................................................................)16________________________________________________________

    Linux hacking 3 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    4/49

    4

    Html php,prel Html

    Html Html

    SplitSource.

    Compozer

    .. Gimp

    vb.

    php

    :

    .... html php.

    :

    html

    )... )

    .

    :

    :: html , css

    php , prel , python , asp ::

    html compzer

    Linux hacking 4 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    5/49

    5

    front page

    .

    fornt page

    Compozer Htmlcode Tabels

    Cells Code

    .

    Remote

    css..

    ubuntu ... .

    sudo apt-get install compozer

    ubuntu software center compozer programming

    1-applacation Internet Compozer

    2-application ...programming ..compozer

    Linux hacking 5 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    6/49

    6

    html code

    Linux hacking 6 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    7/49

    7

    ::html split

    Desing

    .

    Linux hacking 7 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    8/49

    8

    Split Split

    .Design

    Linux hacking 8 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    9/49

    9

    Preview

    Design

    Design Design

    Preview

    ::

    ite

    Manager local

    Remote

    Linux hacking 9 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    10/49

    10

    .

    Dom html css

    css +html

    Linux hacking 10 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    11/49

    11

    body

    java script

    head body) head

    body (

    Linux hacking 11 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    12/49

    12

    .

    Linux hacking 12 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    13/49

    13

    -

    --

    website

    ...

    .

    .1

    .

    .2

    gallrey header.swf.

    .3

    .

    Linux hacking 13 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    14/49

    14

    website........

    website Create Folder Right click

    - -

    Image

    Linux hacking 14 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    15/49

    15

    image Image Properties

    ..

    folder .1

    2.tooltip ( )

    Do nt Alternate text .3

    use alternate Text.

    Linux hacking 15 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    16/49

    16

    4.Image Preview

    Dimensions

    .

    1.Actual size

    30*40

    30*40

    2. custom size

    300*200 400*300

    3.width xels

    customsize

    4.Hieght custom size

    Linux hacking 16 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    17/49

    17

    5.Image preview

    Appearance

    .

    spacing

    1-left and Right

    2-Top and bottom.

    3-Scaling 10 .

    -Align4

    .

    link

    Enter

    .

    Linux hacking 17 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    18/49

    18

    folder .1

    html

    2.

    http://www.google.com

    .

    Linux hacking 18 12/31/2009

    http://www.google.com/http://www.google.com/
  • 8/14/2019 [Arabic] Komposer Web Design

    19/49

    19

    1..

    left and Right .2

    Top and bottom .3

    Scaling10 .4

    align .5

    Linux hacking 19 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    20/49

    20

    ::

    !

    ::

    10

    .

    9

    Linux hacking 20 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    21/49

    21

    tables 9cell 1 9 tables 2

    . cell

    tables

    tables

    Background.

    ::tables

    Linux hacking 21 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    22/49

    22

    insert tables

    Quickly

    6

    Linux hacking 22 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    23/49

    23

    .

    ::

    12) 6

    2 (Precisely

    Linux hacking 23 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    24/49

    24

    1-Rows

    2-columns

    3-width pixels ... %of

    window

    4-border 10

    Linux hacking 24 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    25/49

    25

    6.

    :: ..

    .

    Linux hacking 25 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    26/49

    26

    1.Rows 22. %of windows

    3.columns2

    4. Pixels

    5.Border 10

    6.Spacing

    7.Pandding Border 10

    8.Table Alignment Center ight

    Left

    Linux hacking 26 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    27/49

    27

    9.Table Caption Above table

    Right of table left of table

    10.Background color

    .

    Linux hacking 27 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    28/49

    28

    cells

    ! 4

    3

    .

    Table Cell Right click

    Properties

    ..

    Linux hacking 28 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    29/49

    29

    ColumnRow cell 2,3 .1

    2. Row

    revious 2

    raw 1

    1

    3. Next

    Next 1 Previous 2

    ( ) 3

    4.Height

    5.Width

    Linux hacking 29 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    30/49

    30

    2 1

    3,4

    6.7 Center

    Normal .cell style 8Header

    9 .warp )

    ( 4

    10.Background Color

    Linux hacking 30 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    31/49

    31

    ::

    2 3

    . ( )

    Linux hacking 31 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    32/49

    32

    ) Hyperlink ::( ( )

    .

    ::

    ::

    File

  • 8/14/2019 [Arabic] Komposer Web Design

    33/49

    33

    .Save

    select

    Linux hacking 33 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    34/49

    34

    1.

    2.

    Linux hacking 34 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    35/49

    35

    in same widow

    in new window

    )

    (

    ::

    Linux hacking 35 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    36/49

    36

    link

    Linux hacking 36 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    37/49

    37

    1 -http//:

    2 .

    --

    Compozer

    .

    1,2,3,4,5 .1

    .2

    .3

    4.

    5.

    .6

    Linux hacking 37 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    38/49

    38

    1.

    2.

    3 .

    4 .

    5 .

    6 .

    7 .

    . 8

    . 9

    . 10

    11

    Linux hacking 38 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    39/49

    39

    .1

    2. Font

    Linux hacking 39 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    40/49

    40

    .

    Publish

    Linux hacking 40 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    41/49

    41

    Site name .1

    2.http:: address of your home page

    index.html http://www.site.com/index.html

    3.publishing addressftp server

    4.Select Directory ftp

    5.Username ftp

    6.password ftp

    7.Save Password

    Linux hacking 41 12/31/2009

    http://www.site.com/index.htmlhttp://www.site.com/index.html
  • 8/14/2019 [Arabic] Komposer Web Design

    42/49

    42

    ..

    Fire fox Opera.

    Source

    java script

    )http://soft.vip600.com/modules.php?name=Java&op=listarticles&javid=1(

    Linux hacking 42 12/31/2009

    http://soft.vip600.com/modules.php?name=Java&op=listarticles&javid=1http://soft.vip600.com/modules.php?name=Java&op=listarticles&javid=1
  • 8/14/2019 [Arabic] Komposer Web Design

    43/49

    43

    Linux hacking 43 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    44/49

    44

    >/head>head

    1.

    .2

    .3

    >body

  • 8/14/2019 [Arabic] Komposer Web Design

    45/49

    45

    bodyhead&

    Linux hacking 45 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    46/49

    46

    Horizontal line

    Horizontal line Insert

    .

    Form Insert text Area

    Linux hacking 46 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    47/49

    47

    1. Field Name

    2.Rows

    3.Columns

    Insert

    FormDefine Button

    Linux hacking 47 12/31/2009

  • 8/14/2019 [Arabic] Komposer Web Design

    48/49

    48

    1. Button SubmitReset

    2. Name Login

    3. Value

    .

    1.http://www.youtube.com/watch?v=nE95Pa-VUcY

    2.http://www.youtube.com/watch?v=vq96JMtAHjw

    Linux hacking 48 12/31/2009

    http://www.youtube.com/watch?v=nE95Pa-VUcYhttp://www.youtube.com/watch?v=vq96JMtAHjwhttp://www.youtube.com/watch?v=nE95Pa-VUcYhttp://www.youtube.com/watch?v=vq96JMtAHjw
  • 8/14/2019 [Arabic] Komposer Web Design

    49/49

    49

    3.http://www.youtube.com/watch?v=UQIG0oiRR9Y

    4.http://www.youtube.com/watch?v=PkBciezhIdA

    :::

    html

    php

    ......

    ::

    nux Hacking

    http://www.youtube.com/watch?v=UQIG0oiRR9Yhttp://www.youtube.com/watch?v=PkBciezhIdAhttp://www.youtube.com/watch?v=UQIG0oiRR9Yhttp://www.youtube.com/watch?v=PkBciezhIdA