04 2020 档案

仿写一个简单的京东促销APPLE iphoneSE网页
摘要：京东促销APPLE iphoneSE网页： https://pro.jd.com/mall/active/3fNa4gg4udob1juiWbWWBp9z9PBs/index.html 页面布局：宽1125px, 页面主体：居中； 图片素材： 阅读全文
posted @ 2020-04-23 10:44 巴山红月 阅读(178) 评论(0) 推荐(0)
前端---菜鸟教程
摘要：前端网页设计（翻转课堂）线上资源 罗老师工作室：http://bzluohai.3vcn.work 菜鸟教程 https://www.runoob.com/ w3cschool https://www.w3cschool.cn/html/ 豪威老师课堂：https://learn.shayhowe. 阅读全文
posted @ 2020-04-21 20:39 巴山红月 阅读(685) 评论(0) 推荐(0)
20个CSS小技巧
摘要：20个CSS小技巧在日常学习和工作中，你是否经常觉得时间不够用？为了帮助你提高效率，今天，就为大家分享一些CSS小技巧，如果你感觉有用，也可以收藏与分享给你的小伙伴们~1. 文字水平居中将一段文字置于容器的水平中点，只要设置text-align属性即可：text-align:center;2. 容器 阅读全文
posted @ 2020-04-21 20:19 巴山红月 阅读(183) 评论(0) 推荐(0)
模块五：演示文稿PowerPoint2010的使用
摘要：项目一：基本操作 ( 制作演示文稿；幻灯片插入、删除、复制、移动及编辑；插入文本框、图片及其他对象 ) （一）适用对象：中职 （二）参考课时： 4 课时 （三）教学目标： 1、能力目标：熟练掌握演示文稿的创建及对象的插入 2、知识目标：演示文稿的创建和编辑 3、情感目标：发挥学生的主观能动性，激发学 阅读全文
posted @ 2020-04-21 16:32 巴山红月 阅读(1875) 评论(0) 推荐(0)
模块四： 电子表格软件EXCEL 2010的使用
摘要：项目一： 创建一个班级管理工作簿，然后创建学生联系表、学生成绩表、班级值日表和班级纪律表并以文件名为班级管理保存在项目一文件夹中， 同时对该工作簿进行相应的编辑修改操作。 （一）适用对象：中职 （二）参考课时： 2 学时 （三）教学目标： 1、能力目标： (1) 能创建新的工作簿文件并保存 (2)  阅读全文
posted @ 2020-04-21 16:11 巴山红月 阅读(1030) 评论(0) 推荐(0)
模块三：文字处理软件Word 2010 的使用
摘要：项目一： 文本的编辑与修饰 ( 新建、保存、编辑、文字的选择、 移动、复制、查找和替换、 字体格式、边框和底纹、 拼写和语法检查、项目符号和编号等 ) （一）适用对象：中职 （二）参考课时： 4 课时 （三）教学目标： 1、能力目标：能熟练创建 word 文档并进行文本编辑、修改、修饰 2、知识目标 阅读全文
posted @ 2020-04-21 15:37 巴山红月 阅读(1421) 评论(0) 推荐(0)
模块二：操作系统windows 7 的使用
摘要：项目一：个性化桌面设置（开机和关机、鼠标和键盘、背景、屏保和任务栏、窗口、控制面板） （一）适用对象：中职 （二）参考课时： 2 学时 （三）教学目标： 1、能力目标： (1) 能熟练地掌握鼠标的单击、右击、双击等操作 (2) 能用多种方法实现关闭计算机 (3) 能设置背景，处理任务栏和开始菜单的设 阅读全文
posted @ 2020-04-21 15:09 巴山红月 阅读(508) 评论(0) 推荐(0)
茶卡盐湖
摘要：茶卡盐湖、在中国的大西北有一个地方，被中国国家地理评为人一生必去的55个地方”之一进入茶卡盐湖是需要买票的，¥50/人，学生半价（有驴友试过逃票）。小火车¥35/人，过来人的经验：门票+小火车。 小火车，不要心痛钱钱，必须消费的，前面的摆渡车仅5元，不要坐，它是只从景点门口到天空之镜广场，长度五六百 阅读全文
posted @ 2020-04-20 19:34 巴山红月 阅读(310) 评论(0) 推荐(0)
css元素居中指南
摘要：一、元素分类 首先要知道元素分三种：内联元素（行内元素）、块级元素、内联块级元素。 1、内联（行内）元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度，不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高、内外边距可更改 不设置宽度的话宽度默认为容器的100% 可 阅读全文
posted @ 2020-04-20 15:22 巴山红月 阅读(235) 评论(0) 推荐(0)
DIV+CSS写一个·老式***银行网站首页
摘要：效果图： 版面结构分析：上 中（中左/中右） 下。 再细分 图片素材： 阅读全文
posted @ 2020-04-19 23:12 巴山红月 阅读(260) 评论(0) 推荐(0)
Flex布局实例教程
摘要：一个简单的手机的登录界面，用flex布局，无数据处理后台。效果图： 这个例子用flex，弹性布局。素材有以下一些图片： 根据效果图，规划为flex的列布局，划分比例大概如下图： 操作步骤： 1 做个DIV容器盒子main，它就是主要的盒子。 2 再放各个盒子，一共五个，五个盒子挤在了一起，因为他们没 阅读全文
posted @ 2020-04-19 20:44 巴山红月 阅读(651) 评论(0) 推荐(0)
Flex 布局语法教程
摘要：网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页 阅读全文
posted @ 2020-04-19 20:07 巴山红月 阅读(121) 评论(0) 推荐(0)
特征布局实例讲习
摘要：经过对前面知识点的巩固和加深，我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局，以此来达到综合应用知识的目的。 1、特征布局：翻页（所需知识点：盒模型、内联元素） 2、特征布局：导航条01（所需知识点：盒模型、行内元素布局） 3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、 阅读全文
posted @ 2020-04-19 16:43 巴山红月 阅读(116) 评论(0) 推荐(0)
背景（background)及雪碧图(CSS Sprite)
摘要：background属性 是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项： background-color 设置背景颜色 background-image 设置背景图片地址 background-r 阅读全文
posted @ 2020-04-19 16:38 巴山红月 阅读(887) 评论(0) 推荐(0)
前端与移动开发基础班及就业班课程大纲（转自黑马教育培训，网络）
摘要：前端与移动开发基础班课程大纲 所处阶段 主讲内容 技术要点 学习目标 第一阶段：HTML5 + CSS3 HTML5 1、 浏览器与浏览器内核2、语法及使用、3、 常用标签4. 语义化5、 表单元素6、 HTML 、7 新增标签 可掌握的核心能力：掌握 HTML5 常用标签；掌握 CSS 语法及使用 阅读全文
posted @ 2020-04-19 15:14 巴山红月 阅读(726) 评论(0) 推荐(0)
css初始化代码
摘要：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文
posted @ 2020-04-19 14:55 巴山红月 阅读(475) 评论(0) 推荐(0)
实现一组图片循环且首尾相连的滚动效果
摘要：设计思想：在一个Div内存放两个相同内容（使用一行多列表格）作为一个滚动对象，并将超出的宽度的内容隐藏，在JS脚本中定义Div向移动的方法（水平坐标加1）。当第一个内容完全消失（即Div向左移动的距离达到该Div的宽度，此时第二个内容完全显示)时，将滚动条的坐标复位，开始新的一轮。代码如下： <ht 阅读全文
posted @ 2020-04-17 22:53 巴山红月 阅读(1191) 评论(0) 推荐(0)
第二周教学设计反思
摘要：今天的教学过程是想展示网页设计的过程，内容，样式，动效。但同学们的反应显示是失败的，我反思应该进行改进： 首先展示网页设计效果 分析前景与背景： 前景（文字：1级标题，2行段落，3行超链接（动效） 背景（原图） 第二步：把背景图下载放在图片文件夹 第三步：在DW中新建一个html5文件（网站主页）， 阅读全文
posted @ 2020-04-17 22:42 巴山红月 阅读(160) 评论(0) 推荐(0)
uni-app,一套代码应用在多个平台
摘要：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有470万开发者，几十万应用案例、8.4亿手机端月活用户，数千款uni-ap 阅读全文
posted @ 2020-04-16 11:13 巴山红月 阅读(718) 评论(0) 推荐(0)
DP接口配置性能详细介绍
摘要：随着电脑技术的几次大的革命，现在电脑已经进入绝大多数家庭。伴随着人们使用次数的增多，人们对电脑的相关配置信息也越来越了解。而画质是大多数人群所追求的，于是乎显卡的重要性就不得而知了。当然除了显卡支持以外，显示器也要支持才行，但是不同显示器的接口类型也不同。其大致可以分为三种：DP/HDMI/DVI。 阅读全文
posted @ 2020-04-16 10:58 巴山红月 阅读(3020) 评论(0) 推荐(0)
DisplayPort接口
摘要：DisplayPort（简称DP）是一个由PC及芯片制造商联盟开发，视频电子标准协会（VESA）标准化的数字式视频接口标准。该接口免认证、免授权金，主要用于视频源与显示器等设备的连接，并也支持携带音频、USB和其他形式的数据。此接口的设计是为取代传统的VGA、DVI和FPD-Link（LVDS）接口 阅读全文
posted @ 2020-04-16 10:53 巴山红月 阅读(3991) 评论(0) 推荐(0)
HDMI、VGA、DVI、DP接口知识，史上最全面最通俗易懂对比分析！
摘要：如今，VGA接口已经慢慢淘汰，现在的显卡已经淘汰了VGA，都是DVI或者HDMI、DP接口。今天装机之家分享一下HDMI、VGA、DVI、DP接口知识，带你们更好的认识各类接口，来看看吧。HDMI：数字化视频/音频接口技术（480P,720P,1080P）HDMI接口传输的也是数字信号，所以在视频质 阅读全文
posted @ 2020-04-16 10:51 巴山红月 阅读(14870) 评论(0) 推荐(0)
2019前端面试经典（html5+css3+JavaScript）
摘要：前端目录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 webpack相关 其他 Html相关 1 html语义化 意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬 阅读全文
posted @ 2020-04-16 09:43 巴山红月 阅读(784) 评论(0) 推荐(0)
html和css的使用方法以及样式
摘要：html和css的使用方法以及样式，很好的基础知识系列，内容都是干货知识点，适合收藏下来！ 布局步骤 第一步： 清除默认样式 第二步： 划分模块 第三步： 设置模块的大小以及位置 第四步： 划分下一级模块 html和css 引入网页头像 <link rel="shortcut icon" href= 阅读全文
posted @ 2020-04-16 09:33 巴山红月 阅读(215) 评论(0) 推荐(0)
网站架构图
摘要： 阅读全文
posted @ 2020-04-15 16:13 巴山红月 阅读(719) 评论(0) 推荐(0)
CSS 基础选择器
摘要：CSS 基础选择器 基础选择器包括 ID 选择器、类选择器、标签选择器、通配符选择器和属性选择器这几种。 ID 选择器 ID 选择器是用 “#” 号加 ID 名称 xxx 来表示，用来选择 HTML 中 id="xxx" 的 DOM 元素。我们以选择下面这个 ID 为 content 的元素为例： 阅读全文
posted @ 2020-04-15 16:07 巴山红月 阅读(235) 评论(0) 推荐(0)
学Web前端，可选择的职业发展方向有哪些？
摘要：近几年前端领域不断地涌现出新的技术，旧的技术也不断地进行更新换代。随着技术的不断进步，前端开发涉及的领域，也变得越来越广，接下来了解一下前端几个重要的领域吧。 PC PC (Personal Computer) 即个人电脑。目前电脑端仍是前端一个主要的领域，主要分为面向大众的各类网站，如新闻媒体、社 阅读全文
posted @ 2020-04-15 10:38 巴山红月 阅读(790) 评论(0) 推荐(0)
CSS布局简史
摘要：CSS布局简史一转眼已经2020年，前端行业也风风雨雨地走过了10多年，网页布局也从最原始的文档变成了精彩纷呈的交互。当我看到第四代CSS布局技术的时候，在惊叹互联网发展如此突飞猛进的同时，不禁会有一个疑问：CSS经历1.0到3.0的版本变迁，最终又将走向哪里？今天我们就回顾一下CSS简史和四次布局 阅读全文
posted @ 2020-04-15 10:19 巴山红月 阅读(516) 评论(0) 推荐(0)
行块布局（如何理解Display：None，Block，Inline，Inline-Block）
摘要：Display: None vs. Visibility: Hidden 如下段代码所示，我们有三个红、蓝、绿的方块，如下段代码所示： #box-1 { width: 100px; height: 100px; background: red; } #box-2 { width: 100px; he 阅读全文
posted @ 2020-04-14 22:56 巴山红月 阅读(308) 评论(0) 推荐(0)
前端工程师的知识体系（自检清单）
摘要：开篇 前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端 阅读全文
posted @ 2020-04-14 22:37 巴山红月 阅读(292) 评论(0) 推荐(1)
Web前端和JAVA应该学哪个？哪个就业形势更好？
摘要：关于“Web前端和Java开发谁的薪资高，发展前景好？”这样类似的问题比比皆是，众人的回答也是各有其说。从下面几方面来给大家说说它们各自的优点。 前景指数 Web前端开发优势：人才缺口大，发展前景好，需求量大web前端开发前景大好！其中的HTML5技术更是日趋成熟，HTML5是移动互联网前端的主流开 阅读全文
posted @ 2020-04-14 22:21 巴山红月 阅读(1176) 评论(0) 推荐(0)
55个提高CSS 开发效率的必备片段
摘要：55个提高CSS 开发效率的必备片段 清除浮动 浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个<div style="clear:both;"></div>；不过这样会增加很多无用的代码。此时我们用:afte 阅读全文
posted @ 2020-04-14 21:45 巴山红月 阅读(125) 评论(0) 推荐(0)
HTML中表格标签的使用
摘要：HTML中表格标签的使用 表格的结构 HTML中的表格和我们平时用的excel表格的结构基本是一致的，由行和列以及单元格构成。 通常情况下，同行的高度一致，同列的宽度一致。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表 阅读全文
posted @ 2020-04-14 21:21 巴山红月 阅读(1660) 评论(0) 推荐(0)
Swiper5 使用方法
摘要：Swiper5 使用方法2020-04-14 20:16:451.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。 <!DOCTYPE html> <html> <head> ... <link rel="stylesh 阅读全文
posted @ 2020-04-14 20:22 巴山红月 阅读(1473) 评论(0) 推荐(0)
web前端学习路线，小白到架构师必经之路
摘要：2019web前端最新学习路线，小白到架构师必经之路 Web前端因为HTML5技术的高速发展，成为IT行业中最受欢迎和未来需求人才发展最好的职业，各个行业都想转行做前端开发。俗话说，选择要比努力重要。那么学习开发，首先应该要有一个清晰的学习路线。下面是我总结的新手学习路线，大家可以参考一下： 第一阶 阅读全文
posted @ 2020-04-14 20:10 巴山红月 阅读(386) 评论(0) 推荐(0)
模块一五笔输入(五笔输入法教案)
摘要：模块一五笔输入(五笔输入法教案) 模块教学目标： 1． 基本知识 (1) 了解典型的输入法。 (2) 掌握输入法的安装或删除操作方法。 2． 操作技能目标 会使用中文输入法，在记事本或写字板中输入汉字和字符等。 模块分析与准备： 1．教学重点 (1) 会使用中文输入法。 (2) 安装和删除中文输入法 阅读全文
posted @ 2020-04-14 19:56 巴山红月 阅读(1418) 评论(0) 推荐(0)
一个省一等奖没文件没证书，只能保存一张图呢
摘要：http://www.scjks.net/Item/3580.aspx 阅读全文
posted @ 2020-04-14 17:43 巴山红月 阅读(115) 评论(0) 推荐(0)
HTML5的新结构标签
摘要：HTML5的新结构标签 在之前的HTML页面中，大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测你的某个Div内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰，HTML5中为了解决这个问题，专门添加 阅读全文
posted @ 2020-04-14 17:30 巴山红月 阅读(209) 评论(0) 推荐(0)
一个最简单的网页是如何构成的
摘要：一个最简单的网页是如何构成的 一个最最最简单的网页是怎么做出来的呢？首先我们先来简单的了解一下HTML语言，HTML是网络的通用语言,一种简单、通用的全置标记语言。HTML允许网页建设者建立文本与图片相结合的复杂页面，无论使用的是什么类型的电脑或浏览器，这些页面可以被网上任何所人浏览到。比如，你现在 阅读全文
posted @ 2020-04-14 17:16 巴山红月 阅读(464) 评论(0) 推荐(0)
TDK标签在SEO中的应用
摘要：在大部分互联网企业中，设有专门负责seo优化的岗位，因此网络编辑和程序猿们大概懂一些seo的基础知识即可。其中，通过设置TDK标签，就可以让你的文章更容易被别人搜索到。 1、什么是网页TDK标签 T就是我们经常说的网页title（标题），D就是description（描述），K就是keywords（ 阅读全文
posted @ 2020-04-14 16:32 巴山红月 阅读(350) 评论(0) 推荐(0)
简单的线条不简单的画
摘要：简单的线条，不简单的画，网友：画的太有意境了 画是有意境的 ，怎么才能用最简单的线条，画出最有意境的画，这是很有难度的，但是只要你掌握好基本构图法，加上适当的艺术美感，就能画出来，网友：太有意境了。 初学者在临摹的过程中，一定要领悟体会这些画，每一幅画都是有自己的独特的构图法加上艺术美感的处理，最终 阅读全文
posted @ 2020-04-14 16:15 巴山红月 阅读(220) 评论(0) 推荐(0)
HTML--网页自动跳转 5种方法
摘要：网页自动跳转 5种方法 第一种网页自动跳转方法：meta refresh自动跳转法 在网页的head区域的meta refresh标签中，加入自动跳转代码，可实现网页的立即或延时自动跳转。 示例如下： <meta http-equiv="refresh" content="10;url= http: 阅读全文
posted @ 2020-04-14 15:43 巴山红月 阅读(8649) 评论(0) 推荐(0)
网页对象路径
摘要：路径是指文件在服务器中的存储位置。我们在使用计算机时要找到所需的文件时就必须知道文件的绝对路径，例如，只要看到这个路径d:/web/logo.gif,我们就知道logo.gif文件是在d盘的web目录下。类似于这样完整的描述文件位置的路径就是绝对路径。 绝对路径的概念 整个文件的完整路径，比如在当前 阅读全文
posted @ 2020-04-14 15:39 巴山红月 阅读(441) 评论(0) 推荐(0)