设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 内页
发新帖
返回列表
1 1319
电梯直达  跳转到指定楼层

[提问] 内页

晓晓喵|新手上路 |勤币 41 |学币 0
发表于 2020-3-22 16:09 | 复制链接 | 打印 | 上一主题 | 下一主题
Dreamweaver CC零基础入门教程 - 6.6 网站内页的搭建思路
代码与图片效果不一样，麻烦老师看一下呦错哪里了
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>关于</title>
  5.         <link href="images/imt.css" rel="stylesheet" type="text/css">
  6. </head>

  8. <body><div class="header">
  9. <a href="#" class="logo"><img src="images/logo.png" alt=""></a>
  10.        
  11.         <div  class="hdRight">
  12.    <div class="text"><a href="#">EN</a>  <a href="#">收藏本站</a>  <a href="#">企业邮箱</a></div>
  13.                 <div class="tel">咨询电话：********</div>
  14.         </div>
  15.         </div>
  16.        
  17.        
  18.        
  19.         <div class="nav">
  20.                 <ul>
  21.         <li><a href="index.html">首页</a></li>
  22.    <li><a href="about.html">关于恒杰</a></li>
  23. <li><a href="#">产品中心</a></li>
  24. <li><a href="news.html">新闻资讯</a></li>
  25.                         </ul>
  26.         </div>
  27.        
  28. <div class="subsetBanner"></div>
  29.        
  30.         <div class="subsetWrap">

  32.                 <div class="aside">
  33.                         <div class="title">
  34.                         <h2>关于我们</h2>
  35.                 </div>
  36.                         <ul class="subnav">
  37.                         <li><a href="#">简介<i></i></a></li>
  38.                         <li><a href="#">简介<i></i></a></li>
  39.                         <li><a href="#">简介<i></i></a></li>
  40.                         <li><a href="#">简介<i></i></a></li>
  41.                         <li><a href="#">简介<i></i></a></li>
  42.                        
  43.                         </ul>
  44.                 </div>
  45.                
  46.                 <div class="main">
  47.                        
  48.                         <div class="title">
  49.                         <h3>内容</h3>
  50.                                 <div class="link">
  51.                         <i></i>所在位置: <a href="#">首页</a>--<a href="#">关于我们</a>--<a href="#">内容</a>
  52.                 </div>
  53.                

  55.                        
  56.                        
  57.         <div style="clear: both"></div>
  58. </div></div>
  59.                
  60.         <div class="con">
  61.                         <div class="aboutCon">
  62.                                 <img src="images/ti.jpg" class="pic">
  63.                                 <p>西涌（xī chōng），位于大鹏半岛南澳南，其中西涌海滩是深圳最长的海滩，有着长达 10里的海滩。银色的沙滩洁白细软，如绸缎般飘逸舒畅。山、海、湖、岬角风光旖旎，青山绿水、海天一色，无敌风光，无敌海景——西涌最幽静的那个月半湾。主要景点是长达数公里的海滩，被誉为中国最美的海景之一。</p>
  64.                                 <p>西涌有一家酒店，几家客栈和若干民房组成。酒店为三星级，价格较高，客栈较为平价，不过质量良莠不齐。推荐入住口碑比较好的客栈。
  65. 吃的方面西涌特色是海鲜和窑鸡以及当地有若干农家乐。西涌沙滩上有很多排档但价格稍贵。农家乐较为平价。当然也有很多客栈提供自助厨房服务。只要交少量费用就可以加工自己买的海鲜。</p>
  66.                 </div>
  67.                        
  68.                         </div>
  69.        
  70.                
  71.        

  73.         <div style="clear: both"></div>
  74. </div>
  75.        
  76.        
  77.        
  78.        
  79.        
  80.         <!--关于我们区域-->       
  81.        
  82.        
  83.        
  84.        
  85.        
  86.        
  87.         <div class="about">
  88.         <div class="ablogo"><img src="images/log.png"/></div>
  89.         <h1>深圳
  90.                 </h1>
  91.         <div class="line"></div>
  92.         <div class="text">深圳，简称“深”，别称鹏城，是广东省副省级市、计划单列市、超大城市，<br/>复确定的中国经济特区、全国性经济中心城市和国际化城市   。截至2018年末，全市下辖9个区，总面积1997.47平方千米，<br/>积927.96平方千米，常住人口1302.66万人，城镇人口1302.66万人，城镇化率100%，是中国第一个全部城镇化的城
  93.                 市</div>
  94.         </div>
  95. </body>
  96. </html>
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共1个回复 最后回复于 2020-3-22 19:43

晓晓喵
新手上路
勤币 41   学币 0  
沙发
发表于 2020-3-22 19:43:59 | 只看该作者
我做成效果是这样的，错在了那里？

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表