实训Day1

最新推荐文章于 2024-04-22 21:56:21 发布
最新推荐文章于 2024-04-22 21:56:21 发布
阅读量259 收藏
点赞数 2
分类专栏： xuexi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wayne_Xiaowei/article/details/92760393
版权

笔记

  • html 超文本标记语言，新建一个文件夹day1，直接把文件夹拉近sublime text3，在sublime右键新建文件夹，给新文件命名一个带html后缀的，保存文件，在创建的新html文件里面 输入html 按tab文件可以补齐标签 <meta charset="utf-8">可以防乱码
  • html是一个标记语言
  •   
    <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<!-- 样式 -->
	<style type="text/css"></style>
</head>
	<!--身体-->
	<body>
		<!--行为-->
		<script type="text/javascript"></script>
	</body>
</html>

     

  •  块级元素、行内块元素、行内元素
        块级元素可以直接设置宽高、默认占一整行
        行内块元素可以直接设置宽高、但是不占一整行
        行内元素不可以设置宽高也不占一整行
  •  span是一个没有任何样式的段落标签
    pre是一个有带格式的p标签，可以保留缩进、换行、一般用来展示代码
    div是没有任何样式的块级元素，用来包裹内容和分割内容
  •  <iframe>这是一个框架元素，用来显示其他内容
    <label>方便用户体验
  •  
  • css样式分为    
    内联样式 写到元素内部
    内部样式    写到head里面的style标签
    外部样式 独立的css文件
  • margin：外边距
        margin:0 上下左右都是0
        margin：10px 20px 上下为10 左右为20
        margin：10px 20ox 30px 上为10Px 左右为20PX 下为 30px
        margin：10px 20px 30px 40px    上右下左
        margin:0 auto 上下为0左右居中
  • padding 内边距
    border-radius 圆角属性  
    float 浮动属性   left right
    position：relative  相对与自身的定位
    position：absolute  绝对定位
    position：fixed 固定定位
  • 字体左右居中
        text-alien：center
        font-size：xxpx

信管117136钟晓威实训日志

日期

2019年6月 17日

第 1 天  共 10天

实习地点

科技楼423

教学大纲中规定的实习教学内容

校内综合实训是系统讲授微信小程序开发技术，通过小程序开发项目实例来训练学生的实践能力，检验学生对微信小程序开发技术所学知识的综合运用能力的重要环节。每位学生需完成老师布置的实验内容，并完成综合性实训项目的开发。从而达到对所学知识的深刻理解，进而为今后更深入的学习和应用打下坚实的基础。

实习

目的及

要求

1、掌握微信小程序项目环境搭建;

2、掌握微信小程序项目界面设计编写;;

3、掌握微信小程序项目业务逻辑处理;

4、掌握MVVM设计模式框架开发;

5、通过本课程的学习，培养学生观察、分析、解决问题的能力；

6、培养学生严肃认真、实事求是的良好作风。

任务

完成

情况、

主要

收获

与

体会

 

实训的第一天，老师给我们详细的讲了网页基础知识html,css,js的基本知识，刚开始接触sublime text这个软件还是很新奇的，sublime text是一个轻量级代码编辑器，有强大的功能以及插件安装。

有关html的一些我们还不太熟悉的标志老师都给我们一一讲解了，像span、pre、div、iframe等，之后我们学习了有关css的相关内容，对如何美化页面有了初步的认识。最后我们学习了有关JS的基础语句、变量等。在课后我认真完成老师布置的作业，巩固了所学习的内容。

 

 

 

教师

指导

（辅导）

内容

辅导学生学习html,css,js基础知识，指导学生运用html,css,js开展第一天项目实训

指导方式

面授

指导时长（分钟）

300

其它

需说

明的

情况

 

 

 

 

       

1. 通过js获取输入框中的vlaue值

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

    <title>通过js获取输入框中的vlaue值</title>



    <script type="text/javascript">

       window.onload = function(){

           var bt=document.getElementById("bt2");

           var btt=document.getElementById("bt1");

           bt.onclick=function(){

           alert(bt1.value);

           }

       }

    </script>

    </head>

<body>

    输入：<input type="text" id="bt1" />

    <input type="button" id="bt2" value="获取输入数据" />



</body>

</html>

2、点击某个元素，更改该元素的样式



<!DOCTYPE html>

<html>

<head>

       <meta charset="utf-8">

       <title>css</title>

       <!-- 内部样式 -->

       <style type="text/css">

              div{

                     height: 200px;

              }

       </style>



       <link rel="stylesheet" type="text/css" href="index.css">

</head>

<body>



<div class="cs1" id="cs1" onclick="document.getElementById('cs1').style.background='#ffa200';document.getElementById('cs2').style.background='#fff';"></div>



</body>

</html>

 

3、4互换变量值、乘法口诀

<!DOCTYPE html>

<html>

<head>

       <meta charset="utf-8">

       <title>我的第一个javascript</title>

</head>

<body>

       <script type="text/javascript">

              //文档加载完成

              window.onload = function(){

                     // 变量名提升

                     //不声明新的变量  最后 a = 2; b = 8

                     var a = 8;

                     var b = 2;

                     console.log("交换之前");

                     console.log(a);

                     console.log(b);

                     a=b-a;

                     b=b-a;

                     a=b+a

                     console.log("交换之后");

                     console.log(a);

                     console.log(b);

                     // 用console.log打印99乘法表

                     console.log("九九乘法表");

                     for (var x=1;x<=9;x++)

                     {

                            str="";

                            for (var y=1; y<=x; y++)

                            {

                            str+=x + "*" + y + "=" + (x * y)+"  ";

                            }

                            console.log(str);

                     }

                    

              }

       </script>

</body>

</html>

 

 

 

大橘汪汪喵
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android实训 DAY1
weixin_62499894的博客
06-12 616
正式学习Android的第一天
智能手机销售网后台管理系统手机销售网程序设计
Wayne_Xiaowei的博客
05-21 1500
智能手机销售网后台管理系统手机销售网程序设计 信管117136钟晓威 数据库设计 功能实现 后台设计 dtree实现树形菜单 数据库设计 数据库连接 try { String uri= "jdbc:mysql://127.0.0.1/mobileshop"; String user="root"; String...
实训day1
m0_73032226的博客
01-22 524
实训day1
实训 Day 1
m0_74890881的博客
01-22 395
今日学习内容：
黑马实训Day1
最新发布
m0_74228863的博客
04-22 371
集群分布式：分布式的主要工作是分解任务，将职能拆解，多个人在一起做不同的事集群：集群主要是将同一个业务，部署在多个服务器上，多个人在一起做同样的事。8.Hadoop是Apache软件基金会下的顶级开源项目，用以提供：•分布式数据存储•分布式数据计算•分布式资源调度.HDFS的组件:是Hadoop内的分布式存储组件可以构建分布式文件系统用于数据存储.10.MapReduce的计算需要的数据和产生的结果需要HDFS的来进行存储。Hadoop是开源的技术框架，提供分布式存储、计算、资源调度的解决方案。
项目实训day8
03-04
项目实训day8！
燕山大学2016级燕软实训Day2资料整理
07-16
燕山大学2016燕软实训Day2资料整理
实训学习—day01.md
08-03
适合刚开始学Java的同学啊~我会连续更新，本人也在校外实训每天学习，学习笔记拿出来分享，持续更新！有错误和补充就太好啦！
SQL sever 实训
06-28
17240671-13.3实训.sql [?灜? sql ?`?-2018.4.18 USE master GO --单元五 创建于管理数据库 --创建数据库Sale CREATE DATABASE sale ON PRIMARY (NAME=sale, FILENAME='C:\\sale.mdf', SIZE=4MB, MAXSIZE=20MB...
Day10实习日记1
08-08
Spring MVC框架实践日记 通过阅读Day10实习日记1，我们可以了解到Spring MVC框架的基本概念...Day10实习日记1提供了Spring MVC框架的基本概念和实践操作，帮助我们了解到Spring MVC框架的使用技术和Java实训的重要性。
实验2：栈和队列的基本操作实现及其应用
Wayne_Xiaowei的博客
04-25 1190
一、实验目的1、   熟练掌栈和队列的结构特点，掌握栈和队列的顺序存储和链式存储结构和实现。2、      学会使用栈和队列解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模：分别建立一个顺序栈和链栈，实现栈的压栈和出栈操作。分别建立一个顺序队列和链队列，实现队列的入队和出队操作。2、设计算法并写出代码，实现一个将一个十进制转换成二进制数。一.顺序栈#include&lt;iost...
实验 6：图的实验 1 图的邻接矩阵存储实现
Wayne_Xiaowei的博客
05-31 1172
一、实验目的 1、 熟练理解图的相关概念； 2、 掌握图的邻接矩阵的存储方法的实现； 3、 学会图的遍历算法 二、 实验内容 1、自己确定一个简单无向图（顶点数、和相关结点信息）利用邻接矩阵来实现存储。实现 图的构造，并完成： 1） 用深度优先和广度优秀两种算法对图进行遍历，输出顶点序列数据； 2） 以合理的格式，输出各个顶点的邻接点； 2、试设计一个程序，对一个有向简单图，完成上题同样的任务（*...
学习《java程序设计》第九章学习总结
Wayne_Xiaowei的博客
12-05 801
第9章 组件及事件处理 9.7Java Swing概述 Java的Swing工具包中包含了许多类来支持GUI设计。如：按钮、菜单、列表、文本框等组件类，同时它还包含窗口、面板等容器类。 javax.swing包提供了功能更为强大的用来设计GUI的类。java.awt和javax.swing包中一部分类的层次关系的UML 容器类和组件类 javax.swing包中JCompone...
实验一：线性表的基本操作实现及其应用
Wayne_Xiaowei的博客
04-08 637
实验一：线性表的基本操作实现及其应用 一、实验目的1、 熟练掌握线性表的结构特点，掌握顺序表的基本操作。 2、 巩固 C++相关的程序设计方法与技术。 3、 学会使用顺序表解决实际问题。 二、实验内容 1、顺序表的建立与操作实现 建立 n 个元素的顺序表（n 的大小和表里数据自己确定），实现相关的操作：输出，插 入，删除，查找等功能。编写完整程序实现，程序语言不限定，使用技术形式不定。 2、实际问...
实验 6：树和二叉树的实验 2
Wayne_Xiaowei的博客
05-23 526
一、实验目的 1、 熟练理解树和二叉树的相关概念，掌握的存储结构和相关操作实现； 2、 掌握树的顺序结构的实现； 3、 学会运用树的知识解决实际问题 二、 实验内容 1、自己确定一个二叉树（树结点类型、数目和结构自定）利用链式存储结构方法存储。实 现树的构造，并完成： 1） 用前序遍历、中序遍历、后序遍历输出结点数据； 2） 以合理的格式，输出各个结点和双亲、孩子结点信息； 3） 输出所有的叶子结...
学习《java程序设计》第四章学习总结
Wayne_Xiaowei的博客
11-29 435
教材学习内容总结 4.1.3 面向对象编程主要体现三个特性 封装性 继承性 多态性  4.2 类的定义包括两部分：类声明和类体 类体的内容：变量的声明（成员变量或域变量），方法的定义（方法头和方法体） 局部变量和成员变量名字相同时候，成员变量隐藏，想使用需要加this，成员变量有默认值，局部变量没有默认值  4.3 类是体现封装的一种数据类型，封装着数据和对数据的操...
学习《java程序设计》第五章学习总结
Wayne_Xiaowei的博客
11-29 406
§5.1   子类与父类 1.Java不支持多重继承（子类只能有一个父类），每个类都有且仅有一个父类 2.继承是一种由已有的类创建新类的机制 3.利用继承，我们可以先创建一个共有属性的一般类，根据该一般类再创建具有特殊属性的新类，新类继承一般类的状态和行为，并根据需要增加它自己的新的状态和行为。由继承而得到的类称为子类，被继承的类称为父类 4.使用关键字extends来定义一个类的子类 ...
SSH、SSM和前端开发技术体系
Wayne_Xiaowei的博客
03-10 397
SSH为Secure Shell的缩写，由 IETF 的网络工作小组（Network Working Group）所制定；SSH 为建立在应用层和传输层基础上的安全协议。SSH 是目前较可靠，专为远程登录会话和其他网络服务提供安全性的协议。利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。 SSM框架，是spring+ Spring MVC + MyBatis的缩写，这个是继...
c语言简单万年历实训报告
06-02
以下是一个简单的C语言万年历的实训报告，供您参考： 一、实训目的 本次实训的主要目的是通过编写一个简单的C语言万年历程序，巩固C语言基本语法和编程思想，提高编程能力和解决问题的能力。 二、实训要求 1、能够使用C语言基本语法和控制语句编写程序。 2、能够使用数组来存储和操作数据。 3、能够使用函数来实现模块化编程。 4、能够使用指针来操作内存中的数据。 5、能够使用文件来读取和写入数据。 三、实训内容 1、程序功能 本程序实现了一个简单的万年历功能，可以通过输入年份和月份来显示该月的日历。 2、程序实现 以下是本程序的主要代码实现： ```c #include <stdio.h> // 判断是否为闰年 int is_leap_year(int year) { if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) { return 1; } else { return 0; } } // 获取某个月份的总天数 int get_days(int year, int month) { int days[] = {31, 28 + is_leap_year(year), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31}; return days[month - 1]; } // 获取某个日期是星期几 int get_weekday(int year, int month, int day) { if (month == 1 || month == 2) { year--; month += 12; } int c = year / 100; int y = year % 100; int w = y + y / 4 + c / 4 - 2 * c + 26 * (month + 1) / 10 + day - 1; w = (w % 7 + 7) % 7; return w; } // 显示日历 void show_calendar(int year, int month) { int days = get_days(year, month); int weekday = get_weekday(year, month, 1); printf(" 日 一 二 三 四 五 六\n"); int i; for (i = 0; i < weekday; i++) { printf(" "); } for (i = 1; i <= days; i++) { printf("%2d ", i); if ((weekday + i) % 7 == 0) { printf("\n"); } } if ((weekday + days) % 7 != 0) { printf("\n"); } } int main() { int year, month; printf("请输入年份："); scanf("%d", &year); printf("请输入月份："); scanf("%d", &month); if (month < 1 || month > 12) { printf("月份输入错误！\n"); return 1; } printf(" %d年%d月\n", year, month); show_calendar(year, month); return 0; } ``` 四、实训总结 通过本次实训，我学会了如何使用C语言来编写一个简单的万年历程序，巩固了C语言基本语法和编程思想，加强了对函数、数组、指针、文件等概念和用法的理解，提高了编程能力和解决问题的能力。同时，我也意识到在编程过程中需要注重代码的规范、可读性和可维护性，这对于日后的开发工作非常重要。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值