XXXX新闻网页设计与管理.pptxVIP

新闻网页设计与管理 2012年9月 第1章 初识DreamweaverCS5 1.1 网页基础知识 1.2 了解DreamweaverCS5界面 1.3 网站建设流程 1.4 创建站点 1.5　 创建网页文档 1.1 网页基础知识 1、网页基本构成元素 网站Logo：也叫网站标志，是一个站点的象征，也是一个网站是否正规的标志之一。网站标志一般放在网站的左上角，访问者一眼就能看到。成果的网站标志有着独特的形象标识，在网站的推广和宣传中起到事半功倍的效果。网站标志应体现该网站的的特色、内容以及其内在的文化内涵和理念。 网站Banner：Banner是一种网络广告形式，Banner一般放在网页的顶部位置。最常用的是486×60像素的标志广告。 1.1 网页基础知识 导航栏：是整个网站设计中的一个较独立的部分，在页面中的位置是固定的，一般有4中常见的现实位置，页面左侧、右侧、顶部和底部。在同一个页面中可以运用多种导航栏，例如在顶部设置主菜单，在页面左侧设置折叠菜单，同时在页面底部设置多种链接。 文本：网页中的信息主要以文本为主，在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。 图像：用于网页的图像文件一般为JPG和GIF格式。 动画：通常认为制作优秀、创意出总的动画是吸引浏览者的最有效方法。常见的有GIF动画和Flash动画。 1.1 网页基础知识 超级链接：实现从一个网页指向另一个目的端的链接。例如指向两一个网页或相同网页上的不同位置。这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个程序等。 表格：网页排版的灵魂。通过表格可以精确控制网页元素在网页中的位置。 表单：用于收集站点访问者信息。站点访问者填表单的方式输入文本、单击单选按钮与复选框以及从下拉菜单中选择选项，填好表单后，站点访问者便送出所输入的数据，该数据就会根据访问者设置的表单处理程序。 1.1 网页基础知识 2、网页的种类 静态网页： 　 　 静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；运行于客户端的程序、网页、插件、组件，均属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的，常见其文件后缀名为.html。 　 　优点：静态网页页面上的内容和格式一般不会改变，只有网络管理员可根据需要更新页面，因此静态网页的内容相对稳定，容易被搜索引擎检索。 　 　 缺点：由于没有数据库的支持，静态网页在网站制作和维护方面工作量较大，这也使得静态网页的交互性在功能方面有较大的限制。 1.1 网页基础知识 动态网页 　 　 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返还一个完整的网页；在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。其常见文件后缀名为.asp、.jsp、.php等，且通常在后缀名后加问号 。如/signup/signup.php?ps=u3lang=zh 　 　 动态网页以数据库技术为基础，可以大大降低网站维护的工作量；交互性强，可以实现如用户注册、用户登录、在线调查、用户管理、订单管理等等功能。 1.1 网页基础知识 　 　静态网页是网站建设的基础：内容与格式相对稳定，容易被搜索引擎检索；设计与管理的工作量大，交互功能低。 　 　动态网页以数据库为基础：交互性强，网站管理工作难度降低。 　 　为了网站适应搜索引擎检索的需要，在采用动态网站技术的同时可以将网页内容转化为静态网页发布，在同一个网站上，动态网页内容和静态网页内容同时存在是很常见的事情。 1.1 网页基础知识 1.1 网页基础知识 HTML 开始标签 HEAD 头部标签 TITLE 一个简单的HTML示例 /TITLE /HEAD 文件头结束 BODY 文件主体开始 /BODY 文件主体结束 /HTML 结尾标签 　 标记在使用时必须用必须用“”括起来，标记拥有单标记和双标记之分。 1.1 网页基础知识 　 　 单标记：指的是只需单独使用就能完整地表达意思的标记。这类标记的语法是标记名称。 　 　 最常用的单标记如BR，表示换行。 　 　 　 　 双标记：由“始标记”与“尾标记”两部分构成，是必须成对使用的标记。始标记前加一个斜杠（/）即成为尾标记。 　 　 双标记的语法是标记内容/标记，其中“内容”指要被这对标记施加作用的部分。如： Title一个简单的HTML示例/Title。 1.1 网页基础知识 　 　HTML超文本文档的结构主要包括头部（Head）和主体（Body）两个部分，其中头部描述浏览器所需的信息