Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ...

21
Dreamweaver HTML HTML HTML 34 HTML Dreamweaver Dreamweaver HTML Dreamweaver Dreamweaver Dreamweaver CS6 Dreamweaver CS6 Dreamweaver 2.1 1 Dreamweaver CS6 Dreamweaver CS6 2.1.1 Dreamweaver CS6 Dreamweaver CS6 Adobe Web

Transcript of Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ...

Page 1: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��� ����� Dreamweaver �� ����

������

JOÃ0�*�¸èQ�TUVN90[\��WXFð¸èQ HTML ghI(

��cd HTML��» �(iÓ HTML�0HÒ4"rý�ß5uI±°Ó���5

uy�z:N9�{�*+Êú�`�z� 3º4+�/ú�`�:��J�,+�

|��±�|1�S�34[\0�ä��

����

�Q��cw HTML��» ���Ì�cd�7 Dreamweaver��)0HYIl

m Dreamweaver �3pq��cd���5u HTML H����3N9�I

Dreamweaver�0`ð|1�7�3¥�` 6*+*d0G$��5��0®:���

ó0Ã0µ¶IDreamweaver0`ð|1�7n�Q�`|10ØÙýM�`0|1�Û

}}��I

�� ���

� tX Dreamweaver CS6

�  ��`0*d��

� » ]û`ð

� |1`ð

�� ���

� QR<5u Dreamweaver CS60EÃV89

� QR�`0*d��

� éê]û`ð0 6¡¯Vx~

� QR`ð0|1

� :vlm DreamweaverN9no�

2.1 �� 1�&� Dreamweaver CS6

�����tX Dreamweaver CS65u�0EÃ34�]89¡¯I

2.1.1 Dreamweaver CS6��

Dreamweaver CS6 ��Exæ���< Adobe µý0*�7��Ì�cdEÃmÙN

9<cd�`ò?��m@�0�TU��I*Ù�¤¥��º�þºTUº/ì̲½�

«¡A»9ºcwò�����ÓÙ~æÄgx¦cw«���Ú:RS» Web

Page 2: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

29

ÃI"�50��cd�7��mÙ WebL�ºæÄg0»9ICS6¸�]lmQc���

Õ�û ÃJ�`O�lm�R�E��RTU//�ºQm¿0�9¯ïç�!

0 FTPý:��º¯û®ú/úÆ�Iá/ì̲âòá�R�E�âì��� HTML5 �

�m¿:�¡�û�(c�0�9I

2.1.2 Dreamweaver CS6K�LM

kqáLMâlá@�âlAdobe Dreamweaver CS6mî���Rs²H8� Dreamweaver

CS6.*2'L��ìzp�*+LMEñ² 2-1³´I

� 2-1 ¡¢o�

±°A28�� l´�EÃÚDHAIá�kl´âO0ØHa�H�I

JḠâhHY HTMLp� Dreamweaver CS60�9Eñ² 2-2³´I

� 2-2 ¡¢o�

�1�yohIyoh�:v/�* ®:0yomîIDreamweaver CS6-�áÆ�âº

£�¤

o{¥¦¤

§¤

o{¨Q

©��ª�«

«

¬

Page 3: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

30

ácdâºá(Üâºá£�âºá��âºáÕAâºámîâºá`ðâºá�jâºáP

Qâ½ 10 +yoþN±² 2-3 ³´o��Syo�3'L"�yoIDreamweaver CS6

0yo®:¼"ÜÝÂå9�Q³�®:89I

� 2-3 £�¤

�2�ÆÓ�7hIÆÓ�7h|(Y�*SÓÆÓpqßm890®:=PÎÏo�

�S=Pm¿�3JÆÓ0�ó̲oA�pqRSÑÖ±² 2-4³´I

� 2-4 o{¥¦¤

�3�ÆÓ�jIÆÓ�j¥pq�Ì�cd�0|(~�äTU~��0µ¶

ÚÛ�D�Çpqcd�3/ìl´èOÆÓ0µ¶Im¿�3ÎÏo�áÆÓâ�7h�

0á��âºá�þâºáTUâòá/ì̲â=PÑÖ�ó0ÆÓ�jl´oAI�

� ��̲�J�j�Ál´ÆÓ0���*+mÙcwòcd HTMLºJavaScriptº

��'gh���± PHP� ColdFusionHªgh(CFML)�34«�"JNú��0

��c�#�±² 2-5³´I

� 2-5 uv­��

� TU̲��Ì�cdoAJ�̲�Dreamweaverl´ÆÓ0�Ë�cd0�

Ì��´�AI�í£JTU̲�ú�Æ]V£�²É½���±² 2-2³´I

� �þ̲�ÆÓ�j��þ��+*+l´��̲*+l´TU̲±²

2-6³´I

� /ì̲��3l´/쯰NeÙJ��'�(ÜÃìÜD0µ¶I�oAA

��cdµ¶V��I

­� E®¯ op°�

�� W3C±²

���³$´µ

¶­F·�

º�o{»Z

®�¯\°�

HTMLo{�

Page 4: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

31

� 2-6 ¸0­��

���µ¶·QK¸¹º»�¼½�z�¾P.� ¿x�À ¼½�Á&ÂÃ�Ä8

�� ¿xÀ �¼½�ż½&

o�áE�â=P AQiIpýE�H�yoHY*«��'ä�E��¯°

±² 2-7³´I

� 2-7 ��£��

�4�8�hI8�hmÙl´èOKJcd0ÆÓ0[\��±èO�j/ʺÆÓ

/Ê34èOHYÓ50HÒ±² 2-8³´I

� 2-8 §¤

�5�árýâìIárýâìmÙl´Ã�H�Ó50*Srý�3ÎÏárýâ

ì(Ü�TGÃ���0rýIDreamweaver0árýâìþ¥ HTMLºCSSrý34

áÃârýIHTMLrýmÙTG��CSSmÙTG��ÑAáÃârýmÙTG�

+Ã0rý±² 2-9³´I

� 2-9 ©��ª�«

HTML��

CSS��

Page 5: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

32

o�árýâì�0áÃrýâ=Pä�'LáÃrýâÓqa±² 2-10³´I

� 2-10 ©���ªb¹`

ÓÙJ Dreamweaver �» 0�+Ãy�3lmáÃrýâÓqa� `aòÕ

ATGrýIJáÃrýâÓqa��3� Ã0ItÈ�{pòÈ�/ʺz{¡8º

��º¢£ÑA4ÃTU0"Jî�¡ÃI

���Dreamweaver CS6°Æ�ÇÈÉÊ�h����ËCSSG HTML&�ÌÍ� CSS

+!ÎÏ�ÉÊ�h��&CSS.Ðh�ÑÒx�0§ÓÔ��&

�6�ì©Iì©¥mÙ/�ªS®:0Rs�jJ Dreamweaver CS6It0TU'

�9~`a�ì©�|(�á£�âºáCSSÑAâ4áAP��â챦('L"J

ì�3ÎÏo�á�jâAQyo�0á�æâ'LJ�ÇFð¸è*Aá£�âìI

á£�âì�Y�Q�3��ÆÓ�Û�0ЫÓ5ø±ÆȺ²Éº�Õº�

¢£º�o½Io�á£�âì�0AQ=PJAQp��l´³�0N�YZßmº

`aº�oº��ºSpryºjQuery MobileºInContext EditingºÆ]òò�/ißm0±²

2-11³´I

� 2-11 ©º�ª�«

2.1.3 Dreamweaver CS6 �N�

Jlm Dreamweaver cd��O�é��éê��0*S�]89¡¯±¸ �

º­��º'L�òE��0¯°½I

Page 6: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

33

1����

J Dreamweaver�» �0¡A��«I

J8�0LMEÃo�Ḡâh0 HTMLÚ�í£» ��ù=ARs0 Ctrl+Nº

kqáÆ�âlḠâmîy�'LḠÆÓâÓqaHYáY¾âláHTMLâl

á» âä�» �±² 2-12³´I

� 2-12 �*�

2�Ö×��

kqáÆ�â|á­�âmî�=ARs0 Ctrl+S'L±² 2-13³´0á��¥âÓq

aJÓqa�HYÆÓ��LG<ú�­�0Æ��æo�á­�â=Pä�­��

±² 2-13³´I

3�ØÙ��

kqáÆ�âlá'LâmîJá'LâÓqa�HYÆÓo�á'Lâ=Pä�

'LÆÓ±² 2-14³´I

� 2-13 »¼� � 2-14 ½¡�

1 2

3

1.¾¿()

2.À�¯c 3.�Á

1.¾¿op

2.�Á

Page 7: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

34

4�À ��

�cd)j�3ÎÏÆÓ�7h�0áE�â=P pqE�Io�áE�â=P0

AQ=PJAQp��HY*«��'pqE�ä�±² 2-15³´I

� 2-15 ���

2.2 �� 2�'�()*�+�,-".

�����3/ø�A>ñ`ð��» ]û`ð3�¦QR`ð*d��34]

û`ð» 0¡¯x~QR`ð|10¡¯Vµ¶I

2.2.1 ���O��

JTUN9�`�O�» *+`ði)�:vJ��>ñ`ð0*d©I��

lÛ`ð��¶ã|1���`Æ�ú�j|1XüI

�`0*d��>ñ��«�ó0¡A±=��`0®:��>ñ34=�Æ�0

Nú>ñ½I*a߶0�5��`0®:��pq~xñþkJ�ó0®:AÃ=�Æ�

pqñþIDreamweaver0`ð|1�7��Q��¡�0®:�îÓ�S©I�)0Æ�

/��pq|1I

]2çø3á�q�Aâ¥|j=��`0®:��pq>ñ� �`0*d��

±² 2-16³´I

� 2-16 ���Â� ¾¿�

2.2.2 PQ�R�O

lm Dreamweaver » *+�`0}(�9Ú�ÎÏ�`» �7» *+`ðlÛ

³�0�y�*+��0��LGóì�Ù�`0ôõV|1I

G�HI��

J KLMN ODNP MNQR STU E�VW

���

���

Page 8: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

35

» `ð0x~±A�

�1�8� Dreamweaver CS6JḠâhHYáDreamweaver`ðâ±² 2-17³´I

� 2-17 �*�Â

�2�Jpý0á`ðTGÓ5âÓqa�TG`ð�æò]û`ðÆ�/I"�`ð�

æ¥á�q�Aâ]û`ðÆ�/� ¥áF:\� 2\�Ge\�q�A\âÖjo�­�

±² 2-18³´I

� 2-18 +)�¯c

����

�ÚÛÜËy��Ý. Dreamweaver �ÚÞXßàx�á�Ú{��ÛÜ�¤�yâã

äå;æ�Úçè�xIGéI���ÛÜzPâãêë� IVÛì�í&

J¡�ÚIVîË�áï¾���ð"#�Web ���ð"#yïñò()�ÚIV�

"�ó!�ôy��õX×öó!&÷¾ø����·�Dreamweaver����"#÷ù×

()�ÚIV�"�ó!&

�3�TG��j0Æ��j±² 2-19³´I

Page 9: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

36

� 2-19 �Âop¨Q

2.2.3 PQ��S��S�T

�J0`ðÁ�*+Y0Æ�/ÇÃ��y��AÃ=�`ð>ñ��» �Æ

�34��Æ��ó0Æ�/I

Æ�ºÆ�/0m�>?¥�

� *a}Æ��¥ index.htm�ù index.htmlÀ±°Ã�lm ASPghcw0|

�Æ���¥áindex.aspâI

� Æ�/*a·m|ÆÊwÈ}��Æ�Ë4ñwm�I

� Æ��æU*mÊw0|ÆÈ}��Ë4ñwº�ÈòAñ\0©�m�I

� þ¤Ã0Æ���ÙÐcoñ0Æ�/���ò"JÆ���J*¤I±²ÉÆ

���Ùoñ0G$A± imagesºpicsÀ�� FlashÆ�0Æ�/m�¥ flashÀ�

� CSSÑA�Æ�0Æ�/m�¥ style� CSSÀ�� JavaScript9]0Æ�/m�

¥ JSI

*a¦àÆ��·m3A 4«¡¯m��

� �g�Ë���ino0m�¡¯�fý�i+^ZÈM�g�Ë9¥Æ��I

±án¸âÃï�3m�¥ jianjie.htmlI

� �Ëñw�±á���CâÃ0Æ��� kfzx.htmlI�«¡¯no}��Ù3

j0ôõ�3ª�I

� |Æñw��«¡¯ó�Ëñw*Ñ�3ª�*a�mÙ§���I± Active Server

Pages�+§���*am ASP�BI

� |ÆSÆ�±°�* 0|Æ��|��«¡¯{É/m~�I±�3Má³´n

¸âÃm�¥ company_introduction.htmlI

» Æ�V�Æ�/0x~±AI

1�³���IVPIVî

�1�J]ûÆ�0á`ð-�q�Aâ�o�pýRsyo±² 2-20³´I

�2�Jpý0Rsyo�HYḠÆ�âmî» ¸Æ�m�¥ index.htmlä

�`}I

�3�J]ûÆ�0á`ð-�q�Aâ�o�Jpý0Rsyo�HYḠÆ�/â

mî¥�`Û�¸Æ�m�¥ imagesmÙ�� index.html�0�óI

» ��±² 2-21³´I

2�³�úû��IVPIVî

¥Q�Ù|1V~þeæ�0Æ�VÆ�/��GJÓ�0Æ�µI}%(» ��

eæ�0Æ�/ÖjJÆ�/µbk» eæ�34��[��ó0Æ�/Ix~±A�

Page 10: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

37

� 2-20 �ã� � 2-21 |Ä*�+

�1�J]ûÆ�0á`ð-�q�Aâ�o�Jpý0Rsyo�HYḠÆ�/â

mî¥�`Û�¸Æ�/m�¥ hottravelmÙ��ár¾�ãâeæ�I

�2�J hottravelÆ�/�o�Jpý0Rsyo�HYḠÆ�âmî¸ Æ�

m�¥ hottravel.htmlI

�3�J hottravelÆ�/�o�Jpý0Rsyo�HYḠÆ�/âmî¸ Æ

�/m�¥ imagesmÙ�� hottravel.html��óI

��ár¾�ãâeæ�» ��±² 2-22³´I

�4�FØx~�1���3�þ�» ��eæ�áÍÞãªâºá�ã��âºáJC

�âºáv²�´â0Æ�/ wondernoteºtourstrateºonwayºbeauphotoI<Jeæ�Æ�/

Aþ�» wondernote.htmlºtourstrate.htmlºonway.htmlºbeauphoto.html eæ���[

���ó0Æ�/ imagesI

eæ�Æ�VÆ�/» ��±² 2-23³´I

3�³�üû��IVPIVî

J�>ñ���Á��+iæ���+iæ�OÙeæ�ár¾�ãâA

þ�¥á_µãâVá_�ãâ» x~±A�

�1�JÆ�/0 hottravel�o�Jpý0Rsyo�HYḠÆ�/âmî¥�

`Û�¸Æ�/m�¥ intravelmÙ��á_µãâeæ�I

�2�J intravelÆ�/�o�Jpý0Rsyo�HYḠÆ�âmî¸ Æ�

m�¥ intravel.htmlI

�3�J intravel Æ�/�o�Jpý0Rsyo�HYḠÆ�/âmî¸ Æ

�/m�¥ imagesmÙ�� intravel.html��óI

��á_µãâiæ�» ��±² 2-24³´I

�4�FØx~�1���3�» ��iæ�á_�ãâ0Æ�/ outtravelI<Jiæ

Page 11: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

38

�Æ�/A» outtravel.htmliæ���[���ó0Æ�/ imagesI

� 2-22 ©KLMNªÅ��Ä*�+ � 2-23 ÒÓÅ��Ä*�+

��iæ�Æ�VÆ�/» ��±² 2-25³´I

� 2-24 ©[#Nª���Ä*�+ � 2-25 ÒÓ���Ä*�+

2.2.4 &'�O

`ð 6j��3Ó`ðpqcd��I

kqá`ðâlá|1`ðâmî'Lá|1`ðâÓqa±² 2-26³´I

Page 12: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

39

� 2-26 ©°��ªb¹`

� A���èOH 0`ð���HY0`ðI

� B�cdèOH 0`ðIo��=P'L±² 2-18³´0á`ðTGÓ5âÓq

acd��á`ð�æâ34á]û`ðÆ�/âI

� C�ØNèOH 0`ð�ØNHY0`ðI

� D�0ýèOH 0`ðIo��=P'L±² 2-27³´0á0ý`ðâÓqa

HY­�LGú�Æ��o�á­�â=Pä�0ý`ðI ðÆ�>��¥*.steI

� 2-27 © �ªb¹`

o�á|1`ðâÓqa�0á0�`ðâ=P�30�`ðI

2.3 �� 3�/0 Dreamweaver'�12�����My Zone

�����lm Dreamweaver CS6 ��N9*+{Éno0�¦��*A�0N

9Ï@5u Dreamweaver CS6��0�mI

A B C D

Page 13: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

40

2.3.1 123456���

]çølm Dreamweaver CS6N9*+My Zone�·m�Õ`a¡AI

b����c]çøid¯°±² 2-28³´I

� 2-28 �ÆǾ¿

b��c]çølm�Õ`aI�¯°²��3Üý����ùAþ¥=+bþ

xb0 bannerÖj�01k�A�|�µ¶ij��3�nÊ�I"�01h���I

*��Û» ��0�Õ¥*+ 4�70�Õ1º3º4q³�o�Õ�<I

2.3.2 PQ�O

�1�kqáLMâ|á@�â|Adobe�Dreamweaver CS6mî8���Ikqá`ðâlá¸

`ðâmî'Lá`ðTGÓ5âÓqaM`ð�æT¥My ZoneHY]û`ðÆ�

/��LG±² 2-29³´I

�2�o�á­�â=PI

�3�JáÆ�âì�o�á`ð-My ZoneâJpý0Rsyo�HYḠÆ�â

mî¸ Æ�m�¥ myzone.htmlI

�4�JáÆ�âì�o�á`ð-My ZoneâJpý0Rsyo�HYḠÆ�

/âmî¸ Æ�/m�¥ imagesI

�5�D³¦0²Ô�ó��D imagesÆ�/�ÔmI

`ð» ��±² 2-30³´I

2.3.3 UVWX

�1��� myzone.html'LÆÓLMcdI

�2�M¨H LJáTUâ̲�Já£�âì0áßmâH���o�á�Õâ

Page 14: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

41

=Ppýá�ÕâÓqa 1�TG±² 2-31³´I

� 2-29 ©�Â+)bȪb¹` � 2-30 My Zone*��+

� 2-31 ©�Aªb¹`

à���Õ0Pî¦Ù�xb0 banner²0PîI

�3�o�á� â=P£��ÕI±² 2-32³´I

� 2-32 º��A

�4�M¨H�J.*q.*+o��=�GHH0�o��H�.*q0³�o�Õ

o�árýâì0á�<â=P�<o�Õ±² 2-33³´ImóÑ0¡¯�<. 3º4q

0³�o�ÕI�<��±² 2-34³´I

Page 15: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

42

� 2-33 r��A

� 2-34 ��ArÉ�+¾¿

�5�M¨H LJ.*q0o�ÕµJá£�âì0áßmâH���o�á²Éâ

=P'LáHY²ÉÆ�âÓqa±² 2-35³´I

� 2-35 ©¾¿��nopªb¹`

�6�HY¦(0 banner.jpgo�á� â=Ppýá²ÉHÒ�Q®:rýâÓqa

±² 2-36³´I

� 2-36 ©����Ê·ËÌ��ªb¹`

� BÖÆ]�¥²ÉJ*ÙªSS��:l´ì³l´0Æ]�¨H�GD²É�³

l´0Æ]I

� þ�à��èm¿o�²Éìl´0Æ�0LG�ùo�Æ�/²H3��D�Æ�I

�7�o�á� â=PäJ.*+o�Õµ£� banner²É±² 2-37³´I

Page 16: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

43

� 2-37 º� banner��

�8�=¯°²³´J.eq0Ð+o�Õ�þ�ú�Æ]á}âºárð¸EâºáCp

�ªâºá�0["âºá¦�@hâºáËæ�"âºáA��ûâI¨H�Jo�0�a\��3

Ho��A��é�Ð+o�Õ0PîVºîI

�9�H�01h³�0o�ÕJ HTMLárýâì0ᢣâhú�#�6Û�

Y0�¢£I

�10�=¯°²³´J.iq0o�Õ�ú�Æ]á ¡­¢£�¤N¥�¦§µÊâ

o� Enter=PI£°ú�A*÷Æ]áu\#;oL ¡­¢�¦±¨�*2�w�Q��

�9f^��KJN �0 ¡­¢x;TU�0F(©�bþIâmóÑ0¡¯ú���

³�0Æ]I

à��±°½�Æ]É�ú�©�3ØNSM��0Æ]¸ *+áª#]âÆ

ÓÖjDÆ]ª&Jáª#]â�Ik�áª#]â�ØNª&D Dreamweaver �IØN

Dáª#]â�0G0�M«SM��TG0Æ]ÕAI

�11�=¯°²³´Jij*q0o�Õ�ú��nÊ�Æ] copyright©2014-2020I

��³�µ¶ú��n±² 2-38³´I

� 2-38 #$À���

Page 17: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

44

2.3.4 YZ��

1��h��+!

�1�TGÆÈ/ÊIo�árýâì�0áÃrýâ=P'LáÃrýâÓq

aTGÆ]á/Ê⥠12px±² 2-39³´I

� 2-39 o-ã�+)

�2�HY�+�ÕJárýâì0áÓNâAQp��HYáh�â±² 2-40³´I

� 2-40 �A��+)

2�vw?@ý

01hE�¯°±² 2-41³´I

� 2-41 !¤��¾¿

*¯°²�W01h�½·80z{8�Æ]¡8¥�v¯8¨H��M�¥¬

�8��Añ\h�I

�1�H�³�o�Õo�árýâì�0áz{¡8â=PHY¡8�í£JjÃ

Æ]a�ú�#ABE967ÀáôÞâT¥áh�â±² 2-42³´I

� 2-42 ��A��+)

�2�o�árýâì�0áÃrýâ=P'LáÃrýâÓqaIJHv0áþ

Nâp�a�HYᢣ�CSS�âH�TG�¢£1�I1�TG±² 2-43³´I

�3�o�á� â=PI01hv��nI

Page 18: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

45

� 2-43 �����+)

3�vw%]BC

|�µ¶E�¯°±² 2-44³´I

� 2-44 |}#$��¾¿

|�µ¶v�µ¶��Æ]á ¡­¢£�¤N¥�¦§µÊâ¥eæHjÀ÷=Æ]

}qñp 2È�Ào�Õ�/\­­1É�v�ºfÝ8�aÀo�Õµ¶Ho��a\� 10

É���Ào�Õ�*z{² bg.jpgI7�v�x~±A�

�1�HYÆ]á ¡­¢£�¤N¥�¦§µÊâJ HTMLárýâì0áÕAâ

AQp��HYáHj 2â±² 2-45³´I

�2�o�Õ0�aJárýâì��:TG(J CSS>ï �Óqa�TGIH�

o�ÕJ CSSárýâì0áGH>ïâAQp��HYḵ_ÑAâ±² 2-46³´I

� 2-45 AB+­�� � 2-46 Ä*©�#ÍVBª

�3�o�ácd>ïâ=P'Lá<µ_ÑA>0 CSS >ï �âÓqa±² 2-47

³´I

Já<µ_ÑA>0 CSS>ï �âÓqa�pq±ATG�

1�~��TG Text-indent�}qñp�0rý¥ 2ems±² 2-48³´I

Page 19: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

46

� 2-47 ©<#ÍVB>� CSS2Î��ªb¹`

2�z{�o� Background-image�z{²�jÃ0á��â=P'LáHY²ÉÆ

�âÓqaHY bg.jpg±² 2-49³´I

� 2-48 J�ÏÐ+) � 2-49 ¡¢�+)

3��a�TG Style�ÑA�0rý¥ solid�/\�TGWidth�v��0rý¥ 1px

TG Color�¡8�0rý¥#CCC±² 2-50³´I

4�¡a�J padding� rºµ���~�f®�HáËb[óâØHaTG leftò right

0;2¥ 10px±² 2-51³´I

� 2-50  `+) � 2-51 # �+)

�4�o�á� â=PI|�µ¶v��nI

4�vwDF

�3E�¯°±² 2-52³´I

� 2-52 %'��¾¿�

�3Æ]h�z{¥fÝ8ºî¥ 50pxI

HY�3o�ÕJárýâì�Mo�ÕrýáºîâT¥ 50pxÀMáôÞâT¥

Page 20: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

� ������ Dreamweaver���� !"#

47

áh�âÀMáz{8âT¥#CCCCCC±² 2-53³´I�3v��nI

� 2-53 %'��A��+)

#$%�

=>CDA

1ºJ Dreamweaver CS6�» ¸0�ÆÓ�3lm� �©�0I

AºCtrl+M BºCtrl+N

CºAlt+M DºAlt+N

2º=� �®:0�3RS'L��'���¯°I

AºF5 BºF6

CºF11 DºF12

3º3A�:lm�Æm�0�� �I

Aº�`0�æ Bº�`��0ÃHj

Cº�`�0Æ�/� Dº|0�Hj

4ºÓ`ð0|1®:�YZ� �I

Aº��`ð BºØN`ð

Cº?�`ð Dºcd`ð

5ºJ DW0áÆ�âì�3Aà¯K�0�� �I

AºHY`ð�æj= Del0�3M�`ð���ÂAÓ�0Æ�òÆ�/

BºHY`ð�æj= Del0�3M�`ð0��4Ó�0Æ�òÆ�/��

CºHYªÆ�j= Del0���Æ�V]`ð0\{Æ�]s<����

DºHYªÆ�j= Del0���Æ�

6º±° �Ö*àUju¯)pq�`0L�J DW��lm0mî�� �I

AºØNº0� Bº0ýº0�

Cº0ýºØN DºØN

B>FGA

1º���`ð�» ]û`ð09m����

2ºn¨±�» ]û`ðI

H5IJ

¥Qp*x5uVéê Dreamweaver CS60lm��lm Dreamweaver CS6N9�

0¡¯Zlm Dreamweaver CS6N9¯°±² 2-54³´0�I

Page 21: Dreamweaver€¦ · ˆ‹(ÜžTG ˆfl‹›0rýIDreamweaver 0Ærý∋þ¥HTML”CSS rý34 Æ ˆârýIHTML rýmÙTG–ƒ CSS mÙTGš⁄ÑA Æ ˆârýmÙTGŒ + ˆ0rý –†2-9

��������� ��Dreamweaver CS6�

48

� 2-54 �V� �¾¿

x~�´�

�1���0²É9¥z{²ÉÛ�I

�2�lm�Õ`a¡AN9�I

�3�²É�,bþ0LG�3mY¾o�Õ(mI