- 热门文章:
- · GoLive 5教程 1.2 建立本地站点
- · GoLive 5教程 1.1 设置中文运行环境
- · Flash视觉特效之蒸蒸日上
- · 定位你的网站 CI 形象
- · 建立无障碍网站的五大指南
- · 如何雇用网站设计人员
- · 谈网站内容组织
- · 专业主页设计原则(4)
- · 专业主页设计原则(3)
- · 专业主页设计原则(2)
- · 专业主页设计原则(1)
- · 我的网站建起来了,如何让它真正发挥作用呢?
GoLive 5教程 1.3 设置Web页面属性
第三讲、设置web页面属性=版权所有 软件 下载 学院 版权所有
在浏览器中打开一张web页面时,您总会在浏览器的左上角看到此页面的标题,许多网站的页面也都会使用一种固定的背景色彩或者图像背景,此外链接文本的颜色在被点击前与被点击后还可能不一样,这些特征可由web页面属性来控制。开始设计一个网站时,即可对各web页面设置好各属性。其操作方法如下所述。
图6将index.html文档拖至此处
步骤一、将所有的面板窗口都关闭,然后确认文档窗口中的layout视图处于当前活动状态,接着参见图6从site窗口中将上面创建的index.html文档拖入golive 5的该视图中,让结果如图7所示。
index.html文档是一个网的主面,是网站中必不可少的,有些服务器要求使用index.htm,或者别的文档名,没有它该网站就不能被访问。不过,下面的操作并不是为了创建它,而是要创建一个模板,以便于让“花蕾”网站中的所有页面使用它来快速制定内容。
注:“主页”就是具有特殊作用的web页面,它如同一本杂志的封面,但所担负的责任比杂志封面更多,因为它提供了访客跳转至网站中各web网页的链接,而这些被链接的web页面,无论是否属于本地站点,都如同杂志中的各页面。由上述内容可见,golive 5及用户之所想,在建立好本地站后自动建立起了此文档,只需要直接拿来用就是了。
图8 这就是页面的标题
步骤二、将光标移至图8中手势所指处,然后按microsoft word中选定文本的方法选定已有的标题文本,结果如图9所示。
步骤三、从键盘上输入您想要的标题名,如这里将输入:从花蕾到果实,结果如图10所示。
图9 选定当前页面的标题
图10 输入web页面的标题
在默认状态下,golive 5为当前web页面设置的标题名为welcome to adobe golive,为了能在站点中显示您想要的标题名,就应当修改它。在这一步操作中,只需要按操作microsoft word那样选定该标题文本,然后从键盘上输入新的标题文本即可。
图11 选择此命令
步骤三、右击文档窗口中的任意一个地方,然后选择图11所示快捷菜单中的page properties(页面属性)命令,进入图12所示的page inspector面板。
这一步操作也可以这样来完成:单击位于标题名左旁的page按钮,然后从window下拉菜单中选择打开inspector(巡视员)命令,
图12 打开page properties面板
在上面的操作中,有一个关键问题,那就是事先已将各面板关闭了,golive 5提供的面板非常多,如果不这样做,那么对于初次使用此软件的人来说,要应用page properties面板将是很困难的。
注:在inspector面板的page标签中,通过图1-13中光标所指处的文本编辑框,也能修改当前web页面的标题。
图13 单击这个图标
步骤四、参见图13,在inspector面板的page标签中连击位于color复选框右旁的图标,进入如图14所示的color面板中。
图14 单击这个按钮进入rgb颜色模式
图13中手势所指处的图标上所显示的颜色即为当前web页面的背景颜色。若打开位于它下方的image(图像)复选框,然后通过位于此复选框右旁的选项,还能为当前web页面设置背景图像。操作时,可以单击显示为黄色、名为browse的按钮,进入windows的标准文件选择器,然后就能选择一幅背景图像了,参见图15。
图15 名为browse的按钮
在color面板中选择好模式后,就能按使用photoshop的方法来设置颜色了。操作时,当前颜色也就是所设置的当前文档背景颜色,并将同时显示在文档窗口与color面板中的预览框里,颜色值则显示位于此颜色条右旁的文本编辑框中。golive 5也使用iso标准为各种颜色分配一个颜色号,如果您对此熟悉的话即可在该面板中输入颜色值,以便定量地设置颜色。设置好满意的颜色后,golive 5会自动保存操作结果的,当前web页面也将使用最新设置的背景颜色,您不必继续做任何操作即可。
page inspector面板的page标签中有一个名为text colors(文本颜色)的区域,它提供了四个物件,以便设置web页面中各种文本的颜色,各物件的控制范围如下表所列。
顺便说一下,page inspector面板中的html 标签用于定义默认状态显示于source 视图中的html标记与内容。初始时,golive 5将显示所有标记与内容。使用component(组件)按钮还能将该页面设置成一个组件,并在保存该页面时同时直接保存至site窗口中的 componets 文件夹里。pending(未定)的标签用于显示当前web页面中的超文本链接状态,在初始状态下,由于还没有任何超文本链接存在,所以在此标签中不会看到任何内容=版权所有 软件 下载 学院 版权所有
()
- · 专业信息网站制作规范
- · 关于网站结构和交互性的探讨
- · Flash视觉特效之魔幻曲线
- · Flash视觉效果之漫天飞雪
- · WINDOWS图像编程
- · WINDOWS编程基础
- · Flash实用技巧之蜡烛制造(2)
- · Flash实用技巧之蜡烛制造(1)
- · 步入魔域-Flash光特效综合分析
- · FLASH视觉特效实例之飞翔的彩翼
- · FLASH视觉特效实例之大风车篇
- · FLASH游戏制作精选实例教程
- · Flash游戏制作--迷宮
- · 用Flash打造迷你Winamp播放器(2)
- · 用Flash打造迷你Winamp播放器(1)
- · 用Flash MX打造个性化相册
- · Flash表单制作实例集锦(六)
- · Flash表单制作实例集锦(五)
- · Flash表单制作实例集锦(四)
- · Flash表单制作实例集锦(三)
- · Flash表单制作实例集锦(二)
- · Flash表单制作实例集锦(一)
- · 用Flash 5制作Winamp光谱柱的效果
- · 如何建立网站地图(site map)
- · 网站设计标准化(一)
- · 网站设计标准化(二)
- · 用Flash和FlashForge制作三维屏保
- · 网页编辑常用表现的实现方法
- · 在因特网上建设自己的家园
- · 什么是Web设计-从纸张到软件
- · 什么是Web设计-为用户设计
- · 什么是Web设计-Web设计的金字塔
- · 什么是Web设计-建设Web站点
- · 主页设计中配色方案的使用(上)
- · 实践用CSS制作框架页效果
- · 网页制作小工具大全(下)
- · 网页制作小工具大全(中)
- · 网页制作超级技巧(一)
