网页设计基础知识、Dreamweaver8概述.ppt

* Dreamweaver 8中文版应用教程 Dreamweaver 8中文版应用教程 第一部分 网页设计基础知识 一、网站与网页概述 1.网页与网站的关系 网页就是通过浏览器在Internet上看到的页面，英文名称为Web Page；网站也称为站点，英文名称为Web Site，是多个网页的集合，而不是简单的集合，而是取决于该网站的内容（如网页的数量及网站的定位）。 2.网站的类型 网站按内容进行分类，可分为门户网站、垂直网站、地方网站；而其中的垂直网站又可分为新闻网站、娱乐网站、体育网站、科技网站、汽车网站、财经网站、房产网站、游戏网站、生活服务网站、教育职业网站等。 一、网站与网页概述 3.网页的类型 HTML：中文名称为超文本标记语言，是HyperText Markup Language缩写，该语言主要利用标记用描述网页字体、大小、颜色及页面布局。 ASP ：是Active Server Pages（动态服务器主页）的缩写，主要用于网络数据库的查询与管理，其编辑语言为Java Script等脚本语言。 JSP：JSP与ASP非常相似，不同之处在于ASP的编程语言是VBScript之类的脚本语言，而JSP使用的是Java。 CGI：CGI是Common Gateway Interface（公共网关接口CGI）的缩写，是一种编程标准，规定了Web服务器调用其它可执行程序（CGI程序）的接口协议标准。 PHP：是Hypertext Preprocessor（超文本预处理器）的缩写，其优势在于运行效率比一般的CGI程序要高，而且是完全免费，。 VRML ：是Virtual Reality Modeling Language（虚拟实境描述模型语言）的缩写，是描述三维的物体及其连结的网页格式。 一、 网站与网页概述 4.构成网页的元素 文本和图像：是构成网页的最基本主要元素，网页可以只由文本或只由图像构成；如果为文本设置了文本的颜色、大小、字体和样式再与图像相结合，制作出来的网页就更精彩。 超级链接：简称连接，通过鼠标单击可以直接转向目标连接，包括文本连接和图像连接。 动画：在网页中使用动画元素可以使网页更生动，常见的网页动画包括两种：一种是GIF动画，另一种是Flash动画。 视频和音频：都是通过在网页中插入音、视频插件来实现的，最流行的音、视频格式是Media Play和Real，两种格式都使用了压缩算法和流媒体进行传送。 表单：互动特性是互联网的最大特点，表单是实现互动特性的最常见元素，应用表单可以收集浏览者信息并与其进行交互。 二、网页的设计和布局 1.网页主题 　　是网页所要表现的最主要的思想内涵，是网页的灵魂。如果网页没有一个确定的主题，会给人一种不知所云的感觉。常见的主题包括新闻、教育、科技、娱乐、体育、旅游、文学、自然、财经、房地产和计算机技术等，几乎涉及了社会生活的方方面面。 2.网页命名和标志(LOGO) 　　网页名称是网页主题最凝练的概括，一个好的网页名称会给浏览者留下深刻的印象。 　　　　网站标志是站点特色和内涵的集中体现。一般 　　放在网站的首页上，和商标类似可以是中文文字、 　　英文字母、符号、图案等。 二、网页的设计和布局 3.网页的色彩 。非彩色的搭配：黑白是最基本和最简单的搭配。 。色彩搭配：在搭配色彩时，要注意不同的色彩、不同的色彩饱和度和透明度都会给浏览者不同的感觉。例如绿色可以使人产生优雅、舒适的气氛，黄绿色有青春、旺盛的视觉意境，而蓝绿色则显得幽宁、阴森。 4.网页的文字 　　默认标准字体是中文宋体和英文Times New Roman字体。在设计网页时，还可以自由使用Windows操作系统自带的所有英文字体和中文字体。如果想用特殊的字体来体现 　　　　某种风格，可以用图像来代替。 二、网页的设计和布局 5. 网页中的表格 如果在网页中使用表格不合理，则会减慢网页的下载速度。因此在网页中使用表格，应该遵循以下几点要求。 整个页面不要都套在一个表格中，尽量拆分成多个表格。 单一表格的结构尽量整齐。 表格嵌套层次要尽量少。 6. 网页版面和布局 版面设计的主要步骤:分为画出页面的结构草图、布局细化和调整、定格三步。 常见网页布局：设计网页布局时应遵循平衡和凝练原则，一般来说网页布局主要有π型结构、 T型结构和三型结构等3种结构。 三、网站的规划和设计 1.网站的开发规范 　　在网站开发规范中必须指定站点的目标定位、风格、CI形象、栏目及版块，以及最基本的目录结构；有时还需要一个合理的脚本语言作为参考。 2.网站的目标定位 网站的目标定位可以从以下3方面考虑。 题材和内容：题材就是主题，要求主题小内容精。 网站域名：申请一个好记且具有一定含义的域名。 网站名称