深爱那片海 发表于 2015-1-16 00:21:22

DIV教程之做好开首乐成一样平常 Head标志意义不凡

业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。
  HTML中的head标志是网页标志中一个十分主要的标记,head标志中包括的内容基础上形貌了所属页面的基础属性,包含题目、字符集、站点信息、网站作者信息、站点形貌、站点关头词、搜刮引擎蜘蛛引诱、革新及跳转、款式表链进和别的一些有效的附加功效。做好head标志中的内容对全部页面有着十分主要的意义,上面我们先容一下head标志中对照经常使用的一些器材。
  1、必需到场的标签
  1、公司版权正文
  例子:<!---ThesiteisdesignedbyMonky,Inc06/2006--->
  2、网页显现字符集
  简体中文:<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312">
  繁体中文:<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=BIG5">
  英语:<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=iso-8859-1">
  3、网页制造者信息
  例子:<METAname="author"content="jztopweb@gmail.com">
  4、网站简介
  例子:<metaname="description"content="网页陶吧供应单元或团体建站的全套服务,包含建站指南(建站流程,网站形式,网站范例,主机和域名等)、网站制造(网页工具、标志言语、网页殊效等)、网站推行(网页优化,W3C尺度,搜刮引擎研讨、网站推行体例等)和收集新手艺和新形式(web2.0,ajax,垂直搜刮引擎等)">
  5、搜刮关头字
  例子:<metaname="keywords"content="网页陶吧,建站指南,网页制造,网站推行,网页优化,搜刮引擎,域名注册,假造主机,收费空间,网站登录,网页工具,标志言语,网页殊效">
  6、网页的css标准
  例子:<LINKhref="style/style.css"rel="stylesheet"type="text/css">
  7、网页题目
  例子:<title>网页陶吧_软件_天极Yesky</title>
  2、能够选择到场的标签
  1、设定网页的到期工夫。一旦网页过时,必需到服务器上从头调阅。
  例子:<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">
  2、克制扫瞄器从当地机的缓存中调阅页面内容。
  例子:<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">
  3、用来避免他人在框架里挪用你的页面。
  例子:<METAHTTP-EQUIV="Window-target"CONTENT="_top">
  4、主动跳转。
  例子:<METAHTTP-EQUIV="Refresh"CONTENT="5;URL=http://homepage.yesky.com/">,个中的5指的是5秒后跳转。
  5、网页搜刮呆板人导游.用来告知搜刮呆板人哪些页面必要索引,哪些页面不必要索引。
  例子:<METANAME="robots"CONTENT="none">,个中CONTENT的参数有all,none,index,noindex,follow,nofollow。默许是all。
  6、保藏夹图标
  例子:<linkrel="ShortcutIcon"href="favicon.ico">
  一切的javascript的挪用只管接纳内部挪用.
  <SCRIPTLANGUAGE="JavaScript"SRC="script/script.js"></SCRIPT>
  附带申明:
  <body>标签不属于head区,这里夸大一下,为了包管扫瞄器的兼容性,必需设置页面背景<bodybgcolor="#FFFFFF">
</p>
标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现

乐观 发表于 2015-1-18 06:13:51

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

若天明 发表于 2015-1-22 05:46:56

学Dreamweaver技术的过程其实是一个增加信心的过程。

小魔女 发表于 2015-1-30 23:24:49

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

变相怪杰 发表于 2015-2-6 17:04:22

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

老尸 发表于 2015-2-17 17:07:09

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

飘灵儿 发表于 2015-3-5 21:33:51

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

愤怒的大鸟 发表于 2015-3-12 15:37:13

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

深爱那片海 发表于 2015-3-19 23:37:14

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页: [1]
查看完整版本: DIV教程之做好开首乐成一样平常 Head标志意义不凡