仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 957|回复: 8
打印 上一主题 下一主题

[DIV+CSS] DIV教程之计划时怎样掌控网页结构

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:20:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
  最入手下手,网页出现在你眼前的时侯,它就仿佛一张白纸,它必要你恣意挥洒你的计划才情。在入手下手的时侯,你必要分明,固然你能把持统统你所能把持的器材,但假设你晓得甚么是一种商定俗成的尺度大概说年夜多半会见者的扫瞄习气,那末你能够在此基本上加上本人的器材。你固然也能够制造出本人的计划计划,但假如你是初学者,那末最好分明网页结构的基础观点。
  1.页面尺寸
  因为页面尺寸和显现器巨细及分辩率有干系,网页的范围性就在于你没法冲破显现器的局限,并且由于扫瞄器也将占往很多空间,留下给你的页面局限变得愈来愈小。一样平常分辩率在800x600的情形下,页面的显现尺寸为:780x428个象素;分辩率在640x480的情形下,页面的显现尺寸为:620X311个象素;分辩率在1024X768的情形下,页面的显现尺寸为:1007x600。从以上数据能够看出,分辩率越高页面尺寸越年夜。
  扫瞄器的工具栏也是影响页面尺寸的缘故原由。一样平常今朝的扫瞄器的工具栏都能够作废大概增添,那末当你显现全体的工具栏时,和封闭全体工具栏时,页面的尺寸是纷歧样的。
  在网页计划过程当中,向下拖动页面是唯一给网页增添更多内容(尺寸)的办法。但我想提示人人除非你能一定站点的内容能吸引人人拖动,不然不要让会见者拖动页面凌驾三屏。假如必要在统一页面显现凌驾三屏的内容,那末你最好能在下面做上页面外部毗连,便利会见者扫瞄。
  2.全体外型
  甚么是外型,外型就是制造出来的物体抽象。这里是指页面的全体抽象,这类抽象应当是一个全体,图形与文本的接合应当是层叠有序。固然,显现器和扫瞄器都是矩形,但关于页面的外型,你能够充实使用天然界中的别的外形和它们的组合:矩形,圆形,三角形,菱形等。
  关于分歧的外形,它们所代表的意义是分歧的。好比矩形代表着正式,划定规矩,你注重到良多ICP和当局网页都是以矩形为全体外型;圆形带表着温和,勾结,暖和,平安等,很多时髦站点喜好以圆形为页面全体外型;三角形代表出力量,威望,固定,侵犯等,很多年夜型的贸易站点为显现它的威望性常以三角形为页面全体外型;菱形代表着均衡,和谐,公允,一些结交站点常使用菱形作为页面全体外型。固然分歧外形带表着分歧意义,但今朝的网页制造多半是接合多个图形加以计划,在这个中某种图形的构图比例大概占的多一些。
  3.页头
  页头又可称之为页眉,页眉的感化是界说页面的主题。好比一个站点的名字多半都显现在页眉里。如许,会见者能很快晓得这个站点是甚么内容。页头是全部页面计划的关头,它将扳连到上面的更多计划和全部页面的和谐性。页头常安排站点名字的图片和公司标记和旌旗告白。
  4.文本
  文本在页面中呈现都数以行大概块(段落)呈现,它们的摆放地位决意者全部页面结构的可视性。在已往由于页面制造手艺的范围,文本安排的地位的天真性十分小,而跟着DHTML的衰亡,文本已能够依照本人的请求安排到页面的任何地位。
  5.页脚
  页脚和页头相照应。页头是安排站点主题的中央,而页脚是安排制造者大概公司信息的中央。你能看到,很多制造信息都是安排在页脚的。
  6.图片
  图片和文本是网页的两年夜组成元素,却一不成。怎样处置好图片和文本的地位成了全部页面结构的关头。而你的结构头脑也将表现在这里。
  7.多媒体
  除文本和图片,另有声响,动画,视频等等别的媒体。固然它们不是常常能被使用到,但跟着静态网页的衰亡,它们在网页结构上也将变得更主要。
</p>
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-18 06:05:18 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
飘飘悠悠 该用户已被删除
板凳
发表于 2015-1-21 17:57:19 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
第二个灵魂 该用户已被删除
地板
发表于 2015-1-30 21:42:17 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-6 16:14:08 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
精灵巫婆 该用户已被删除
6#
发表于 2015-2-17 06:03:58 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
变相怪杰 该用户已被删除
7#
发表于 2015-3-5 16:54:59 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
海妖 该用户已被删除
8#
 楼主| 发表于 2015-3-12 11:06:33 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
山那边是海 该用户已被删除
9#
发表于 2015-3-19 21:20:28 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 22:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表