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

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

Web前端开发教程新编 / 高等院校课程思政探索系列教材

定价：￥58.80

作者：徐妲，高政

出版时间：2022-09

最新印次日期：2024-6

出版社：东北师范大学出版社

以下为《Web前端开发教程新编》的配套数字资源，这些资源在您购买图书后将免费附送给您：

关闭

基本信息评价

出版社：东北师范大学出版社
ISBN：9787568194334
版次：1-2
出版时间：2022-09
本科门类：教育学
本科专业类：教育学类
适用专业：新媒体、教育学
适用分级：本科

作者简介

徐妲，博士，副教授。吉林工程技术师范学院新闻与出版学院数字媒体系主任。主要从事网络与新媒体技术、媒介素养等方向研究。具有多年教育软件设计与研发经验，发表多篇教学科研论文，其中CSSCI论文7篇，核心期刊3篇，参与和主持多项国家级、省级教科研课题。指导学生参与“互联网+”大赛获得省级金奖，挑战杯中国大学生创业计划竞赛铜奖。

高政，硕士，讲师。毕业于东北师范大学。现就职于吉林工程技术师范学院，从事学生思想政治工作、大学生就业创业教育工作多年。拥有丰富的理论水平与实际指导经验。研究方向为大学生职业生涯规划、大学生思想政治教育、大学生心理健康教育。《职业生涯规划》教师教育国家级精品课建设工作课题组成员。

查看全部

内容简介

《Web前端开发教程》是在新文科背景下的传媒相关专业与计算机工科结合的课程内容。本书共包含HTML，CSS，JavaScriptWeb前端开发三大核心技术，通过案例、启发式问题让读者通过探究和实践实现知识的吸收和内化。本书采用立体化教材建设模式，纸质书与电子资源相结合，提供相应的知识点讲解、案例代码、习题库、网页配色库、网页素材库、网页案例库等内容。与以往计算机类理工教材不同，本书的读者对象主要是偏文科的学生和老师。在内容组织上采用项目拉动教学的方式，在传统知识与技能的基础上，更注重学生的德育教育和信息素养的养成，挖掘技术之中的人文关怀。在语言风格上，尽量降低专业术语带来的学习障碍，由浅入深，通俗易懂，让读者轻松愉快地阅读内容，掌握Web前端开发的基础知识。

第1章 Web前端开发概述
1.1 Web系统
1.2 Web系统工作原理
1.3 Web前端开发
1.4 本章小结
1.5 思考与实践
第2章走进HTML世界
2.1 HTML发展历史
2.2 初识HTML
2.3 动手制作第一个网页
2.4 HTML语法解析
2.5 HTML页面结构
2.6 本章小结
2.7 思考与实践
第3章文字与段落
3.1 HTML中的文字
3.2 HTML中的段落
3.3 HTML中的标题
3.4 文本格式化
3.5 文本字体标签——font
3.6 本章小结
3.7 思考与实践
第4章 HTML多媒体
4.1 在网页中插入图片——img
4.2 在网页中插入音频——audio
4.3 在网页中插入视频——video
4.4 本章小结
4.5 思考与实践
第5章超文本链接
5.1 HTML超文本链接标签
5.2 HTML书签链接
5.3 本章小结
5.4 思考与实践
第6章 HTML列表
6.1 列表标签
6.2 无序列表
6.3 有序列表
6.4 自定义列表
6.5 本章小结
6.6 思考与实践
第7章表格
7.1 创建表格
7.2 表格主要标签
7.3 跨行和跨列
7.4 本章小结
7.5 思考与实践
第8章表单
8.1 创建表单

8.2 标签属性
8.3 表单输入元素
8.4 文本标签
8.5 多行文本域

<br />
8.6 下拉列表框<select> <br />
8.7 按钮<button> <br />
8.8 本章小结 <br />
8.9 思考与实践 <br />
第9章 CSS基础 <br />
9.1 CSS的发展历史 <br />
9.2 CSS初体验 <br />
9.3 CSS的基本语法格式 <br />
9.4 CSS的应用方式 <br />
9.5 CSS选择器selector <br />
9.6 本章小结 <br />
9.7 思考与实践 <br />
第10章 CSS定位与DIV布局 <br />
10.1 <DIV>与<SPAN> <br />
10.2 盒子模型 <br />
10.3 网页布局 <br />
10.4 本章小结<br />
10.5 思考与实践 <br />
第11章 JavaScript基础 <br />
11.1 JavaScript的发展历史 <br />
11.2 初识JavaScript <br />
11.3 JavaScript的使用方法 <br />
11.4 JavaScript的应用示例 <br />
11.5 本章小结 <br />
11.6 思考与实践 <br />
第12章 JavaScript语法规则 <br />
12.1 变量与运算 <br />
12.2 控制结构 <br />
12.3 函数的定义与应用 <br />
12.4 数组 <br />
12.5 对象类型<br />
12.6 事件 <br />
12.7 本章小结<br />
12.8 思考与实践 <br />
第13章 文档对象模型 DOM <br />
13.1 DOM树和节点 <br />
13.2 访问文档中的元素 <br />
13.3 修改元素 <br />
13.4 增加和删除HTML元素 <br />
13.5 本章小结 <br />
13.6 思考与实践 <br />
第14章 浏览器对象模型 BOM <br />
14.1 window对象 <br />
14.2 screen对象 <br />
14.3 location对象 <br />
14.4 history 对象 <br />
14.5 navigator对象 <br />
14.6 本章小结<br />
14.7 思考与实践 <br />
参考文献                            </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="14299522">
                        <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="https://www.wdp.com.cn/">武汉大学出版社</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-2026 新华国采教育网络科技有限责任公司 版权所有 <a href="/static/营业执照正本.pdf">营业执照</a>
        </div>
        <ul>
            <li style="width:25%;">
                <p>客服热线：010-88361676、010-88362022</p>
                <p><a target="_blank" href="https://beian.miit.gov.cn/">京ICP备16053406号</a></p>
            </li>
            <li style="width:35%;">
                <p>出版物经营许可证：<a href="/static/出版物经营许可证.pdf">新出发京零字第西160035号</a></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>