7 AP Div7.1AP Div7.2 1 AP Div7.3 AP Div7.4 AP Div7.5 Div7.6 DIV+CSS

7.1AP Div7.1.1 AP Div7.1.2 AP Div7.1.3 AP Div7.1.4 AP7.1.5 AP Div

7.1.1 AP DivAP DivDIVHTMLAP DivAP DivDreamweaver CS4AP DivAP DivAP DivAP Div

DreamweaverAP DivCSSAP Div7

7.1.2 AP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP Div

CtrlAP Div

AP DivDIV AP Div7-1AP DivAP7-27-1 AP Div

7-2

7.1.3 AP Div AP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivAP DivShiftAP Div

AP DivAP DivAP Div7-3AP DivCSS-PAP DivAP DivAP Divpxpcpicaptinmmcm%7-3 AP Div

AP DivZAP DivAP DivdefaultAP DivAP DivinheritAP DivvisibleAP DivAP DivhiddenAP DivAP DivAP DivAP Div

CSSAP DivAP DivvisibleAP DivAP DivhiddenAP DivAP DivAP DivscrollAP DivAP DivAP DivautoAP DivAP DivAP DivAP DivAP DivAP DivAP Div

7.1.4 APAPAP DivDreamweaverAPF2AP7-4APAP DivAPAP DivAP DivAP7-4 AP

AP AP AP DivAP DivAP DivAP DivIDAP DivIDAPAPZAP DivZ

7.1.5 AP Div1AP DivAP DivAP DivAP Div1AP DivAP DivAP DivAP DivAP DivCtrl+AP DivCtrl+Shift+

AP Div2AP DivShiftAP DivAP DivCtrl+Shift+7Ctrl+Shift+ 9AP Div2AP DivAPAPAPAPZZAPAPAP7-5

7-5 AP APZ

1APAPAPAPAPZAP2APAPAPZAP3APAP DivAP DivAP DivAP DivAP DivAP DivAP

1APAPAPAP DivAP DivAPAPAP DivAP DivAPCtrlAPAP7-62APAPAPAPAP

1APAP2APAPCtrlAPAPAPapDiv1apDiv27-7

APAPAP7-6 AP 7-7apDiv1apDiv2

4APAPAPAPAPAP1APShiftAPAPAPAPAP

2AP

APAPAPAP

7.2 1 AP DivAP Div7-87-8 AP Div

AP DivAP Div1Dreamweaver CS4HTML7-1.html2AP DivAP DivAP DivAP Divimage,50px10px800px600px#CCFFCC32AP Divbottom610px800px50px#FF99664APAPAP

5APAPimageAP DivimageAP Divsmallbox200px60px6imageAP DivbgsmallboxsmallboxAPsmallboxbgsmallboxZ32AP7-97ShiftAP Div4AP Div7-10

8image9bottombottom18px7-9 AP 7-10 AP Div

10smallboxbgsmallbox36px#FFBB00#0000007-1111smallboxbgsmallbox12F12

AP DivAP 7-11 AP Div

7.3 AP Div

7.3.1 AP Div

7.3.2 AP Div

7.3.1 AP DivAP DivAP DivAP DivIE 3.0AP DivAP DivDreamweaver7-12AP DivAP Div

1AP DivAP Div7-13AP DivAP DivAP Div7-12 AP Div7-13 AP Div

AP DivGIFsGIFGIFAP DivAPAP

AP Div

AP DivAP DivAP Div

7.3.2 AP DivAP Div1AP DivAP Div7-14AP DivAP DivAP Div7-14 AP Div

AP DivAPAP DivAP Div

AP DivAP DivAP Div

7.4 AP Div AP DivAP DivAP DivHTMLblock-levelAP DivAP DivCSSAP DivcontentpropertyAP DivvalueAP Div7-1

7-1 AP Div

7-1 AP Div

7.5 Div

7.5.1 CSSDiv

7.5.2 Div

7.5.3 Div

7.5.1 CSSDivdivdivisionHTMLCSSCSSWebCSSdivHTML3.0CSSCSSWeb

7.5.2 DivDivDiv7-15Div7-15 Div

DivDivDivDivDivDivDivDivIDDivIDDiv

DivDiv

Div17-5.html2DivDivIDDiv13CSSCSSID#Div14#Div1CSSCSSDiv15Div1-1Div1-2Div1-1DivDiv1IDDiv1-1

Div1-2DivDiv1-1IDDiv1-2Div17-167-16 Div

7.5.3 DivDivCSS1DivFloatCSSFloatleftrightnone3Div1CSS#Div1#Div1#Div1CSSWidth300pxHeight240pxFloatnone7-17

7-17 #Div1CSS

2Div1-1CSSCSS7-183#Div1-1CSS4Div1-2#Div1-25CSS#Div1-1#Div1-1CSSWidth100pxHeight100pxFloat6Div1-2Width100pxHeight100pxFloat7-197Div1-1Div1-2Floatleft7-208Div1-2Floatright7-21

7-18 CSS

7-19 7-20 left 7-21 rightDiv1CSS#Div1-1#Div1-1CSSMarginTop50pxLeft50pxRihgtBottomauto7-22

2#Div1-1CSSPadding12px7-23#Div1-1CSS7-247-22 Margin 7-23 Padding

7-24 Div1-1

3#Div1-1CSSStyledashed Width10px Color#0FF7-254)7-26

CSScontentborderpaddingmargin4content + border + padding + margin 7-25 Div1-1 7-26

7.6 DIV+CSS1DivCSSDivCSS211DivDiv

/*logo.jpg*/ /*banner.jpg*/

/**/ /*lmdh.jpg*/ /* */ /*gsjj.jpg*/ /* */ /*footer.jpg*/

7-27

7-27

1)imagesfirm.cssindex.htmlCSSCSS2)logo DivDivDivIDlogoCSSCSSID#logofirm.cssCSSWidth780pxHeight67pxFloat1010Div

logoIDbannerWidth780pxHeight160pxFloatbannerIDnavWidth780pxHeight42pxFloatnavIDmainWidth780pxHeight420pxFloatmainIDleftWidth400pxHeight220pxFloatleftleftIDrightWidth550pxHeight400pxFloatrightleftIDleft-titleWidth220pxHeight35pxFloatleft-titleIDleft-conWidth220pxHeightautoFloatrightIDright-titleWidth550pxHeight35pxFloat

right-titleIDright-conWidthautoHeightautoFloatmainIDfooterWidth780pxHeight51pxFloat3CSS#logoCSSBackground-imagelogo_bj.jpg, Background-repeatrepeat-xDiv#navBackground-imagenav_bj.jpg, Background-repeatrepeat-x#leftBackground-color#EFEFEF

#footerBackground-imagefooter_bj.jpg, Background-repeatrepeat-x4Divlogo Divlogo.jpgDivDiv5CSSCSSCSS#left-con ulfirm.cssCSSList-style-typenoneList-style-imagelist_icon.gif

6CSSCSSCSS#nav ulfirm.cssCSSList-style-typenone7CSSCSSCSS#nav ul lifirm.cssCSSFloatleftpadding-left20pxpadding-right20px

8CSS#nav ul liCSSBackground-imagenav_icon.jpg, Background-Repeatno-repeatBackground-position (X) left Background-position (Y) centerCSS58CSS9CSSCSSCSSCSSt1firm.cssCSSFont-size14pxLine-height22pxColor#3F6081Font-weightbold.t2Font-size12pxLine-height22pxColor#333Font-weightnormal

10CSS#right-conHTML.t1CSS.t11958HTML.t2CSS.t211CSSCSSCSSCSSa:linkfirm.cssCSSColor#666Text-decorationnonea:visitedText-decorationnone a:hoverColor#F60Text-decorationnone

12index.html12px13/#footertext-align centerline-height30pxvertical-align middle#right-conpadding10px14CSSCSSCSSbodyfirm.cssCSSBackground-imagebj.gifBackground-repeatrepeat-x1511DivCSS #bj {width: 780px;background-color: #FFF;margin-right: auto;margin-left: auto;}