js表单美化

㈠ 做网页设计师要学什么

首先第一步，你要学PS 不用太深，只要能把一个网站的样子在PS里面做出来就行了。前期可以随便打开个网站照着做。
其次，你要会写代码，可以运用DW(DreamWeaver)辅助。代码这东西其实很简单，虽然是英文，但用到的单词绝对不超过200个。基于SEO原则，你必须会DIV+CSS式的排版。你可以用火狐浏览器随便打开一个简单的网站点查看源文件，然后参照别人写的HTML和CSS样式来写，或者上一些网站下载教程，查看资料，如果每天投入8小时来练，那么顶多15天你就能写出一个网站的前台了。要坚持天天练，练到你能把一个门户类网站（如淘宝）的前台写出来（当然是静态的），那么恭喜你，你代码学科毕业了，期间你可以穿插认识一下JAVASCRIPT等特效，能做一定的修改和应用。

再次，这个时候你可以转型学习网 络 推 广，基于自己的H T M L知识你会发现网络 推广的知识你一看就懂。
或者你可以学习一门语言（如P HP），从而更深层次的去认识网站。
自己能做一些特效，

补充：在学的过程当中一定要培养自己的美 感，特别是颜色的搭配。你要记住，艺术家设计网站的时代已经不在了，你要站在用 户的角度去体验一个网站，分辨好坏，你自己觉得很好看的，别人不一定这么认为，其中的关键就在于颜色的搭配了。

㈡ 前端开发需要学什么啊

前端开发需要学习的内容包括PC网站布局、HTML5＋CSS3基础项目、webapp页面布局等。

学习web前端开回发答，web开发工具有frontpage，可以使用word让人轻松学习frontpage，另一个常见的是Dreamweaver，这两个是最常用的HTML网页制作工具。

HTML、CSS和JavaScript、Html是内容，CSS是性能，JavaScript是行为，与服务器端语言的学习曲线相比，前端开发的学习曲线先快后慢。

Html最基本，先学习网页的布局，然后CSS用于美化HTML页面，并为页面提供布局和格式，最后，学习JavaScript。

(2)js表单美化扩展阅读：

主要职能：

1、熟练使用DIV+CSS并结合JS负责产品的前端开发和页面制作；

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能运用DIV+CSS解决浏览器的兼容性；

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。

参考资料来源：网络-前端开发

㈢ 使用jquery.form.js实现文件上传及进度条前端代码

ajax的表单提交只能提交data数据到后台，没法实现file文件的上传还有展示进度功能，这里用到form.js的插件来实现，搭配css样式简单易上手，而且高大上，推荐使用。

需要解释下我的结构， #upload-input-file 的input标签是真实的文件上传按钮，包裹form标签后可以实现上传功能， #upload-input-btn 的button标签是展示给用户的按钮，因为需要样式的美化。上传完成生成的文件名将会显示在 .upload-file-result 里面， .progress 是进度条的位置，先让他隐藏加上 hidden 的class， .progress-bar 是进度条的主体， .progress-bar-status 是进度条的文本提醒。

去掉hidden的class，看到的效果是这样的
[图片上传失败...(image-2c700a-1548557865446)]

将上传事件绑定在file的input里面，绑定方式就随意了。
var progress = $(".progress-bar"), status = $(".progress-bar-status"), percentVal = '0%'; //上传步骤 $("#myupload").ajaxSubmit({ url: uploadUrl, type: "POST", dataType: 'json', beforeSend: function () { $(".progress").removeClass("hidden"); progress.width(percentVal); status.html(percentVal); }, uploadProgress: function (event, position, total, percentComplete) { percentVal = percentComplete + '%'; progress.width(percentVal); status.html(percentVal); console.log(percentVal, position, total); }, success: function (result) { percentVal = '100%'; progress.width(percentVal); status.html(percentVal); //获取上传文件信息 uploadFileResult.push(result); // console.log(uploadFileResult); $(".upload-file-result").html(result.name); $("#upload-input-file").val(''); }, error: function (XMLHttpRequest, textStatus, errorThrown) { console.log(errorThrown); $(".upload-file-result").empty(); } });

[图片上传失败...(image-3d6ae0-1548557865446)]

[图片上传失败...(image-9f0adf-1548557865446)]

更多用法可以 参考官网

㈣ 网页中一般包含哪些组成元素2.一个网页，包含哪3个部分，分别对应什么技术

一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等，下面来详细的介绍下这些组成元素。
一、框架
框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如，我们可以在一个框架内放置导航栏，另一个框架中的内容可以随着单击导航栏中的链接而改变，这样我们只要制作一个导航栏的网页即可，而不必将导航栏的内容复制到各栏目的网页中去。
二、文本
文本是网页中的主要信息。在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里指的文字是文本文字，而并非图片中的文字。
在网页制作中，文字可以方便地设置成各种字体和大小，但是这里还是建议，用于正文的文字不要太大，也不要使用太多的字体，中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂，以免造成影响用户视觉。大段文本文字排列，建议参考一下优秀的报纸杂志等。
三、图片
今天看到的丰富多彩的网页，都是因为网页中有了图象，可见图象在网页中的重要性。用于网页上的图片一般为JPG和GIF格式的，即以.jpg和.gif为后缀的文件。
四、超链接
超链接是整个网站的通道，它是把网页指向另一个目的端的链接。例如指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是图片、电子邮件地址、文件、程序，或者也可以是本阿谀的其他位置。超链接可以是文本或者图片。
超链接广泛的存在于网页的图片和文字中，提供与图片和文字相关内容的链接。在超链接上单击鼠标左键，即可链接到相应地址（URL）的网页。有链接的地方，鼠标指到光标会变成小手形状。可以说超链接正是Web的主要特色。
五、表格
表格是网页排版的灵魂。使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格，范围要更广一些，它是HTML语言中一种元素。表格主要用于网页内容的排列，组织整个网页的外观，通过在表格中放置相应的内容，即可有效的组合成符合设计效果的页面。有了表格的存在，网页中的元素得以方便的固定在设计位置上。一般表格的边线不在网页中显示。
六、表单
表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项。在添写好标单之后，站点访问者便送出输入的数据库，该觳觫句哭就会根据所设置的表单处理程序，以各种不同的方式进行处理。
七、动画
动画是网页上最活跃的元素，通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多的动画让人眼花缭乱，无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash、web animator等。Macromedia的flash虽然出现的时间不长，但已经成为了最重要的Web动画形式之一。Flash不仅比htm易学得多，而且有很多重要的动画特征，如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。利用这个多才多艺的程序，不仅可以建立Flash电影，而且可以把动画输出为QuickTime文件，GIF文件或其他许多不同的文件格式（PICT、JPEG、PNG等）
八、其他
网页中除了这些基本元素外，还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。