实训10综合案例——企业网站.ppt

《实训10综合案例——企业网站.ppt》由会员分享，可在线阅读，更多相关《实训10综合案例——企业网站.ppt（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML网页设计实训http:/ 综合案例综合案例-企业网站企业网站HTML网页设计实训http:/ 一个公司的网站不仅可以用来发布公司的信息、展示产品或技术优势，更可以用来树立企业形象，展示或提高企业的竞争力，刺激需求，提高工作效率。制作企业网站重点在于整体风格的把握，选定一种颜色以后尽量围绕着一个色调进行设计。HTML网页设计实训http:/ width:797px;margin:auto;#content margin:5px 0 5px 0;#left width:200px;float:left;#center width:380px;float:left;margin-left:5

2、px;#right width:200px;float:left;margin-left:5px;#footerclear:both;HTML网页设计实训http:/ 分享到.联系我们 公司简介 新闻中心 企业邮箱 成功案例 HTML网页设计实训http:/ HTML代码）代码）首 页公司简介产品展示新闻中心在线留言联系我们 HTML网页设计实训http:/ width:797px;height:253px;#banner width:797px;height:209px;#nav width:797px;height:40px;line-height:40px;background:url(

3、./images/nav.jpg);#nav ul margin:0;padding:0;list-style:none;#nav li width:132px;float:left;background:url(images/navbg.jpg);text-align:center;#nav a:link,#nav a:visited,#nav a:activefont-size:13px;font-weight:bold;color:#0e6b8a;#nav a:hover color:#ff9900;HTML网页设计实训http:/ THML代码代码：）HTML网页设计实训http:/

4、CSS代码代码：）#left width:200px;float:left;height:520px;font-size:13px;border-right:#999999 dashed 1px;#left.titleheight:35px;line-height:35px;font-weight:bold;color:#78777c;padding-left:30px;background:url(./images/ltitle.jpg);#left#lei width:200px;height:204px;#left#lei ul margin:0;padding:0;#left#lei

5、li list-style:none;float:none;display:block;height:33px;line-height:33px;margin-top:1px;padding-left:20px;background:url(./images/leibg.jpg);#left#share width:190px;height:125px;padding-left:10px;#left#contact width:190px;height:120px;padding-left:10px;font-size:13px;#left#contact p margin:0px 0px;p

6、adding:0px;HTML网页设计实训http:/ HTML代码代码：）公司简介 网迪科技是.网迪科技经营范围是.新闻中心 信息时代的竞争工具-网站 (2007-07-28)信息时代的竞争工具-网站 (2007-07-28)HTML网页设计实训http:/ CSS代码代码：）#centerwidth:380px;float:left;margin-left:8px;height:520px;font-size:12px;#center.titleheight:35px;line-height:35px;font-weight:bold;color:#78777c;padding-left:

7、30px;background:url(./images/title.jpg);#center#about height:230px;padding:10px 15px;#center#about pmargin:0px 0px;line-height:20px;color:#003399;text-indent:2em;#center#newswidth:380px;height:170px;#center#news ulmargin:0px;padding:0px;#center#news lilist-style:none;height:26px;line-height:26px;bac

8、kground:url(./images/dian.jpg)no-repeat 5px 6px;border-bottom:1px dotted#4183B3;padding-left:15px;#center#news li afloat:left;#center#news li spanfloat:right;margin:0 10px;color:#5d5d5d;HTML网页设计实训http:/ HTML代码代码：）企业邮箱用户:密码:成功案例HTML网页设计实训http:/ CSS代码代码：）#rightwidth:200px;height:520px;float:right;back

9、ground:#f9f9f9;#right.titleheight:35px;line-height:35px;font-weight:bold;color:#78777c;padding-left:30px;background:url(./images/title.jpg);#right#loginheight:95px;border:1px solid#dfdfdf;border-top:0px;#right#login formpadding:0px;margin:0px;#right#login pmargin:0px;text-align:left;padding:5px 15px

10、;#right#login form input.text border:1px solid#cccccc;background:#ffffff;padding:0px;width:120px;#right#login form input.btn border:0px;background:url(./images/but.jpg);height:19px;padding:0px;width:55px;text-align:center;#right#casewidth:200px;height:240px;text-align:center;HTML网页设计实训http:/ 效果）效果）HTML网页设计实训http:/ HTML和和CSS代码）代码）版权所有：网迪科技公司 联系地址：XXXX 联系电话：XXXX您是本站的XXXX访客#footerclear:both;height:50px;font-size:12px;background:url(./images/footer.jpg);border-top:2px solid#0D6A89;padding-top:10px;text-align:center;#footer pmargin:0px;padding:2px;color:#333333;HTML网页设计实训http:/