【贵美商城】首页设计

最新推荐文章于 2020-09-25 12:12:39 发布
最新推荐文章于 2020-09-25 12:12:39 发布
阅读量1.9k 收藏 15
点赞数 5
分类专栏： 代码功能类 javascript 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44759710/article/details/106160634
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/Untitled-2.css" />
<title>主页</title>
    <style type="text/css">
        #time{
            width: 200px;
            height: 20px;
            position: absolute;
            left:1200px;
            top: 70px;
            border: 1px solid red;
        }
    </style>
    <script>


        window.onload=function(){
            var dom =document.getElementById("time");
            var year,month,day,hours,minute,second;
            function clock(){
                var today=new Date();
                year=today.getFullYear();
                month=today.getMonth()+1;
                day=today.getDay();
                hours=today.getHours();
                minute=today.getMinutes();
                second=today.getSeconds();
            }
            setInterval(
                    function(){
                        clock();
                        dom.innerHTML="您好，现在是北京时间"+year+"年"+month+"月"+day+"日"+hours+"时"+minute+"分"+second;
                    },1000)
        }

    </script>
</head>

<body>
  <div id="head">
      <div id="time"></div>
    <div id="subnav">
        <ul>
      <li class="pic" id="pic"></li>
      <li><a href="dizhi.html">购物车</a></li>
      <li class="pic" id="pic2"></li>
      <li><a href="service.html">帮助中心</a></li>
      <li class="pic" id="pic3"></li>
      <li><a href="#">加入收藏</a></li>
      <li class="pic" id="pic4"></li>
      <li><a href="#">设为首页</a></li>
      
      <li id="button">&nbsp;&nbsp;<a href="register.html"><input type="button" src="" value="登录" /></a>&nbsp;
     <a href="login.html"><input type="button" value="注册" /></a></li>
      </li>
          
        </ul>
    </div>
    <div id="nav">
    <ul>
      <li class="er"><a href="index.html">首页</a></li>
      <li><a href="list.html">家用电器</a>
        <ul>
          <li>好好学习</li>
           <li>天天向上</li>
            <li>哈哈</li>
        </ul>
      
      
      </li>
      <li><a href="list.html">手机数码</a></li>
      <li><a href="list.html">日用百货</a></li>
      <li><a href="list.html">书籍</a></li>
      <li><a href="service.html">帮助中心</a></li>
      <li><a href="list.html">免费开店</a></li>
      <li><a href="list.html">全球资讯</a></li>
    </ul>  
    </div>
  </div>
  <div id="main">
  <div id="sidebar_a">
    <ul>
      <li class="goodstype">家用电器</li>
      <li><a href="fenlei.html">大家电</a></li>
      <li><a href="fenlei.html">洗衣机</a></li>
      <li><a href="fenlei.html">平板电视</a></li>
      <li><a href="fenlei.html">电热水器</a></li>
      <li><a href="fenlei.html">家庭音响</a></li>
      <li><a href="fenlei.html">热水器</a></li>
      <li><a href="fenlei.html">空调冰箱</a></li>
      <li><a href="fenlei.html">冰柜</a></li>
      <li><a href="fenlei.html">DVD</a></li>
      <li><a href="fenlei.html">电视附件</a></li>
      <li><a href="fenlei.html">电燃气</a></li>
      <li><a href="fenlei.html">加电下乡</a></li>
      <li><a href="fenlei.html">家电服务</a></li>
      <li><a href="fenlei.html">电饭煲</a></li>
      <li><a href="fenlei.html"> 摄像机</a></li>
    </ul>
   <ul>
      <li class="goodstype">家用电器</li>
     <li><a href="fenlei.html">大家电</a></li>
      <li><a href="fenlei.html">洗衣机</a></li>
      <li><a href="fenlei.html">平板电视</a></li>
      <li><a href="fenlei.html">电热水器</a></li>
      <li><a href="fenlei.html">家庭音响</a></li>
      <li><a href="fenlei.html">热水器</a></li>
      <li><a href="fenlei.html">空调冰箱</a></li>
      <li><a href="fenlei.html">冰柜</a></li>
      <li><a href="fenlei.html">DVD</a></li>
      <li><a href="fenlei.html">电视附件</a></li>
      <li><a href="fenlei.html">电燃气</a></li>
      <li><a href="fenlei.html">加电下乡</a></li>
      <li><a href="fenlei.html">家电服务</a></li>
      <li><a href="fenlei.html">电饭煲</a></li>
      <li><a href="fenlei.html"> 摄像机</a></li>
    </ul>
    
     <ul>
      <li class="goodstype">家用电器</li>
     <li><a href="fenlei.html">大家电</a></li>
      <li><a href="fenlei.html">洗衣机</a></li>
      <li><a href="fenlei.html">平板电视</a></li>
      <li><a href="fenlei.html">电热水器</a></li>
      <li><a href="fenlei.html">家庭音响</a></li>
      <li><a href="fenlei.html">热水器</a></li>
      <li><a href="fenlei.html">空调冰箱</a></li>
      <li><a href="fenlei.html">冰柜</a></li>
      <li><a href="fenlei.html">DVD</a></li>
      <li><a href="fenlei.html">电视附件</a></li>
      <li><a href="fenlei.html">电燃气</a></li>
      <li><a href="fenlei.html">加电下乡</a></li>
      <li><a href="fenlei.html">家电服务</a></li>
      <li><a href="fenlei.html">电饭煲</a></li>
      <li><a href="fenlei.html"> 摄像机</a></li>
    </ul>
     <ul>
      <li class="goodstype">家用电器</li>
     <li><a href="fenlei.html">大家电</a></li>
      <li><a href="fenlei.html">洗衣机</a></li>
      <li><a href="fenlei.html">平板电视</a></li>
      <li><a href="fenlei.html">电热水器</a></li>
      <li><a href="fenlei.html">家庭音响</a></li>
      <li><a href="fenlei.html">热水器</a></li>
      <li><a href="fenlei.html">空调冰箱</a></li>
      <li><a href="fenlei.html">冰柜</a></li>
      <li><a href="fenlei.html">DVD</a></li>
      <li><a href="fenlei.html">电视附件</a></li>
      <li><a href="fenlei.html">电燃气</a></li>
      <li><a href="fenlei.html">加电下乡</a></li>
      <li><a href="fenlei.html">家电服务</a></li>
      <li><a href="fenlei.html">电饭煲</a></li>
      <li><a href="fenlei.html"> 摄像机</a></li>
    </ul>
  
  
  </div>
  <div id="content">
      <div id="content1"><img src="images/ad-01.jpg" alt=""/></div>

      <div id="content2">


              <dl>
                  <dt><img src="images/promote-1.jpg " >
                  <dd><a href="fenlei.html"> 惠普商务移动</a></dd>
                  </dt></dl>
          <dl>
                  <dt><img src="images/promote-2.jpg" >
                  <dd><a href="fenlei.html"> 夏新N6 &nbsp;GPS真人语音导航</a></dd>
                  </dt></dl>
          <dl>
                  <dt><img src="images/promote-3.jpg" >
                  <dd><a href="fenlei.html"> 三星家庭影院&nbsp;HT购机送豪礼</a></dd>
                  </dt>
              </dl>


      <dl>
          <dt><img src="images/laser-pen.jpg" ></dt>
          <dd><a href="fenlei.html"> 明基投影仪2899元送一百元京券</a></dd>
          
      </dl>
       <dl>
          <dt><img src="images/mouse.jpg">
          <dd><a href="fenlei.html">罗技数据移动鼠标79元开抢了</a></dd>
          </dt></dl>
          <dl>
          <dt><img src="images/earphone.jpg">
          <dd><a href="fenlei.html">海森娜儿耳机绝对不容错过！</a></dd>
          </dt>
      </dl>
      <dl>
          <dt><img src="images/Wancom.jpg">
          <dd><a href="fenlei.html">亚马逊随时读，随时记录，时尚最佳选择</a></dd>
          </dt></dl>
          <dl>
          <dt><img src="images/frame.jpg">
          <dd><a href="fenlei.html">优雅相框</a></dd>
          </dt></dl>
          <dl>
          <dt><img src="images/notebook.jpg">
          <dd><a href="fenlei.html">IBM 2009最新上网本，特色尽显</a></dd>
          </dt>
      </dl>





          </div>

  </div>

  <div id="sidebar_b">
      <div id="sidebar_b_1">
          <dl>
              <dt> <img src="images/show1.jpg"></dt>
                  <dd><a href="fenlei.html"> 大牌狂降价，疯狂送</a></dd>
              </dt>
          </dl>
          <dl>
              <dt><img  src="images/show1.jpg"></dt>
                  <dd><a href="fenlei.html"> 大学要求老师开网店</a></dd>
              </dt>
          </dl>
          <dl>
              <dt><img src="images/show3.jpg"></dt>
              <dd><a href="fenlei.html"> 黑眼圈推荐美白不停</a></dd>
              </dt>
          </dl>
          <dl>
              <dt><img  src="images/show4.jpg"></dt>
              <dd><a href="fenlei.html">瘦身狂潮分修型之美</a></dd>
              </dt>
          </dl>

      </div>
      <div id="rest">
      <ul id="jotter">
        <li>
           <p>品牌：
           <select>
             <option>联想</option>
             <option>华硕</option>
             <option>戴尔</option>
           </select></p>
           <p>尺寸：
            <select>
             <option>14寸</option>
             <option>16寸</option>
             <option>24寸</option>
           </select>
           
           </p>
           <p>价格：
             <select>
             <option>免费送</option>
             <option>¥1</option>
             <option>¥2</option>
           </select>
           
           </p>
        </li>
      </ul>
      <ul id="cellular">
        <li><img src="images/tab2.gif" /></li>
      </ul>
      </div>
      











  </div>



</div>
  <div id="foot">
      <div id="friendlink">

          <ul>
              <li class="link" style="border-left: none"><b>友情链接:</b></li>
              <li class="link" style="border-left: none"><a href="index.html">首页</a></li>
              <li><a href="#">Goole</a></li>
              <li><a href="#">雅虎</a></li>
              <li><a href="#">淘宝</a></li>
              <li><a href="#">拍拍</a></li>
              <li><a href="#">易趣</a></li>
              <li><a href="#">当当</a></li>
              <li><a href="#">京东</a></li>
              <li><a href="#">迅雷</a></li>
              <li><a href="#">新浪</a></li>
              <li><a href="#">网易</a></li>
              <li><a href="#">搜狐</a></li>
              <li><a href="#">开心网</a></li>
              <li><a href="#">新华网</a></li>
              <li><a href="#">凤凰网</a></li>
              
              <li><a href="#">赶集网</a></li>
          </ul>
      </div>
      <hr/>
      <PRE>
            COPYRIGHT @ 2003-2010 北京市贵美商城有限公司 ALL RIGHT RESERVED
             热线： 400-66-13060 email：service@prd.com
             ICP: 沪ICP备05021104号
             <img src="images/img1.gif"><img src="images/img2.gif"><img src="images/img3.gif"><img src="images/img4.gif" >

         </PRE>
  </div>
</body>
</html>
根号二点五
关注
  • 5
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
贵美商城项目
02-12
贵美商城，可以实现跳转的。
贵美商城网站首页
10-10
贵美网站首页，要的自已去下
贵美商城网页的源代码
11-17
本人制作的贵美商城网页的源代码。呵呵！学习时制作的网页要求项目。
【贵美商城】制作贵美注册页
qq_44759710的博客
05-20 2647
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="css/1.css" type="text/css" rel="stylesheet" /> </head> <body margin-top:50px;" background="images/login_bg.gif" ;ba
贵美商城总结
l3579的博客
09-25 3084
HTML总结 从9月15日开始到昨天23号，用HTML写了一个简单的项目，贵美商城的网页。 总共8个页面，每个页面的头和尾用标签插入到每个页面。 当点击首尾的超链接进行网页跳转需要在超链接后面target="_blank"。 <ul> <li><a href="../boss.html" target="view_window">首页</a></li> <li><a href="../list_of_goods
贵美商城htmlcssjs完整示例代码_贵美商城完整源代码htmI,贵美商城的html网页制作代码
06-07
贵美商城html+css+js完整示例代码,可运行
HTML CSS 贵美商城网页布局
热门推荐
活捉一只技术白的博客
06-29 1万+
HTML 贵美商城网页布局 文章目录HTML 贵美商城网页布局效果图结果图代码 材料：链接：https://pan.baidu.com/s/13wK9ZvSAQ7lLkhYwFGUXdg 提取码：f5it 然后将素材放入img 效果图 结果图 代码 <!DOCTYPE html> <html> <head> <meta charset="utf...
贵美主页框架演示：从代码到效果的详细解析
howard2005的专栏
02-23 1786
贵美主页框架演示 1、效果演示 2、编写代码 （1）贵美框架.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贵美框架</title> </head> <frameset ...
贵美网首页：深入理解Web开发中的div+css布局
howard2005的专栏
02-24 1775
关于Web开发中的div+css布局
【贵美】制作具体介绍页
qq_44759710的博客
05-14 345
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
贵美商城首页代码
06-17
贵美商城首页 头部尾部 内容 二级菜单 超链接 图片轮换
贵美商城源代码（包含素材）
09-17
贵美商城源代码（包含素材）这是我们上机课做的项目，分享一下。
贵美商城HTML网站代码
04-27
使用HTML技术开发的网站 可供学习参考
贵美商城的代码
05-25
各位多多参考，以后大家有神马代码都可以上传上来。这样大家就能交流了
贵美商城页面
05-08
贵美商城代码 有用的可以下载 运用了CSS+DIV布局 希望可以该大家带来便捷
贵美商城课程设计说明书
01-08
SSH框架商城设计，提供较为清楚地的设计思路以及完整的代码
贵美商城项目源代码+报告文档+答辩PPT（SSM开发版）
12-27
贵美商城项目实训 1.模块简介 1.1登录注册模块 1.1.1注册： 字段：用户名，手机号，密码，重复密码，手机验证码，邮箱 注册功能前段用js校验。 用户名： 2-8位由字母、数字、_或汉字组成。 密码：6-20位字符...
基于SSM+JSP的贵美服装商城购物系统设计（源码+视频+运行截图）
02-28
基于SSM+JSP的贵美服装商城购物系统设计（源码+视频+运行截图） 内容概要：一共有2个身份，剁手党用户和商家！用户可以前台注册登录，挑选自己满意的服装，加入购物车提交订单，选择支付方式和收货地址！收到货后...
计算机毕业课程设计源码-JSP基于SSM的贵美服装商城购物系统设计
08-08
主要功能有: 一共有2个身份，剁手党用户和商家！...收到货后可以对购物体验进行评价。商家登录后可以发布管理服装商品，可以对服装进行上架和下架管理，还可以设置不同级别的推荐指数！可以管理维护用户信息！...
html贵美商城导航条
最新发布
07-23
### 回答1： HTML贵美商城导航条是一个用于浏览和导航商城网站内容的工具。导航条通常位于网页的顶部或侧边栏，包含了商城的各个页面和功能链接。 导航条的设计和布局应该简洁明了，方便用户快速找到所需的信息和功能。通常导航条会分为几个主要的分类，如首页、商品分类、促销活动、购物车和个人中心。每个分类下可能还会有子菜单，以展示更多相关链接。 HTML贵美商城导航条的样式可以根据品牌的风格定制，通常使用公司的标识、颜色和字体以保持一致性。导航条可以以静态或者动态的方式呈现，例如当鼠标指向某个链接时，会显示下拉菜单或高亮效果。 导航条也应具备响应式设计，以适应不同设备上的显示效果。在手机和平板等小屏幕设备上，可以使用折叠式菜单或滑动式导航条来提供更好的用户体验。 HTML贵美商城导航条的编写主要使用HTML和CSS来创建。HTML负责定义导航条的结构和内容，例如使用`<ul>`和`<li>`标签创建导航栏的列表。CSS负责设置导航条的样式，例如设置背景色、文字颜色和边框样式等。 通过设计和实现一个易用、美观的导航条，HTML贵美商城可以提升用户体验，帮助用户快速浏览和购买所需的商品，从而提高网站的转化率和销售额。 ### 回答2： HTML贵美商城导航条是一个用于网站的导航功能的HTML元素。它通常位于网站的顶部，用于展示网站的主要功能和页面分类。 HTML贵美商城导航条通常包含一系列链接，这些链接可以指向网站的主页、商品分类、促销活动、个人中心等重要页面。导航条通常是水平排列的，可以通过CSS样式进行设计和自定义，以便与网站整体风格相匹配。 导航条的设计应该简洁明了，方便用户快速找到所需的页面。一般来说，导航条应该包括主要功能和页面，不宜过于拥挤或复杂，以免给用户带来困扰。同时，导航条应该易于操作，在各种设备上都能够正常显示和使用，以提供良好的用户体验。 HTML贵美商城导航条可以通过HTML代码实现，通过使用`<ul>`和`<li>`元素来创建一个有序列表，每个列表项可以使用`<a>`元素添加链接。通过使用CSS样式，可以设置导航条的大小、颜色、字体等样式属性，以实现所需的外观效果。 总之，HTML贵美商城导航条是一个重要的网站元素，它能够帮助用户快速导航到所需的页面，提供更好的用户体验。通过合理的设计和使用HTML和CSS，可以创造出功能强大、易于使用的导航条。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值