年年有"余"

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2015|回复: 0

[电子商务] 1、商城首页制作实战训练--基本结构搭建

[复制链接]
  • TA的每日心情

    2024-10-15 10:05
  • 签到天数: 372 天

    [LV.9]以坛为家II

    发表于 2016-2-22 10:11:01 | 显示全部楼层 |阅读模式
    本帖最后由 Sian 于 2016-2-22 11:19 编辑

    1、搭建网站基本结构,在根目录下分别创建css、img、js目录
    2、根目录下创建index.html文件
    3、在css目录下创建基本样式文件style.css并重置基本元素样式
    4、下载jQuery框架压缩包至js目录
    5、最终效果图如下所示:
    100度.jpg
    6、部分代码
    index.html
    [HTML] 纯文本查看 复制代码
    <!DOCTYPE html>
    <html>
    <head>
            <title>电子商务网站模板</title>
            <meta charset="utf-8"/>
            <link rel="stylesheet" href="css/style.css"/>
            <script src="js/jquery-1.12.0.min.js"></script>
            <script>
                    $(function(){
                            // 测试jQuery是否正常
                            $('body').html('aaa');
                    })
            </script>
    </head>
    
    <body>
            123
    </body>
    </html>
    style.css
    [CSS] 纯文本查看 复制代码
    /* 样式重置 */
    body,h1,h2,h3,h4p,ul,ol,form,input,textarea,th,td,select{margin: 0;padding: 0;}
    em{font-style: normal;}
    li{list-style: none;}
    a{text-decoration: none;}
    img{border: none;vertical-align: top;}
    table{border-collapse: collapse;}
    input,textarea{outline: none;}
    textarea{resize: none;overflow: auto;}
    body{font-size: 12px;}
    7、源代码下载
    游客,如果您要查看本帖隐藏内容请回复
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|Archiver|iOS开发笔记 ( 湘ICP备14010846号 )

    GMT+8, 2024-11-25 02:11 , Processed in 0.053325 second(s), 25 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

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