Web前端

本栏目主要记载我自学web前端技术时,一些比较重要的东西,写下来,为了以后需要用的时候回来看

最新博文

  • 制作主流网站界面(第十九章)(图文)

    Web前端制作主流网站界面(第十九章)(图文)

    本章中,将综合一些基本的知识技能,详细介绍一下一个页面是如何从构思到计划,最终展示在互联网上的,本章的知识点如下:
    1构思页面的布局
    2制作页面的顺序
    3理解制作页面的基本思路

    第十三双眼睛2020-03-17Web前端

    阅读更多
  • CSS3的跨设备支持(第十八章)(图文)

    Web前端CSS3的跨设备支持(第十八章)(图文)

    伴随移动互联网的到来,越来越多的人开始使用手机等移动设备上网,终端屏幕尺寸也趋于多元化发展,CSS3迎合了这种趋势,提出了媒体查询的概念,以使得样式表的设计,能够再多种终端设备下,能够更好的呈现网页。本章的主要内容如下:
    1什么是跨设备
    2跨设备的原理
    3CSS3提供的媒体查询

    第十三双眼睛2020-03-16Web前端

    阅读更多
  • 动画和渐变(第十七章)(图文)

    Web前端动画和渐变(第十七章)(图文)

    在网页设计中,适当的使用动画和渐变,可以把网页设计的更加生动和友好,在传统的设计中,会借助Flash或者javascrip实现动画,借助图片实现渐变,而CSS仅仅是静态的表现元素的效果,不过,CSS3将改变我们的思维方式,因动画和渐变也可以直接用CSS来实现了,这些革命性的改变,使得CSS具有更加强大的可能性
    本章知识点如下:
    1CSS3变形基础
    2CSS3过度效果
    3CSS3动画效果
    4CSS3变形设计

    第十三双眼睛2020-03-14Web前端

    阅读更多
  • 多列布局(第十六章)(图文)

    Web前端多列布局(第十六章)(图文)

    我们经常阅读的报纸中,通常会将一个版面分成多个列进行排版,在传统的网页设计中,会使用表格布局或者浮动布局,但总会遇到错位的问题,因此需要反复调整,但是仍然不够完美,针对这种情况,CSS3提供了更好的方法,可以直接定义列数,列宽等,也可以定义列与列之间的间距,间隔线等。。还可以定义栏目跨栏和栏目高度,本章将详细讲解多列布局的基本属性及其用法,本章的主要知识点如下:
    1理解多列布局的基本属性
    2发现常见多列布局页面的布局原理
    3实现自己的多列布局

    第十三双眼睛2020-03-11Web前端

    阅读更多
  • 灵活的盒布局和界面设计(第十五章)(图文)

    Web前端灵活的盒布局和界面设计(第十五章)(图文)

    在CSS2.0的时代,页面布局比较流行DIV+CSS,但这其中的浮动布局有很多不便和缺陷,盒子元素的阴影效果,需要借助图片来实现,界面美化方面也显得复杂,对于这些问题,在传统的设计中,没有那么直接的体现,要绕一些弯子,而在CSS3中,这些问题将变得简单直接,弹性布局直接解决页面布局中的问题,盒子阴影有专门的属性处理,友好的界面布局也少走了很多弯路。本章的知识点如下:
    1认识并认识盒布局
    2学习网页设计中最重要的盒模型
    3CSS在用户界面的设计方面的改进

    第十三双眼睛2020-03-08Web前端

    阅读更多
  • 传统的div+css设计(第十四章)(图文)

    Web前端传统的div+css设计(第十四章)(图文)

    本章的知识点如下:
    1了解页面是如何布局的
    2理解层的含义,以及层的特性和他的使用方式
    3学习创建框模型以及它的使用规律和特点
    4了解CSSHack
    5简单的布局页面的创建

    第十三双眼睛2020-03-07Web前端

    阅读更多
  • 文本、背景、边框不再单调(第十三章)(图文)

    Web前端文本、背景、边框不再单调(第十三章)(图文)

    再制作网页的时候,经常会围绕文本,背景和边框几个方面进行样式表设置,但在CSS2.0中,如果涉及如阴影、圆角、多重背景等效果,常常因为不能实现,转而寻求其他办法,再颜色选择及半透明颜色使用方面也极不方便,这些问题,再CSS3中都有很好的解决方案。本章知识点如下:
    1文本与字体的设计
    2色彩模式和不透明度的设置
    3背景和边框的使用

    第十三双眼睛2020-03-01Web前端

    阅读更多
  • CSS规则(第十二章)(图文)

    Web前端CSS规则(第十二章)(图文)

    对于设计者来说,总式希望能够在页面中自由发挥创意,实现自己得想法,然而,HTML语言中的很多标签都存在很大的局限性,如h1这样的标签,始终是定义较大的字体,所以,在没有CSS之前,设计者不得不借助其他标签补充标签的属性。
    从本章开始,读者要尽量忘记原来标签的定式,CSS样式如同一种上乘的武学,类似于一种无招胜有招的境界,比如,虽然h1常用来定义标题,但这是因为人们习惯于这样使用,而h1表现出来的样式并非一成不变的,当设计者使用CSS时,他们可以令h1标签内的文本变成自己想要的样子。

    第十三双眼睛2020-02-26Web前端

    阅读更多
  • 创建框架结构的页面(第十一章)(图文)

    Web前端创建框架结构的页面(第十一章)(图文)

    框架指的是页面的一种布局,这种布局和之前说的表格布局和之后要学习的div+css布局不一样,那么具体框架是怎样的呢,事实上,框架布局也许缺少了一些灵活性,但是它的特点是可以将浏览器分隔成几个部分,这是其他标签无法做到的,本章的主要知识点如下:
    1学习如何创建框架集
    2掌握基本的页面布局
    3通过一些属性修饰布局
    4学习如何在框架内部实现页面连接及锚点连接
    5创建浮动框架

    第十三双眼睛2020-02-24Web前端

    阅读更多
  • 利用canvas绘制图形(第十章)(图文)

    Web前端利用canvas绘制图形(第十章)(图文)

    绘制图形有很多方法,可以借助flash实现,也可以使用svg和vml来实现。本章学习一种新的方法,使用canvas元素,它是基于HTML5原生的绘图功能。使用canvas元素,可以绘制图形,也可以实现动画,它方便了使用javascript脚本的前端开发人员,寥寥数行代码,就可以在canvas元素中实现各种图像及动画。
    本章知识点如下:
    1认识canvas元素
    2使用canvas绘图
    3canvas与javascript之间的绘图

    第十三双眼睛2020-02-18Web前端

    阅读更多
  • 本地存储(第九章)(图文)

    Web前端本地存储(第九章)(图文)

    随着web应用的发展,需要在用户本地浏览器存储更多的应用数据。传统应用使用cookie存储的方案已经不能满足发展的要求,而使用服务器端存储的方案更是一种无奈的选择,HTML5的webAPI是一个理想的解决方案,可以在客户端存储更多的数据,则可以借助web sql databaseAPI来实现,可以使用的SQL语句完成更复杂的存储和查询。
    本章主要知识点如下:
    1认识sessionStorage和localStorage
    2学会存储JSON对象的数据
    3掌握本地数据库web sql database

    第十三双眼睛2020-02-13Web前端

    阅读更多
  • 拖放功能(第八章)(图文)

    Web前端拖放功能(第八章)(图文)

    在web应用中,良好的用户体验是设计师们一直的追求,拖拽体验就是其中之一,在HTML5之前,已经可以使用事件mousedown,mousemove,mouseup,巧妙的实现了页面内的拖放操作,但是拖放的操作只局限在浏览器内部,HTML提供拖放的API,不但能直接实现拖放操作,而且拖放的范围已经超出浏览器的边界,HTML5提供的文件API,支持拖拽多个文件并上传,这一革命性的支持,为移动互联网应用进一步铺平道路。
    本章知识点如下:
    1HTML中的拖放API
    2HTML中的文件API
    3鼠标拖放事件

    第十三双眼睛2020-02-13Web前端

    阅读更多
  • 音频和视频(第七节)

    Web前端音频和视频(第七节)

    在HTML5之前,在线的视频和音频都是节主FLASH或者第三方工具实现的,现在的HTML5也支持了这方面的功能,在一个支持HTML5的浏览器中,不需要安装任何插件就能播放视频和音频,原生的支持视频和音频,为HTML5注入了巨大的发展潜力,本章将介绍两个重要的元素,audio,video,分别用于实现音频和视频,又称为多媒体,对于这两个元素,HTML5为开发者提供了标准的,集成的API
    本章的重要知识点如下:
    1AUDTIO和VIDEO的基础知识
    2HTML5中的AUDIO和VIDEO
    3网页中的音

    第十三双眼睛2019-11-08Web前端

    阅读更多
  • 网页中的表单(第六章)(图文)

    Web前端网页中的表单(第六章)(图文)

    现在,大多数网站都具备收集用户信息的功能,如发表留言,输入账号,而通过使用表单能够令浏览者和页面互动起来,HTML5不但增加了一系列功能性的表单,表单元素,表单特性,还增加了自动验证表单的功能。本章的主要知识点如下:
    1表单时如何工作的
    2如何创建表单
    3不同功能多种样式的表单
    4表单域能够做什么
    5HTML5表单发生了什么变化

    第十三双眼睛2019-11-03Web前端

    阅读更多
  • 网页中的链接(第五节)(图文)

    Web前端网页中的链接(第五节)(图文)

    一个普通的网站就是将许多页面链接再一起,用户通过网站的主页查找到所有的页面,而网页中的链接称为页面的链接,这就像再网页中查找目录的时候,再第一页的目录中找到所需资料的所在书页,然后根据所在页数反倒此页。而再网站中,用户通过链接,跳转到指定的页面。
    1理解网页链接
    2学习基本的链接方式
    3如何修饰链接的状态
    4了解特殊形式的链接

    第十三双眼睛2019-11-01Web前端

    阅读更多
  • 网页中的图像(第四节)(图文)

    Web前端网页中的图像(第四节)(图文)

    一个页面中,出去文本部分,最常见的就是图像了,在网页中,一张图片大到可以覆盖整个页面的背景,也可以小到成为一个Logo,他们在不经意间充斥着整个页面,本章的知识点如下:
    1计算机图像的概念
    2如何用计算机术语表达图像
    3学习如何排版图像
    4制作自己的图像
    5使用技巧来美化图像
    6设置页面背景

    第十三双眼睛2019-10-30Web前端

    阅读更多
  • 网页的文本设计(第三节)(图文)

    Web前端网页的文本设计(第三节)(图文)

    静态页面中的绝大部分内容由4类属性的物质组成,文本,图像,视频音频等多媒体文件和超链接。本章的知识点如下:
    1了解HTML语言,区分清楚旧的使用规则和新规则CSS之间的联系和不同。
    2文本排版格式,学会如何使用标签实现在页面中规范写作格式
    3文本样式学会如何改变页面中文本的基本属性和如何使用一些特殊的符号。
    4文本列表,学会在页面中使用无序列表和有序列表来罗列条目
    5通过实例,学会在页面中编写文本,项目列表

    第十三双眼睛2019-10-27Web前端

    阅读更多
  • 网页的结构(第二节)(图文)

    Web前端网页的结构(第二节)(图文)

    HTML最初创建的目的是创建一种文本描述语言,发展至今,称为了一种标记,以十分直观的方式告诉浏览器页面种的内容,而在HTML出现以前,创建一种可以展示内容的文档,包含多媒体信息,具备丰富多彩动态效果的文件是一件难以想象的事情,这意味着如果想通过网络传递信息,只能通过Word这类软件,HTML的出现令很多不擅长使用软件的人可以一样享受网络带来的快捷性和便利性,要学会HTML5,就要先学会HTML基础
    本章的知识点如下:
    1通过怎样的方法来查看网页的源码
    2HTML语言的使用方法
    3学习HTML页面的

    第十三双眼睛2019-10-15Web前端

    阅读更多
  • 了解网页(第一节)(图文)

    Web前端了解网页(第一节)(图文)

    本章开始,将介绍一些于互联网相关的常用技术解释,以及制作网页时通常要涉及到的领域,需要考虑的问题,本章的知识点很多但是不难理解。本章的知识点如下:
    1网页的概念和分类,了解网页的概念,区别静态网页和动态网页的不同
    2涉及网页的原则,和工具,了解网页开发的常用工具。
    3网页浏览器的工作原理,知道网页浏览器的工作原理。
    4HTML,XHTML,HTML5这几个概念的区别。
    5HTML的应用,自己写出一个简单的HTML页面

    第十三双眼睛2019-10-14Web前端

    阅读更多
  • js应用(图文)

    Web前端js应用(图文)

    本文主要记录一些js的使用方法

    第十三双眼睛2019-06-30Web前端

    阅读更多
  • Ajax使用说明(图文)

    Web前端Ajax使用说明(图文)

    以前自学过ajax,但是忘了怎么写了,所以,今天特地上网查询,练习了一下,顺便记录下来,方便以后查找

    第十三双眼睛2019-06-29Web前端

    阅读更多
  • 下拉导航(图文)

    Web前端下拉导航(图文)

    自己学习前端时,靠自己写出来的第一个下拉导航,记录一下。

    第十三双眼睛2019-06-29Web前端

    阅读更多

本栏推荐

站点信息

  • 网站名称:JavaStudy
  • 建站时间:2019-1-14
  • 网站程序:帝国CMS7.5
  • 文章统计69篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们