欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  如何快速入门学代码
 
  做音画贴有三种方法:①用HTML代码手工编辑,②网页软件制作,③图像处理软件做大图后用代码编贴。不论那一种方法,都必须采用HTML标签,才能发表见效果。因此,可以从学习HTML标签入门,先接触感性知识,有一定基础后,再去看HTML教材,就迎刃而解了。
 
  先来做个小实验吧!
 
  (一)在自己的电脑新建一个文件夹,随便命名为”学代码“。
 
  (二)文件夹内存放若干本记事本,作保存代码专用。
 
  (三)复制下面文件框中的代码。
 
  <CENTER>
 
  <table border="1" width="700"height="400" cellpadding="10" bgcolor="#FFFFF4">
 
  <tr>
 
  <td>
 
  <font color=#0000ff style=font:25pt><b>
 
  <CENTER>
 
  套用代码,学做音画贴。
 
  </b></font></CENTER>
 
  </TD></TR></TABLE></CENTER>
 
  (四)将代码粘贴到空白记事本中,关闭保存并命名为:"iw101.htnl"。
 
  (五)打开“iw101.htnl”文档,进行如下操作:
 
  点击记事本左上角的[文件]
 
  在下拉菜单中选”另存为“。
 
  在弹出的另存为窗框文件名填入:"aw201.htnl" 。
 
  在弹出的另存为窗框保存类型一栏选择"所有文件"。
 
  最后点击[保存]按钮,网页立即存在“学代码”文件夹中。
 
  (六)打开刚才做的aw201.htnl网页,可以看见如下效果:
 
  套用代码,学做音画贴。
 
  这张空白网页(图框),是用居中、表格、和文字等标签编成的,并且做成可在本机链接的文件。如果增加贴图和播放器等标签,就可编成有图片,文字和音乐的音画贴了。
 
  再来练习复制代码套用标签
 
  (一)复制上面文件框中的代码。
 
  (二)将代码粘贴到下面“HTML代码编辑练习框”中。
 
  (三)点击HTML代码编辑练习方框的[运行代码]。浏览后关闭。
 
  (四)修改一些代码参数。方法:用鼠标将要修改的字符刷黑,
 
  按键盘删除键,输入新字符。提示注意:要使用英文输入法。
 
  (五)试进行以下修改操作:
 
  表格宽度width="700"改为width="900"
 
  表格高度height="400"改为 height="500"
 
  背景颜色bgcolor="#FFFFF4"淡黄,改为bgcolor="#006000"黄色。
 
  将标题文字改为另一种文字内容。
 
  运行代码,如果成功,按上面实验操作方法存档。
 
  HTML代码编辑练习方框
 
  试做可以上网的音画贴
 
  试用定位、表格、行、列、贴图、文字和播放器等七种标签,做一张可以在网络媒体发表的音画贴,供朋友们练习参考,代码如下:
 
  (一)复制上面音画贴代码。
 
  (二)将代码粘贴到上面“HTML代码编辑练习框”中。
 
  (三)击点[运行代码],浏览效果,
 
  (四)再将代码粘贴到一空白记事本后,关闭保存命名为“iwt01.txt"。
 
  (五)因免费上传空间关紊,文件名后辍定为txt格式。
 
  (六)打开可以上传txt文件的网站, 一网论坛音画TXT上传
 
  (七)在上传文件栏击点[浏览]
 
  (八)从“学代码‘文件夹中选出"iw201.txt"文件。击点[上传]。
 
  (九)上传成功,出现如下文件地址,复制下来备用。
 
  (十)音画贴在网络发布的方法:
 
  第一 可以将文件地址,用电子邮箱、论坛短信或QQ等发送。例如:
 
  请您欣赏[祈祷在心中]
 
  第二 用超链接标签在论坛或博客发表。
 
  超链接标签代码模式:
 
  <a HREF="文件地址"target=_blank>
 
  <font size=3 color=#0000ff> 说明文字</FONT></a>
 
  超链接标签代码实例:
 
  超链接标签代码效果显示:
 
  祈祷在心中
 
  第三  有一些论坛可以直接发表运行这种网页贴,代码如下:
 
  复制代码粘贴到上面“HTML代码编辑练习框”中,运行代码浏览效果。
 
  如何套用标签做音画贴,经过以上实验和练习,有一些初步认识。但是,只知其然还不知其所以然。同时套用标签不是单纯死搬硬套,要有自创。因此,对HTML标签的内容及具体使用方法,必须进一步学习。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60622.shtml