全国大中专教材网络采选系统

推荐纸质教材推荐数字资源

网页设计与制作教程（HTML+CSS+JavaScript） / 普通高等教育计算机规划教材

￥39.00定价

作者：刘瑞新

出版时间：2013-04

出版社：机械工业出版社

以下为《网页设计与制作教程（HTML+CSS+JavaScript）》的配套数字资源，这些资源在您购买图书后将免费附送给您：

关闭

基本信息评价

出版社：机械工业出版社
ISBN：9787111412182
版次：1-6
图书编号：187981
本季征订号：45156473-6
出版时间：2013-04
千字：482
页数：312
学科分类1：工学
学科分类2：计算机科学与技术

内容简介

本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。全书以电脑商城购物网站的设计与制作为讲解主线，围绕商城栏目的设计，详细全面系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书共分12章，主要内容包括：HTML基础、表单、HTML高级应用、CSS基础、DIV+CSS布局方法、用CSS设置文本和图像、用CSS设置链接与导航菜单、JavaScript脚本语言、使用JavaScript制作网页特效、购物商城首页、商品列表和详细信息页面和购物商城后台管理页面。本书所有例题、习题及上机实训均采用案例驱动的方式讲述，通过大量实例深入浅出、循序渐进地引导读者学习。

出版说明
前言

教学建议
第1章 HTML基础1
1.1 HTML简介1
1.1.1 HTML发展历史1
1.1.2 HTML 5的特性及元素2
1.2 HTML编写规范3
1.2.1 HTML文档结构3
1.2.2 HTML代码规范4
1.2.3 使用HTML语法编写HTML 5
文档4
1.3 网页文件的创建过程6
1.4 搭建支持HTML 5的浏览器
环境6
1.5 文字与段落排版7
1.5.1 注释标签7
1.5.2 强制换行标签
8
1.5.3 段落标签

...

8
1.5.4 定位标签

...

8
1.5.5 水平线标签

8
1.5.6 标题文字标签...9
1.5.7 文字与段落排版综合实例9
1.6 超链接10
1.7 图像13
1.7.1 图像标签13
1.7.2 用图像作为超链接热点14
1.7.3 图像应用综合实例14
1.8 表格15
1.8.1 简单表格15
1.8.2 表格内文字的对齐方式16
1.8.3 表格在页面中的对齐方式16
1.8.4 表格应用综合实例16
1.9 列表17
1.9.1 无序列表标签

17
1.9.2 有序列表标签

18
1.10 实训19
习题120
第2章表单22
2.1 表单的工作原理22
2.2 表单标签22
2.3 表单元素22
2.3.1 元素23
2.3.2 选择栏

...                            </div>
                            <a href="javascript:void(0);" class="tpml-all"></a>
                        </div>
                                    </div>

<div class="tab-main" style="display: none;">
                    <form id="search_form" action="" method="get">
                        <input type="hidden" value="evaluate" name="cur">
                        <input type="hidden" name="textbook_id" value="615537">
                        <input type="hidden" name="page" id="search_form_page" value="1">
                    </form>
                    <div class="table-H">
                        <span>好评度</span>
                    </div>
                    <ul class="pjBox">
                        <li>
                            <div class="pjStar">
                                                                <p>内容评价
                                    <label class="star-box">
                                                                                                                            <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                            </label>
                                </p>
                                <p>质量评价
                                    <label class="star-box">
                                                                                                                            <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                                    <i></i>
                                                                            </label>
                                </p>
                            </div>
                        </li>
                    </ul>
                    <div class="table-H">
                        <span>全部评价</span>
                    </div>
                    <ul class="pjBox">
                                                    <div class="no-content">暂无评价信息</div>
                                            </ul>
                    <div id="page" class="page_div"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        var cur = "default";
        if (cur == 'evaluate') {
            $('#evaluate').addClass('cur').siblings('a').removeClass('cur');
            $('.tab-main').hide().eq($('#evaluate').index()).show();
        } else if (cur == 'default') {
            $('#default').addClass('cur').siblings('a').removeClass('cur');
            $('.tab-main').hide().eq($('#default').index()).show();
        }
        if ($('.tpml').height() > 250) {
            $('.tpml-all').html('展开更多')
            $('.tpml').css('height', '250px')
        }
        if ($('.content-caixuan').height() > 85) {
            $('.content-caixuan-all').html('查看全部')
            $('.content-caixuan').css('height', '85px')
        }
        if ($('.author').height() > 50) {
            $('.author-all').html('查看全部')
            $('.author').css('height', '50px')
        }
    });
    Look = {};
    Look.tanBox = function (box_id) {
        tanBox(box_id);
    };
    $("#page").paging({
        pageNo: $("#search_form_page").val(),
        totalPage: 0,
        totalSize: 0,
        callback: function (num) {
            jumpto(num)
        }
    });

$('.author-all').click(function () {
        if ($(this).html() === '查看全部') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('查看全部').prev('div');
            $con.css('height', '50px');
            $con.css('overflow', 'hidden');
        }
    });

$('.content-caixuan-all').click(function () {
        if ($(this).html() === '查看全部') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('查看全部').prev('div');
            $con.css('height', '85px');
            $con.css('overflow', 'hidden');
        }
    });

$('.tpml-all').click(function () {
        if ($(this).html() === '展开更多') {
            var $con = $(this).html('收起').prev('div');
            $con.css('height', '100%');
        } else {
            var $con = $(this).html('展开更多').prev('div');
            $con.css('height', '250px');
            $con.css('overflow', 'hidden');
        }
    });

$(".table-tab a").click(function () {
        $(this).addClass('cur').siblings('a').removeClass('cur');
        $('.tab-main').hide().eq($(this).index()).show();
        $(".table-radio label:visible").attr("style", "border:0");
        if ($(".table-radio label:visible").length == 1) {
            $(".table-radio").hide();
        }
    })
</script>
<div class="fri-link foot-link">
    <span class="fri-link-dt">友情链接</span>
    <a class="fri-link-item fri-link-item1" href="http://cn.cnpubg.com/" target="_blank">中国出版集团公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.xhsdzd.com/">新华书店总店</a>
	<a class="fri-link-item" target="_blank" href="http://www.pac.org.cn/">中国出版协会</a>
	<a class="fri-link-item" target="_blank" href="http://www.crs1992.com/">中国编辑学会</a>
	<a class="fri-link-item" target="_blank" href="http://www.hep.com.cn/">高等教育出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cmpedu.com/">机械工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.sciencep.com/">科学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cip.com.cn/">化学工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cepp.sgcc.com.cn/">中国电力出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.phei.com.cn/">电子工业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ccpcl.com.cn/">人民交通出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.crup.com.cn/">中国人民大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.pup.cn/">北京大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.tup.tsinghua.edu.cn/index.html">清华大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ryjiaoyu.com.cn">人民邮电出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ccap.com.cn/">中国农业出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cabp.com.cn/">中国建筑工业出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.pmph.com/">人民卫生出版社</a>
	<a class="fri-link-item" target="_blank" href="http://dutp.dlut.edu.cn">大连理工大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.bitpress.com.cn/">北京理工大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.zzup.cn/">郑州大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.bnump.com/">北京师范大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://nkup.nankai.edu.cn/">南开大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.wdp.com.cn/book/bookIndex.action">武汉大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.textbookcenter.cn">北京出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.gph.com.cn/">地质出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.dufep.cn">东北财经大学出版社有限责任公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.lawpress.com.cn/">法律出版社有限公司</a>
	<a class="fri-link-item" target="_blank" href="http://www.castp.cn/">中国农业科学技术出版社</a>
	<a class="fri-link-item" target="_blank" href="https://press.ustc.edu.cn/">中国科学技术大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.cqup.com.cn/">重庆大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://xdcbs.com/">西南大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.jiaodapress.com.cn/">上海交通大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.waterpub.com.cn/">中国水利水电出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.ecnupress.com.cn/">华东师范大学出版社</a>
	<a class="fri-link-item" target="_blank" href="https://www.fltrp.com/">外语教学与研究出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.fudanpress.com/">复旦大学出版社</a>
	<a class="fri-link-item" target="_blank" href="http://www.cptcm.com/">中国中医药出版社</a>
</div>

<div class="footer">
    <div class="footerBox">
        <div class="footerTop">
            © 2018-2025 新华国采教育网络科技有限责任公司 版权所有
        </div>
        <ul>
            <li style="width:25%;">
                <p>客服热线：010-88362023、010-88361712</p>
                <p><a target="_blank" href="https://beian.miit.gov.cn/" class="icp_num">京ICP备16053406号</a></p>
            </li>
            <li style="width:35%;">
                <p>出版物经营许可证：新出发京零字第西160035号</p>
                <p>京公网安备 11010202007778号<img src="/images/ip.jpg"></p>
            </li>
            <li style="width: 40%;">
                <p>信息系统安全等级保护（三级）备案证明编号：11010243697-20001</p>
                <p>增值电信业务经营许可证编号：京B2-20170886</p>
            </li>
        </ul>
    </div>
</div>

</body>
    </html>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?8c456308ba2e540841c85599c32c7d67";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>
    (function () {
        var script = document.createElement("script");
        script.src = "https://log.aijiaocai.cn/static/app/dist/api-v1-fetch.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(script, s);
        if (script.addEventListener) {
            script.addEventListener('load', function () {
                browseLog();
            }, false);
        } else if (script.attachEvent) {
            script.attachEvent('onreadystatechange', function () {
                var target = window.event.srcElement;
                if (target.readyState == 'loaded') {
                    browseLog();
                }
            });
        }
        function browseLog() {
            var options = {sysCode: 'xhgc.aijiaocai.textbooking.web', sysName: '采选系统PC端', autoBrowse: false};
            var info = {
                operateType: 'browse',
                userCode: '',
                realName: '',
                orgCode: '',
                content: {login_type: ''}
            };
            var logCenterLogger = new logCenter.Logger(options);
            logCenterLogger.log(info);
        }
    })();
</script>