网页07定位

1、1,第七章 JavaScript 脚本编程,2,内容提要,JavaScript概述 词法规则 基本数据类型 运算符和表达式 核心语句 函数 复合数据类型 对象模型 事件处理,3,JavaScript概述,JavaScript是由Netscape和Sun公司联合开发的基于对象和事件驱动的客户端脚本编程语言，通过它与HTML、XML、DOM、CSS、JavaApplet等技术的有机结合，可以开发出具有很强交互性的动态页面。,4,第一个JavaScript程序,实时显示时间当前时间：“+s+“; /,5,基于对象 事件驱动 解释性语言 简单性 实时性 跨平台性 安全性,JavaScript的特点,6,JavaScript脚本的引入方法 通过与标签。

2、2018/3/3,1,本章知识点和技能点：,利用布局视图、表格、层、框架进行页面布局的方法创建表单的方法以及表单的提交与校验设置Dreamweaver内置行为的应用,2018/3/3,2,一、网页布局定位,经过前面的学习，相信你已经掌握了基本的网页制作知识，可以独立制作一些较简单的网页了。但仅仅这些知识还是远远不够的，因为你还不能解决对象的位置会随着浏览器窗口大小的变化而发生变的这个问题，下面我们将介绍网页的布局定位技术，从而实现对网页对象的精确控制。,2018/3/3,3,什么是网页布局定位？,网页布局定位，就是指把网页元素诸如文本、图片等。

3、第七章 品牌的市场定位,品牌定位概述 品牌定位策略,第一节 品牌定位概述,定位论的由来与发展 品牌定位的概念与属性 品牌市场定位的意义,一、定位论的由来与发展,（一）定位的基本理解 1“定位论”的提出 里斯和屈特对定位下的定义是：“定位并不是要你对产品做什么事定位是你对未来的潜在顾客心智所下的功夫也就是把产品定位在你未来潜在顾客的心中。”,2演变为营销策略的“定位” 营销学大师科特勒对定位所下的。

4、請自填,7.服務的組成、定位與創新,2/38,大綱,前言：關鍵的十年 服務的組成 服務的定位 服務的創新,3/38,前言：關鍵的十年 1/4,走在匆忙的街道上， 你可曾留意今日台灣的街景有相當部分 是由知名服務業者形塑而成？ 你能叫出它們的名稱？還有，哪個年代 密集啟動了台灣街景與商店的現代化？,4/38,前言：關鍵的十年 2/4,1983 金石堂於台北汀洲路,許多知名服務業的第一家 都是成立於1980年代。,1984 麥當勞於台北民生東路,1987 屈臣氏於台北衡陽路,1987 頂好超市於台北忠孝東路,1987 SOGO於台北忠孝東路,1989 家樂福於高雄大順路,1989 誠品於。

5、第 1 章 网页设计,1.1网页主题和名称 1.1.1网页主题题材的选择,图1.1 题材,设计一个站点，首先遇到的问题就是定位网站主题，如图1.1所示。,主题要简明易懂定位要小，内容要突出，如图1.2所示。,图1.2内容要突出,1.1.2 网页的名称,根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：责任有限公司和工作室，后者更好记。另外，网站名称的字数应该控制在7个字（最好5个字）以内，4个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小logo尺寸是88MMX31MM，而六。

6、2013.05.09,GPS定位原理,一、什么是全球定位系统（GPS）,GPS是美国军方研制的第二代卫星导航系统,全球通用24小时可以定位，测速和授时用户设备成本低廉确保美国军事安全，服务于全球战略导航精度可达1020m取代现存各种导航系统,GPS的优势,全球地面连续覆盖，卫星数目多且分布合理功能多、精度高，连续提供动态目标的三维位置信息、三维速度和时间信息实时定位速度快 抗干扰性能好，保密性强,对大地测量的优势,作用灵活，操作简便无需站间通视，与地面点的几何图形无关定位精度高观测时间短，经济效益高全天候作业,GPS 系统的组成,地面控制。

7、网页设计基础,耿晓利,建立超链接,超链接概念链接标记属性链接路径设置链接类型,浏览者通过单击链接文字或图片，可以从一个页面跳到另一个页面，实现这样的功能的对象称之为超链接,超链接概念,创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点。源端点：指网页中的链接单击的对象，如链接文本或链接图像目标端点：指链接跳过去的页面或位置，如某网页、书签等,超链接标记属性,超链接标记 属性,target属性值,链接目标窗口示例,超链接标记属性,绝对路径: 指文件的完整路径文件相对路径：指相对于当前文件的路径。使。

8、素材下载方式,本课程所用素材可登陆以下邮箱进行下载： webstudy2007sohu.com具体操作： 1、在IE浏览器内访问网址http:/mail.sohu.com 2、在免费邮箱登陆栏内分别输入用户名(webstudy2007)和密码(web123456) 3、下载相关素材,第七讲 网页的排版制作,学习Dreamweaver,7.1 Dreamweaver 8基础,掌握本地站点的创建与管理方法 掌握文档属性的设置方法 掌握文本的插入及属性设置方法 掌握不同图像的插入及编辑方法 掌握创建文本、图像、热点、锚点及邮件超链接的方法,本课导读,Dreamweaver是一种所见即所得的可视化网页编辑软件。它有3种设计视。

9、02:19,1,第7章 卫星定位测量,02:19,2,7.1 卫星导航定位系统概述,一. 全球定位系统 G P S Global Positioning System 定义：GPS是美国研制的新一代卫星导航定位系统，可向全球用户提供连续、实时、高精度的三维位置，三维速度和时间信息。,02:19,3,卫星定位技术发展的回顾,1957年世界上第一颗人造地球卫星发射成功，40年来，人造地球卫星技术在通信、气象、资源勘察、导航、遥感、大地测量、地球动力学、天文学和军事科学等众多领域，得到了极广泛应用。,02:19,4,人造地球卫星的出现，首先引起了各国军事部门的高度重视。1958年底，美国海。

10、2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,1,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,2,第七章 网页制作与发布,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,3,本章目录,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,4,第一节 因特网信息 发布渠道,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,5,因特网信息发布渠道,博客和播客：零投入零维护，但大型课件发布困难,天网妹子：发布容易，目前外网访问可能困难,FTP远程发布：非网站方式的快速信息发布方法,论坛发布：相当于网络大字报的信息发布技术,个人网站。

11、2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,1,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,2,第七章 网页制作与发布,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,3,本章目录,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,4,第一节 因特网信息 发布渠道,2019/4/16,自然辩证法绪论 张胜光制作 张胜光制作,5,因特网信息发布渠道,博客和播客：零投入零维护，但大型课件发布困难,天网妹子：发布容易，目前外网访问可能困难,FTP远程发布：非网站方式的快速信息发布方法,论坛发布：相当于网络大字报的信息发布技术,个人网站。

12、Sep. 11, 2008,第7章 网站设计和页面布局技术（二）,2,回顾,请简述网站开发的基本步骤？ 框架布局的优缺点？ 表格布局的适用场合？ DIV布局的优点以及适用场合？,3,预习检查,为什么要制作网页模板？ 可编辑区域与不可编辑区域的区别？ 简述制作模板页的大致步骤？,4,本章任务,制作网站的模板页 用模板页重新制作“装备”的商品展示页 用模板页制作“装备”商品的详细介绍页 用模板页制作商品“购买页面” 制作样式表文件并和其他页面绑定,5,会用Dreamweaver制作模板页并应用到其他页面 会用Dreamweaver制作样式文件并绑定到各页面 会使用。

13、CSS网页布局和定位,Learning HTML&CSS第四章,Company Logo,课程要求与目标,理解表现和结构分离掌握如何使用DIV掌握如何使用盒子模型掌握如何使用浮动定位,Company Logo,结构（DIV）与表现（CSS）的分离(1-1),所有HTML和XHTML页面都由内容结构表现行为 -这几方面组成。即根据内容设计结构和表现，最后再对其加点“行为”控制。,Company Logo,结构（DIV）与表现（CSS）的分离(1-2),内容：是页面实际要传达的真正信息，包含数据、文档或者图片等。注意着里强调的“真正信息”是指纯粹的数据信息本身。结构：是由文档中的主体部分，再加上结构。

14、课堂讲解 上机实战,第7课 在网页中应用框架,课堂讲解,认识框架和框架集 框架和框架集的创建 框架和框架集的选择和删除 框架和框架集的保存 框架和框架集的属性设置 处理不能显示框架的浏览器 框架的链接,认识框架和框架集,框架是将一个页面划分成不同的文档区，每个文档区显示独立的内容，其效果是在浏览网页时，网页中一部分区域（如公司Logo、导航条）内容不改变，而其他区域内容在不断发生改变。框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小、位置以及在框架中初始显示页面的地址。框架集文件本身不包含要在浏。

15、定位,CSS的定位模型,影响定位的因素 在代码中的位置 定位方式，即position属性的值 Z方向的位置，即z-index属性的值 四种定位模型（position属性的四个值） 静态定位static、相对定位relative、绝对定位absoulte 固定定位fixed (only firefox ),静态定位:static,默认的定位方式 按照代码顺序（或字符流）的顺序进行从上到下的定位,相对定位:relative,相对于原静态定位位置进行偏移 #box position:relative ;left:40pxtop:20px,相对定位(图),绝对定位:absolute,摆脱在代码中的顺序，相对于最近的已相对定位的祖先元素进行偏移(一般即body元。

16、定位,定位概念 定位属性 定位类型 相对定位 绝对定位,广义的定位： 将网页元素放到页面中的某个位置，即网页排版中的定位操作。 狭义的定位： CSS中的属性position，只不过使用CSS定位并不仅仅通过这个属性来实现。,定位概念,position属性,static 这是默认的属性值，也就是该盒子的按照标准（包括浮动方式）进行布局。 relative 称为相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。 相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。,position属性,abs。