Äîêóìåíò âçÿò èç êýøà ïîèñêîâîé ìàøèíû. Àäðåñ îðèãèíàëüíîãî äîêóìåíòà : http://uneex.mithril.cs.msu.su/static/MethodBooks_Web/Web.pdf
Äàòà èçìåíåíèÿ: Mon Sep 26 12:35:44 2011
Äàòà èíäåêñèðîâàíèÿ: Mon Oct 1 22:37:22 2012
Êîäèðîâêà:
Ïîèñêîâûå ñëîâà: mdi


..

- Bluefish Quanta Plus ( -)

2008


383

.. Bluefish Quanta Plus ( ): . ­ : 2008. ­ 74 .

, - Quanta Plus Bluefish. -, ( ), , -, , . «» , .


.. . - ...


.......................................................................................5 .............................................................................................7 1. Quanta Plus.............................................9 1.1. ..............................................................................................................10 1.1.1. ....................................................................................................................11 1.1.2. ..................................................................................................11 1.1.3. ........................................................................................13 1.1.4. .............................................................................................16 1.1.5. ................................................................................17 1.2. .........................................................................................18 1.2.1. HTML-...............................................................................18 1.2.2. HTML- ..............................................................................18 1.2.3. HTML- ..........................................................................18 1.3. HTML-..............................................................18 1.4. ......................................................................................20 1.4.1. , , ......................................................................20 1.4.2. .....................................................................................................23 1.4.3. , , .....................................................24 1.5. , .........................................................................26 1.5.1. ........................................................................................26 1.5.2. .........................................................................................27 1.5.3. -, ....................................................28 1.6. , ......................................................................................................31 1.6.1. .................................................................................................31 1.6.2. ...............................................................................................33 1.7. ..................................................................................................................34 1.7.1. .............................................................................................34 1.8. ....................................................................................................................35 1.8.1. .......................................................................35 1.9. ..................................................................................................................37 1.10. ...............................................................................38 2. Bluefish..................................................40 2.1. Bluefish........................................................................................................40 2.2. ..............................................................................41 2.2.1. ..................................................................................................41 2.2.2. ..........................................................................42 2.2.3. ..................................................................................................43 2.2.4. ..............................................................................................45 2.2.5. ....................................................................................................45 2.3. ................................................................................47 2.3.1. ................................................................................................47 2.3.2. .....................................................................................47 2.3.3. ................................................................................................48 2.3.4. ...........................................................................................50 2.3.5. ..................................................................................51 2.3.6. ...............................................................................................51 2.3.7. ...............................................................................................52
3


.. . - ...

2 2

2 2

2 2 2 2 2 .4. .5. 2 2 2 2 2 .6. .7.

.3.8. .................................................................................................. .3.9. ....................................................................................... .3.10. ...................................................................................... .3.11. .................................................................................... .3.12. ........................................................................................ ................................................................................................................. ................................................... .5.1. .............................................................................................. .5.2. HTML ............................................................................ .5.3. ........................................................................................... .5.4. .............................................................. .5.5. ............................................................................................................. Bluefish................................................................................................. - ...............................

53 53 54 54 54 56 58 58 58 59 61 62 63 64

.....................................................................................66 ..........................................................................................70 ..........................................................................72

4


.. . - ...


- Linux: Quanta Plus Bluefish. (). . , , -. -: , , , , . . - Quanta Plus. Quanta Plus (F1 ), KDE -. , , , . HTML , , , , , , , - . Quanta Plus . , - OpenOffice.org Writer. - , . . Bluefish. Bluefish , , ­ . , - . Bluefish , Quanta Plus, , , , .
5


.. . - ...

. Bluefish , - . : (, , ) , , ; ; ( , ). -, , , , . - -. ( ), : Quanta Plus 3.5.8 Bluefish 1.0.5. : , , . . - , ; Google.com. HTML [1, . 21-22]. : · - , , , . ; · « » , . , , , : spo_method_support@armd.ru.

6


.. . - ...


(World Wide Web, « ») , , , , , , -. - ( . website, web ­ site ­ «») ­ -, ( ) HTTP/HTTPS [3]. -. HTML (HyperText Markup Language) [1,2] [20, 21]. : · ; · , , , , ; · ; · , .; · , ; · HTML- ; · . ­ PHP, Python, Perl. -, PHP, , . , HTML , -. , - . CSS . HTML. HTML , ­ . . () (, "/"). , -: [3, 21]. -
7


.. . - ...

­ ( Javascript). , , . HTML- (, ff0000 ­ ). , (IP-, , 82.200.16.13 , , tspu.edu.ru). , ( ) . - ­ ( . browser -- ). Microsoft Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera. , . ( java-) Opera Mini, (4- ) - . - ( ) . Lynx, Linux . Lynx HTML-, . , Lynx - [4]. -. .

8


.. . - ...

1. Quanta Plus
Quanta Plus ­ , , -, CSS , W3C [5]. W3C, ( . World Wide Web Consortium) ­ , , . , , , . () ­ KDE kdewebdev ( ). HTML- HTML, , , , - . Quanta Plus, -- -- Quanta Plus (. 1).

. 1. Quanta Plus

9


.. . - ...

1.1.
- Quanta Plus (Multiple Document Interface, MDI). : , . , , . . , , , Quanta Plus. , , , , . ­ , - ­ , .. . ­ , . , CSS, . , . , , . Quanta Plus (. 2): 1) ; 2) ( ); 3) ; 4) ; 5) .

10


.. . - ...

1 3 2

4

5

. 2. Quanta Plus

1.1.1.
(. 3) (, , .). (, , , ...) , KDE. (/) , , , . Ctrl + M. . 3. Quanta Plus

1.1.2.
Quanta Plus . , , , .
11


.. . - ...

. (. 4) , , , , , .

. 4. , HTML . ,

, , . , , (. 5).

. 5.

12


.. . - ...

1.1.3.
· · · · · · , . / ­ , . , . (. 6) , html-: , , . , , ,

, (. . 1.4.2).

. 6. (. 7) ( 1- 5- ), , , , (CSS).

. 7. (. 8) ( ) , , , . .

13


.. . - ...

. 8. (. 9) HTML- -- , .

. 9. (. 10) - -- , , , ..

. 10. , (. 11) , , : /, , , ( , "" .). @ @ [11].

. 11. -- , . Quanta Plus . , : ( , ); (. 12), ; (). , , ( ).

14


.. . - ...

. 12. ( ) . 12 . (. 6, ). ( ) . , . : ­ ... : ­ .... ... ( ). . ( ), " ", , . . , . . KMail. ,
15


.. . - ...

Quanta Plus.

1.1.4.
(. 2, 4). , , , , , , , . . -- . ( , ). , , . ­ Quanta Plus. . Quanta Plus ­ . ­ , . , . , ­ , , . . , , , .. . , . .
16


.. . - ...

. -. , , Quanta Plus · HTML (http://prdownloads.sourceforge.net/quanta/html.tar.bz2) · CSS (http://prdownloads.sourceforge.net/quanta/css.tar.bz2) · PHP (http://prdownloads.sourceforge.net/quanta/php.tar.bz2) · JavaScript (http://prdownloads.sourceforge.net/quanta/javascript .tar.bz2) , .

1.1.5.
Quanta Plus ­ , (. 13). , . . . - .

. 13. Quanta Plus

17


.. . - ...

1.2. 1.2.1. HTML-
. HTML- ­ (Ctrl + N). . Untitled1 (1). , .

1.2.2. HTML-
HTML- ­ ... (Ctrl + O), (HTML-, CSS-, PHP-, XML-) . , .

1.2.3. HTML-
HTML- ­ (Ctrl + S) ­ .... . , . : · (); · ( ); · ( ). HTML. ... .

1.3. HTML-
- . . . . . -
18


.. . - ...

, . . ­ (. 14): · DTD ( . Document Type Definition ­ ); · ; · Meta-; · ( UTF-8 CP-1251); · ; · CSS ( ); · PHP.

. 14.

19


.. . - ...

: HTML (charset) utf-8 , utf-8 cp-1251. BODY.

1.4.
: 1. , , . : , , , , , . 2. .

1.4.1. , ,
, (. . 1.1.3). , [2]. Quanta Plus ( «<») , , , FONT ­ ( «», «» Enter). ­ «>», , , , . (. 15).
20


.. . - ...

. 15. FONT FONT, «». , : · color () 1 16 , . ( ) , face. · face () , Times New Roman, .

size () . . , +5, +4. (. . 2) Ctrl + E. - : · ,

H · (, italic), Quanta Plus < em > · (bold), Quanta Plus ­ · (underline) : Quanta Plus v.3.5.8 . ( ), . , , , .. , ­ .
22


.. . - ...

, , -- (. 16).

.16.

1.4.2.
, align. , DIV: ·
·
·
· ( )
(.17):

23


.. . - ...

. 17.

1.4.3. , ,
( )

( . paragraph). align, , DIV:

. ,
.
: , , [20].
( . break). , , , . , . , , . : « ». , , , .
24


.. . - ...

sotrudnik.html , , . (.18).

. 18.

25


.. . - ...

1.5. , 1.5.1.
HTML- ­ ­ ... (. 19). . .

. 19. · , · · ( ,
·

src="../photo1.jpg" width="512" height="384" hspace="20" vspace="5" alt=" .."

26


.. . - ...

) · ( , border="1" ) · align="left" , HTML , : .. JPEG PNG. «». GIF-, . : Ctrl + E.

1.5.2.
- , -. , HTML, , , index.html (index.htm). ­ , : · ; · ; · 8 . . , ( ) (. 6) . , Ctrl + E . HREF ­ , ; ­ . , , (. 20). -: . , . . (
27


.. . - ...

) .

. 20. OK . . , (. . 1.5.1). : pochta@mail.ru , . :
e-mail.

1.5.3. -,
, . : 1) body
28


.. . - ...

; 2) Ctrl + E body­ body; 3) body. , , (. 21).

. 21. : · BG image (background) ­ . , , , -. : : bgcolor ­ . «» , , ... , .
·

29


.. . - ...

, , , . · link ­ . · alink (active link) ­ . · vlink (visited link) ­ . (. 22).

. 22. , RGB (Red, Green, Blue; , , ) HSV (Hue, Saturation, Value/Volume; , , ). : , , , , , Web, . «» . .

1.6. , 1.6.1.
Quanta Plus . (. 23):
30


.. . - ...

. 23. · · -- , ; · ; · : · (width), · (border), .. , · (ellspacing), · (cellpadding), · (align), · (background color); · tbody ( , ): (align), (valign), (Bg color).
·

31


.. . - ...

: ( ) ­ ­ ­ ­
­ . (. 8) , , , . . . , . . :
1 1
2 2
. 24.

32


.. . - ...

. 24. - Bluefish (. . 2.5.3).

1.6.2.
: ·
    • ·
    ·


      · · ·



      1) 2) 3)

      33


      .. . - ...

      1.7.
      , - -.

      1.7.1.
      ( ­ ...) (. 25).

      . 25. . , . ­ Shift + F7. , Quanta Plus, (F1) [21]. .
      34


      .. . - ...

      1.8. 1.8.1.
      ­ - , . ( . frame ­ , ) ­ , , , : , , . . (. 11). (rows) , ­ (cols) (. 26).

      . 26. Quanta Plus . (*),
      35

      . . ­


      .. . - ...

      : ­ ­ , . , . , src=" _". ­ logo.html, menu.html, content.html. , (. . 1.7), . scrolling ( ), : no, yes, auto ( , ). menu.html , content. () , . name: target:

      36


      .. . - ...

      1.9.
      , , . Quanta Plus ­ . , , . . . , , . ­ . , (, ) ­ . , Quanta Plus, . Quanta Plus : · · · · Quanta Plus. . , PDF-, flash .. (, -- ). . . . , . . . , , . ­ JavaScript. . Quanta Plus, .

      37


      .. . - ...

      1.10.
      (VPL), WYSIWYG, HTML XHTML, . , , , , , .. VPL - . Quanta Plus VPL: ( ), . , : . : HTML XHTML . , , . , , , , , , . . / F9. ­ Quanta.... . , . , Meta. Meta . , , . ­ . . , , ( ), / / . ( , ..), ­ . , , , . ,
      38


      .. . - ...

      . . . , HTML/XHTML , .. ( ) - , ! , -. ­ (F6). - ­ ­ Konqueror, Firefox, Opera . , . Quanta Plus : · kdewebdev-3.5.8.tar.bz2 3.5.8 ( 16 2007 .) http:// quanta.kdewebdev.org/; · Add/Remove ( ) Synaptic (Adept). Quanta Plus Quanta Gold , [8].

      39


      .. . - ...

      2. Bluefish.
      Bluefish ­ - . ; , , -. Bluefish - Open Source GPL. Bluefish WYSIWYG -. , . . , , . , /, Bluefish .

      2.1. Bluefish
      XFCE Bluefish : ­ Bluefish (. 27). Bluefish bluefish.

      . 27. Bluefish
      40


      .. . - ...

      2.2.
      .

      2.2.1.
      . Bluefish " ", , . , (. 28).

      . 28. Bluefish , , . , , (. 29).

      . 29.
      41


      .. . - ...

      2.2.2.
      Bluefish , , HTML (. 30). . 30. Bluefish (. 31)

      . 31. (. 32) HTML. , -- . - Quanta Plus (. . 1.1.3). , , . .

      42


      .. . - ...

      . 32. . (. 33).

      . 33.

      2.2.3.
      , , : · - (. ; ­ . . 34),

      43


      .. . - ...

      . 34. - (. 35) CSS2, HTML, PHP Python , , ;
      ·

      . 35. (. 36), .
      ·

      44


      .. . - ...

      . 36. , .

      2.2.4.
      Bluefish . , : (INS) () , .

      2.2.5.
      .... , (. 37) ; , Bluefish .

      45


      .. . - ...

      . 37. « Bluefish»

      46


      .. . - ...

      2.3.
      . , , , . . , , . . , - Bluefish Quanta Plus, (. . 1.3).

      2.3.1.
      ­ (Ctrl + N), , ­ (Shift + Ctrl + N). , . , (. 38).

      . 38. « »

      2.3.2.
      , , . . Bluefish (. 39).

      . 39. « »
      47


      .. . - ...

      , Bluefish, -, . , . , , . -.

      2.3.3.
      ­ ... (Ctrl + O) ... . , , ­ , (. 40).

      . 40. «...» , ­ . . . gnome-vfs gnome-vfs2 Bluefish,
      48


      .. . - ...

      ­ URL... (. . 2.3.11).

      49


      .. . - ...

      2.3.4.
      , ­ , , Ctrl + S. , (. 41):

      .41. « ...» , . , . , ; , . . (~). . , Bluefish , , . ,
      50


      .. . - ...

      ... (Shift + Ctrl + S), ... . - . , ­ . , , , .

      2.3.5.
      , ­ ... (F2) (. 42).

      . 42. «/»

      2.3.6.
      , - . , . , (. 43).
      51


      .. . - ...

      . 43. «»

      2.3.7.
      , . , ­ Ctrl + W. , . , (. 44).

      . 44. « » , ­ (Shift + Ctrl + W). , : , (, - ), (. 45).

      . 45. « »
      52


      .. . - ...

      2.3.8.
      ­ ... (. 46).

      . 46. . HTML- . , , .

      2.3.9.
      , « »: · (Ctrl + Z) · (Shift + Ctrl + Z) . . Bluefish 100 . , ,
      53


      .. . - ...

      , « »: · (Ctrl + X) · (Ctrl + C) · (Ctrl + V) .

      2.3.10.
      ­ , . : , "" " " HTML "function" " " PHP. Bluefish . ­ (F5).<br> <br> 2.3.11. <br> , , ­ URL (. 47). gnome_vfs . , http://, sftp://, smb://.<br> <br> . 47. URL - - Bluefish.<br> <br> 2.3.12. <br> , . ASCII, 127 , . UTF-8, ;<br> 54<br> <br> <br> .. . - ...<br> <br> UTF-8 ASCII. Bluefish UTF-8. Bluefish . HTML <meta name="encoding">. Bluefish , . , Bluefish, .<br> <br> 55<br> <br> <br> .. . - ...<br> <br> 2.4. <br> . , , , , . . ­ . , (. 48). « ».<br> <br> . 48. , . , Bluefish, . . , , , (. 49).<br> <br> 56<br> <br> <br> .. . - ...<br> <br> . 49. , ­ ... ­ . Bluefish (. 50).<br> <br> . 50. /, ­ ­ ; /, ­ ... - , , . , , , . , .<br> <br> 57<br> <br> <br> .. . - ...<br> <br> 2.5. 2.5.1. <br> Bluefish HTML- XML-. , <p> HTML-, Bluefish </>. HTML-, , Bluefish . , ­ HTML (Ctrl + T).<br> <br> 2.5.2. HTML<br> HTML, , Bluefish. HTML (. 51 52).<br> <br> . 51. HTML-<br> <br> . 52. HTML- HTML . :<br> 58<br> <br> <br> .. . - ...<br> <br> -, , HTML. ; · -, , . . . , , . ­ ... (F3). , , , . RRGGBB , .<br> ·<br> <br> 2.5.3. <br> Bluefish ( ) . , . Bluefish , <img> , <a>, . , . , , png jpg. png. jpg jpg ( jpeg). : · ­ ­ ... (Shift + Alt + N); · HTML .<br> <br> 59<br> <br> <br> .. . - ...<br> <br> . 53. (. 53). , <img>, OK. . . Bluefish _thumbnail.png _thumbnail.jpeg ( ). target _blank . jpg- : <a href="photo1.jpg" target="_blank"><img src="photo1_thumbnail.png" width="160" height="128" border="0" alt=" .." align="left"></ a> , : . :<br> <br> 60<br> <br> <br> .. . - ...<br> <br> . 54. - <br> <br> 2.5.4. <br> . HTML , (. 55). , . , , , , .<br> <br> . 55. , ( 56). . , . .<br> 61<br> <br> <br> .. . - ...<br> <br> . 56. <br> <br> 2.5.5. <br> Bluefish , , , . ­ (Ctrl + D) , . , , , . (. 57).<br> <br> . 57. . , Bluefish. , . <br> 62<br> <br> <br> .. . - ...<br> <br> , (. 58).<br> <br> . 58. : · . , , . · . : , , . · . · . · .<br> <br> 2.6. Bluefish<br> Linux Bluefish . Bluefish, . Bluefish -, . http://bluefish.openoffice.nl/download.html. Debian, Red Hat/Fedora Mandrake.<br> <br> 63<br> <br> <br> .. . - ...<br> <br> , , -, - , , , , HTML, .<br> <br> 2.7. <br> <br> -<br> <br> <br> <br> <br> <br> - HTML-: index.html -- ; logo.html -- «» ; menu.html -- , ; index2.html, index3.html -- , . . 1. index.html <frameset rows="30%,70%" border="0"> <frame src="logo.html"> <frameset cols="30%,70%"> <frame src="menu.html"> <frame name="content" src="index2.html"> </frameset> </frameset> 2. logo.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <font size="+4"> </font> <br> . </body> </html> 3. menu.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br> 64<br> <br> <br> .. . - ...<br> <br> </head> <body> <a href="index2.html" target="content"> 1</a> <a href="index3.html" target="content"> 2</a> </body> </html> 4. index2.html <html> <head> <title> 1 1. 5. index3.html 2 2. -, - .

      65


      .. . - ...









      : 1. ? 1) -, 2) -, 3) , 4) . 2. HTML ­ ... 1) , 2) , 3) , 4) . 3. ? 1) Quanta Plus, 2) Bluefish, 3) , 4) . 4. HTML-? 1) 2) 3) 4) 5. (Quanta Plus, Bluefish) ? 1) , 2) . 6. Quanta Plus Bluefish ? 1) , 2) . 7. , «»? 1) , Quanta Plus, 2) , Bluefish, 3) , 4) . 8. ? ( ) 1) , 2) ,
      66


      .. . - ...

      3) , 4) . 9. , - Quanta Plus? 1) , 2) ­ ..., 3) , 4) Quanta Plus . 10. ... ( ) 1) -, 2) , , 3) , 4) . 11. , ? 1) align , name , 2) target , name , 3) name , target , 4) name , rows . 12. , -? 1) , 2) , 3) , 4) . 13. ? 1) / 2) \ 3) | 4) ~ 14. ? 1) , 2) . 15.

      ? 1) , 2)
      ­ ,

      ­ , 3)
      ­ ,

      ­ , 4)
      ­ ,

      ­ .
      67


      .. . - ...

      16. ? 1) 2) 3) 4)

      , , , .

      : 1-; 2-; 3-; 4-; 5-; 6-; 7-; 8-,,; 9-; 10-,; 11-; 12-; 13-; 14-; 15-; 16-.

      68


      .. . - ...

      :
      1. - index.html . : c logo logo logo o l m content n o e t content menu content g n menu e o u menu n t logo.html ­ (, ) ; menu.html ­ , ; content.html ­ , , content.html . 2. MySite, index.html, . . 3. HTML-, . 4. HTML-, ­ (, ). 2 . , 2 5 9 12 16 19 23 27 30 3 ... ......... / 1 2 ... 5. - HTML- . (. . 2.5.3). 6. - Quanta Plus (about_me.html), , , . . 7. .

      69


      .. . - ...


      (attribute) ­ . , , , : . , , . , . . (browser) ­ -, WWW. - (web-site) ­ -, . - ­ (), World Wide Web. ­ , . , . (Internet) -- , . HTML ­ , . (extension) ­ , , , . (script) ­ , - . Internet Explorer : ? . (tag) ­ .
      70


      .. . - ...

      . - , . ( . frame ­ , ) ­ , . (element) ­ HTML. , . - . ­ . C CGI (Common Gateway Interface) ­ , , , . , . H HTML- ­ , HTML. , , htm html. U URL (Uniform Resource Locator) -- . URL WWW : http://www../ . ­ , , ­ : , .. URL , - , , - . V VPL, (. WYSIWYG). W W3C, ( . World Wide Web Consortium) ­ , , . WWW, World Wide Web, Web, ­ , ,
      71


      .. . - ...

      . HTML WWW. , , , , . WYSIWYG (What You See Is What You Get ­ , ) ­ , .

      72


      .. . - ...


      : : 1. . HTML. ­ .: , 2002. ­ 240 . 2. .. HTML. . ­ . : "", 2003. ­ 320 . -: 3. ­ http://ru.wikipedia.org/wiki/ 4. -. http://sdteam.com/ 5. OpenStuff. Quanta Plus http://openstuff.ru/2008/01/09/quanta_plus.html 6. Quanta Plus http://docs.kde.org/stable/ru/kdewebdev/quanta/index.html 7. http://quanta.kdewebdev.org/ 8. Kubuntu: . http://citkit.ru/articles/187/ 9. HTML-. http://www.linuxcenter.ru/lib/articles/soft/html-editors.phtml 10. HTML -. http://www.mycomp.com.ua/ 11. : html- Quanta Plus. http://www.linuxcenter.ru/lib/books/posixbook/ch16int.phtml 12. Bluefish http://bluefish.openoffice.nl/ 13. Google http://translate.google.com

      73


      .. . - ...

      : : 14. . -: . ­ .: -, 2006. ­ 376 . 15. .., .., .. HTML 4.0. ­ .: -, 2007. ­ 672 . 16. . CSS. . . ­ .: -, 2008. ­ 576 . 17. . HTML CSS . ­ .: , 2005. ­ 448 . ­ .: -, 2005. ­ 448 . 18. , . HTML 4 «». - .: , 2008. - 345 . 19. PHP 5 . ­ .: , 2006. ­ 848 . -: 20. : HTML http://postroika.ru/ 21. HTML- http://html.manual.ru/

      74