菜单

唯有 90 时代的 Web 开发者才记得那个

2019年2月13日 - JavaScript

DHTML 动态超文本标记语言

就在大家富有了删减链接下划线的技巧后,我们决定把它和一个有力功效整合起来,那个效应就是在页面加载的时候弹出一个音信框
alert("Welcome to my website!")。组合 CSS 和 JavaScript
的两边力量,我们获取了一个技术怪兽:DHTML。

DHTML,表示“分布式
HTML”,那是网页开发工具的万丈成就。它将忍受住时间的考验,它可以使我们落实无数功力,比如雪花从页面顶部飘落下来,或许创建可折叠的食谱,动态的图样地图,又或然除了利用语义标签
<div>,我们还可以自定义 <marquee> 标签。

DHTML 支持 Web 开发从业余爱好发展到一个成熟的规范领域。类似 Dynamic
Drive 那样的网站使你可以唯有通过复制粘贴一个 50
行的代码块,就足以缓解任何难点,而不需要协调再思考立异的化解办法。实际上,
DHTML 就是不行年代的 推文(Tweet) Bootstrap 框架。

二. 什么是静态网页

  1. 网页三杀手 网页的骨子和情节 —— HTML 【W3C school HTML
    教程】
  2. 网页三杀手 给网页化个妆,让她变得更精良 —— CSS 【W3C school CSS
    教程】
  3. 网页三刀客 让您的网页动起来,可以和用户举办互动 —— JavaScript 【W3C
    school JavaScript
    教程】
  4. 抱有的框架都让我们更便利的展开开发:
  5. HTML5/CSS3 让web页面可以很好的适应移动端设备、并且做出越来越多更酷的东西

唯有 90 时代的 Web 开发者才记得这一个

2016/04/26 · 基本功技术 ·
2 评论 ·
WEB

本文由 伯乐在线
dcscodelife
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:holman。欢迎出席翻译组

您早就强行把 <blink> 标签放入
<marquee> 标签吗?方今皮克斯动画工作室得到了装有荣誉,可是在 90
时期那个做法则是总括机动画的高大创举。通过结合二种标签,你变成了一个先驱。一个新意无限的人。一个令所有人都崇拜的人。

在 90 时期,你早就是一个网页开发者。

在即时,你精通本身是一个了不起的人员。伴随你而来的是不过多量的技术革新,从那时候开首,大家还没赶趟做出喜好,技术就已经开首复制开来了。

让大家先放下 jQuery,抛开非关系型数据库不谈:大家有更器重的事情要探究。

一. 打听网站的组合

  1. 当你拜访Taobao的时候,爆发了什么样?
    【小说链接】
  2. C/S和B/S二种架构的定义、分裂和联系
    【小说链接】
  3. 从输入UPAJEROL到页面加载成功的历程中都爆发了怎么工作?
    【文章链接】
  4. 浏览器加载网页的依次
    【小说链接】
  5. web服务器和劳动器
    【一个简便的web服务器是怎么吗】
    &
    【服务器就是一台万分的计算机】
  6. 浏览器和web服务器之间的桥梁,伟大的HTTP通讯协议啊!【入门介绍】
    &
    【长远介绍】

点下划线,边界效应

在 HTML 快走到她的金子一代的狐狸尾巴时,CSS
登场了,它牵动了一个内容和体裁分离的世界,从此大家也开端不停地处理魔难。

大胆地自然是用 CSS
来删除链接的下划线效果。一夜之间,整个因特网都深陷了这些方法所推动的泥泞之中,文本看起来像链接,链接看起来像文本。你不明白点哪个地方,可是乌黑并从未相连多久,因为大家讲明了光标效果(你还尚未活到你的鼠标有十二个火球尾巴的时候)。

高级技术的利用是如此分明,以至于大概我们所有人都从一初叶就应用
CSS。小编如故在 2000 年的一份 index.shtml(对,就是
SSI)文档中发觉了证据:

JavaScript

<style type=”text/css”> <!– a:hover {text-decoration: none;
color: #000000} –> </style>

1
2
3
4
5
<style type="text/css">
<!–
a:hover {text-decoration: none; color: #000000}
–>
</style>

就是它了!当然,这是 CSS
的内嵌样式。那么些样式使你的鼠标滑过链接时,删除链接的下划线并且链接的文字变黑。从此,交互式网站诞生了。

三. 动态网站你必须通晓的事体

  1. 举例表达什么是动态网站、静态网站
    【小说链接】
  2. 最牛逼的动态网站语言排序Java、PHP、Python、NodeJS、ASP.NET,无论什么网站,前端都以HTML/CSS/JS三杀手,就算后端语言差异,可是他们都在做同样的事体:对前者通过HTTP协议发送过来的多少开展处理,然后再回去结果。PHP教程【教程链接】
    & JSP/Servlet(Java
    Web基础)【教程链接】
  3. 框架连接那样好用,有了框架咱们省了广特斯拉多马力
  4. 数据库,近来MySQL大行其道,开发首选,基础的是会增删改差的SQL语句,不放教程了,毕竟我们都以要在讲课的时候学的。假若想升官就要领悟数据库索引、锁和SQL优化技术。

按钮

自作者深信大千世界之所以讨厌IE浏览器,都以因为IE浏览器扬弃了当下那种最纯粹的旗帜

IE 4.0 是浏览器的一应俱全化身。它富有动态桌面。拥有通道
Channels。对,就是伟人的康庄大道,那是最酷的技术,在此之前一向没有在商海上被接纳过,一点都未曾。总的来说,IE
4 太理想了,无论你是否喜欢它,你都应有把它装到你的微处理器上。

当你属于精英团队时,你深切精晓完美的市值,你有一种与生俱来的高兴,你想告诉逐个您蒙受的人你的主宰。你,也可是唯有你有须求严正地做一个巨大的控制。比如决定你的客户利用什么浏览器浏览你的网站。

图片 1

这一个按钮各处可知。就像是军人衣裳上的绶带:向芸芸众生揭橥着他们为了方今的荣耀,曾经是何许努力战斗的传说。换句话说,无论你用哪一个编辑器(当然是
FrontPage 98),无论你的 Web 服务器是怎么着(傻瓜,当然是
GeoCities),无论是 Web
环的哪位部分(这几个按钮无论怎么样都将提升你的网站排行)

自己怀恋这段美好的时刻。最近我们在
Javascript上拓展抽象,在空洞之上又展开抽象。大家如故都不通晓什么样规范地进行总计。每当想起我们怎样走到后天这一步,都令人极度吃惊。

让我们自豪地举起酒杯,帮大家一个忙:复制一堆 &nbsp;
到你的下一个代码提交中,让您的集体成员大吃一惊吧。

1 赞 收藏 2
评论

四. 工具助你一臂之力

  1. 版本控制,团队开发必不可少的工具 【git
    教程链接】

    &
    【廖雪峰大神的git教程】
  2. 好的编写器 前端写静态的HTML/CSS/JS 作者直接在用Sublime Text
    【下载】,PHP推荐PHPStorm
    【下载】,纵然本人也常用Sublime
    Text写PHP,Java处理Eclipse
    以后可比盛行IDEA【下载】,可以试一试
  3. 数据库管理工具,小编直接用Navicat
    【下载和破解教程】

有关我:dcscodelife

图片 2

简介还没赶趟写 :)
个人主页
·
作者的文章
·
10
·
 

图片 3

像素字体

十分时期的电脑显示屏不是很大。我的意思是,即使自从阴极射线管显示屏 C哈弗T
诞生后,显示器的尺码的确很大,然则它们的分辨率不高。因而,为了充足利用像素,大家无法不用
6 个像素点来表示任意字符。

图片 4

从字里行间我们得以观察,当面对着这么些简单的不可以再简单的书体,并且当发现到这个字体都是由像素结合的时候,Web
开发者们会渴望成为一个漫画家。所以您会在起步画面上看出那么些奇怪的等距像素插图,这么些开发者的大运和钱财要是投到这些新上市的互连网公司会爆发越多的价值,而不是浪费在装置
Photoshop 软件上。

1×1.gif

1×1.gif
相应得到巨大的格莱美大奖。可能普利策音讯奖。大概类似三年级体育课上揭橥的一级进步奖。除了链式链表,它是电脑科学史上最要紧的完毕。它不是大家应得的前程,而是大家必要的今后(直到盒子模型彻底取代了它)。

假使您还没不了解大家的 1×1.gif 小把戏,请看上边:

图片 5

你能看出它吧,让我们加大一些:

图片 6

The 1×1.gif

其一 1×1.gif – 要么 spacer.gif,只怕 transparent.gif –
仅仅是一个长宽都以一个像素的晶莹 GIF 图像。

JavaScript

<IMG SRC=”/1×1.gif” WIDTH=150 HEIGHT=250>

1
<IMG SRC="/1×1.gif" WIDTH=150 HEIGHT=250>

经过地点的代码,你可以把成分放置在页面的其他岗位上。

JavaScript

<TABLE> <TR> <TD><IMG SRC=”1×1.gif” WIDTH=300>
<TD><FONT SIZE=42>Hello welcome to my
<MARQUEE>Internet Web Home</MARQUEE></FONT>
</TR> <TR> <TD BGCOLOR=RED><IMG
SRC=”/cgi/webcounter.cgi”> </TR> </TABLE>

1
2
3
4
5
6
7
8
9
<TABLE>
  <TR>
    <TD><IMG SRC="1×1.gif" WIDTH=300>
    <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>
  </TR>
  <TR>
    <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi">
  </TR>
</TABLE>

1×1.gif
让您易如反掌地在页面的别的位放置成分。直到明天了却,它照旧是绝无仅有的垂直居中成分的艺术。

JavaScript

          

1
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

图形对于你而言是否太高档了?《HTML For Dummies》是或不是为止第四章才介绍
<IMG> 标签?现在好了,你是万幸的:&nbsp; 标签来了!

您可以对协调说,“作者晓得所有 HTML
实体编码。这一个弱不禁风的帅哥来那边干嘛的?”

听着,作者亲近的灵气的喜人的读者朋友,那是一个现行的小伙子没有给予充裕器重的换代:不断重复
&nbsp;。很像 1×1.gif 的小把戏,你能随便地扩展 &nbsp;
并用在任何你须求的地方:

JavaScript

PLEASE SIGN <BR>       MY GUESTBOOK
BELOW: <HR><HR>

1
2
3
PLEASE SIGN  <BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MY GUESTBOOK BELOW:
<HR><HR>

在 90 时期,若是自身每写下一个 &nbsp;
就取得五美分,我就会有充裕的钱支付来自美利坚联邦合众国在线的每月超支账单了。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图