购物网页

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物网页</title>
    <meta name=‘viewport‘ content=‘width=device-width,initial-scale=1.0‘>
    <link rel="stylesheet" href="./home1.css">
</head>
<body>
    <div class="header">
        <img src="./img/newlogo.png" alt="">
        <form action="">
            <input type="text" class="search">
            <input type="image" src="./img/indexsearch.png" class="searching">
        </form>
        <div class="ren"></div>
    </div>
    <div class="header-img">
        <img src="./img/lb.jpg" alt="">
    </div>
    <div class="nav">
        <a href="">
            <div class="nav_1"></div>
            <p>品牌</p>
        </a>
        <a href="">
            <div class="nav_2"></div>
            <p>分类</p>
        </a>
        <a href="">
            <div class="nav_3"></div>
            <p>优惠</p>
        </a>
        <a href="">
            <div class="nav_4"></div>
            <p>订单</p>
        </a>
        <hr>
    </div>
    <div class="main">
        <a href="">
        <hr>
            <div>
                <img src="./img/1.jpg" alt="">
                <p>优惠</p>
            </div>
        </a>
        <a href="">
        <hr>
            <div>
                <img src="./img/2.jpg" alt="">
                <p>优惠</p>
            </div>
        </a>
        <a href="">
        <hr>
            <div>
                <img src="./img/3.jpg" alt="">
                <p>优惠</p>

            </div>
        </a>
    </div>
    <div class="footer">
        <p>优惠促销特价</p>
        <p>&cnpy;2016-2016 xiaoyumi.net玉小米</p>
    </div>
    <a href="#">
        <div class="icon f1"></div>
    </a>
    <a href="#top">
        <div class="icon f2"></div>
    </a>
</body>
</html>
时间: 2024-10-22 17:06:58

购物网页的相关文章

购物网页css

@charset "utf-8"; /*清掉浏览器默认间距*/ *{margin: 0;padding: 0;}/*内外间距*/ body{ background: #f5f5f5; } .header{ width: 100%; height: 42px; } .header img{ height: 42px; float: left; } .header form{ width: 65%; height: 30px; float: left; margin-top: 5px;/*

网络购物时必需要知道的安全知识

在网购上,人人都有自己的一番抢购经验,但是对于钓鱼网站的支付陷阱防范安全常识,相信多数朋友并不十分清楚.下面网站认证就为大家分享支付陷阱有哪些的安全常识. 进行网上购物时,应注意以下事项: 1.了解与您交易的网上商户 在您信任的网站进行购物,如果是初次交易,建议确认商户的固定电话(而不是手机号码)以及邮寄地址(而不只是邮箱地址),验证商户的真实可靠性. 2.使用安全的网站 在支付页面进行支付时,留意网页地址的前缀变为"https://",并且IE浏览器右下角状态栏上显示锁状图案,这个标

微问诊

微问诊--医疗系统                                                             ----项目需求分析                                               1.    概要需求描述    a)背景:近年,排队难,求医难,医生和病患家属冲突事件频繁发生,老百姓和国家现在对医疗投入的关注度越来越高,老百姓呼吁改善医疗条件,国家响应呼 吁,加大力度投放医保市场.而现在,市场上已存在的医疗网站和APP内容不

前端开发学习笔记二

前几天把之前做的购物网页的js效果写了出来. 如图所示,分别为以下几个效果: 搜索按钮的文字效果 轮播图 模拟下拉菜单 鼠标点击按钮,图片进行左右滚动 在学习过程中,思想很重要.写一个效果之前,现对其进行设计,然后分析,最后再实现. 比如很简单的一个轮播图,让图片淡入淡出的切换.它的原理就是,先让所有的图片淡出,然后让当前要显示的图片淡入就可以了.理解了它的工作原理,写起来就很简单了. 1 shop.app.Banner=function(){ //Banner轮播图效果 2 var ad=do

【PhylabWeb】项目前端设计总结

PhylabWeb——前端设计感想 简介 本文的内容是关于我参与的软件工程项目——“Phylab-Web物理实验中心网站”的前端设计个人总结,来自团队:软剑攻城队 网站地址为:http://buaaphylab.com/,个人项目地址为:https://github.com/kibbon/Phylab-Web 整体展示效果如下图所示,建议使用较新版本的chrome/firefox内核浏览器浏览,(页面已采用响应式布局,可在移动设备上浏览): 首页 实验报告处理页面 注册页面 论坛主页面(基于we

ASP.NET笔记誊录

元数据:代码中二进制级别达到重用,包括IL代码,类的属性,字段方法,程序集,资源等各种数据 VS中的的代码智能提示就是反射元数据来获取的,是这个.net中代码中灵魂 sqlconnection连接池(list集合,放在内存中):保存内连接对象 内连接对象跟连接字符串相关,当sqlconnection conn=new sqlconnection(strConn1) 就会创建一个内连接对象,此时会根据对象的连接的字符串去sqlconnection连接池中查看是否有该对象,如果有则取出来用.没有则创

Http会话cookie session

HTTP本身时无状态通信协议,要进行会话管理的基本原理,就是将需要维持的状态回应给浏览器,有浏览器在下次请求时主动发送状态信息, 让Web应用程序"得知"请求之间的关联. 隐藏字段是将状态信息以窗体中看不到的输入字段回应给浏览器,在下次发送窗体时一并发送这些隐藏的输入字段值.Cookie是保存在浏览器上的一个小文件, 可设定存活期限,在浏览器请求Web应用程序时,会一并将属于网站的Cookie发送给应用程序.URL重写是使用超链接,并在超链接的URL地址附加信息,以GET的方式 请求W

会话管理

一.会话管理的基本原理 web应用程序的请求与响应是基于HTTP,为无状态的通信协议,服务器不会记得这次请求和下次请求的关系,如购物车,用户可能在多个购物网页之间采购商品,web应用程序必须有个方式来得知用户在这些网页中采购了哪些商品,这种记得此次请求与之后请求间关系的方式,就称为会话管理(Session Management). 1.使用隐藏域 隐藏域就是主动告知服务器多次请求间必要信息的方式之一.以问卷作答的为例,上一页的问卷答案,可以用隐藏域的方式放在下一页的窗体中,这样发送下一页窗体,就

企业网站制作要以简约为主

一些网页的个性元素可以直观地呈现企业或者品牌是做什么的.比如使用一些与风格相匹配的图标,为简约的网页加添了一些个性,而企业网站制作要以简约的方向为主! 简约风格的网站为啥会受到客户青睐,极简主义下的乔布斯给苹果的每个产品注入了简约的灵魂,简约风格成为时代潮流的一种见证.相比较清爽风格,简约风格也受欢迎的原因与人们的习惯有关.如今这种风格已经成为一种潮流,在制作网站企业接待的用户中,大多数人都会选择这种风格,不光由于这种风格的审美,由于它能表现的一种理念,进而给公司带来的益处.根据对行业属性以及访