dreamweaver study课件.pptVIP

第1章 网页设计基础 重点内容： 网页与网站的关系 网页的主要构成元素 网页的设计和布局原则 网站的规划 网站的开发流程;一、 网站与网页概述 1.网页与网站的关系 网页的英文名称为Web Page，是通过浏览器在Internet上看到的页面，其中可以包含文字、图片以及各种多媒体内容。 网站是多个相关网页的集合，也称为站点，英文名称为Web Site。网站中的网页之间有一定的链接关系，可以通过点击被设置为超链接的文字或对象来跳转到相关的网页。当访问者在浏览器的地址栏中输入一个网站的地址以后，浏览器会自动链接到这个网址所指定的Web服务器，打开网站的主页（Home Page）。访问者可以通过点击主页中的超链接来跳转到到其他网页。;一、 网站与网页概述 2.网站的类型 门户网站：大型综合性商业网站，用于提供各种服务。 导航网站：提供各类网站链接，以便查找所需网站。 搜索网站：可通过输入关键词来搜索相关的网站。 电子商务网站：网上交易平台。 企业网站：企业为进行宣传或提供服务而建立的网站。 政府部门网站：政府部门为发布政府信息和提供在线服务而建立的网站。 个人网站：个人为展示自己或出于兴趣而建立的网站。;一、 网站与网页概述 3.网页的类型 HTML：最常见到的网页类型。 ASP：主要用于网络数据库的查询与管理，其编辑语言为JavaScript等脚本语言。 JSP：与ASP非常相似，使用Java语言。 CGI：一种编程标准，通常用于查询、搜索或其他的一些交互式的应用。 PHP：运行效率比一般的CGI程序高，而且完全免费。 VRML：是描述三维的物体及其连结的网页格式。浏览VRML网页需要安装相应的插件。;一、 网站与网页概述 4.构成网页的元素 文本 图像：通常为GIF、JPG和PNG三种格式。 动画：通常是GIF动画和Flash动画。 视频和音频：主要有AVI和RM两种格式。 超链接 导航栏 表单;二、 网页的设计与布局 1.网页主题 三项原则： （1）选择自己擅长或喜爱的内容。 （2）主题小而精。 （3）不要太滥或目标太高。;二、 网页的设计与布局 2.网页的命名与标志 命名原则： （1） 体现网页的主题精练、概括性强。 （2） 合法、合情并合理。 （3） 字数不要太多，一般控制在6个字以内。 （4） 有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想象力。 网站标志：简称站标，也称LOGO，是站点特色和内涵的集中体现。;二、 网页的设计与布局 3.网页的色彩 在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。鲜明的色彩容易引人注目，独特的色彩能使人印象深刻；色彩的合适性是指色彩与表达的内容气氛相适合；色彩的联想性是指不同的色彩会使人产生不同的联想。在选择色彩时还要注意所选色彩与网页的内涵相关联。;二、 网页的设计与布局 4.网页中的文字 在浏览器中，默认的标准字体是中文宋体和英文Times New Roman字体。也就是说，如果没有设置任何字体，网页将以这两种标准字体显示。在设计网页时，还可以自由使用Windows操作系统自带的所有英文字体和中文字体。浏览该网页时，在Windows操作系统中都能正确显示。如果想用特殊的字体来体现某种风格，可以用图像来代替，即把特殊字体的文字做成图像格式，然后在需要这种字体的地方放置文字的图像，从而保证所有人看到的页面都是同一种效果。;二、 网页的设计与布局 5.网页中的表格 在网页中使用表格可以合理地布局网页的版面，但是如果表格使用不合理，将会减慢网页的下载速度。因此在网页中使用表格，应该遵循以下几项原则。 （1） 整个页面不要都放在一个表格中，应尽量拆分成多个表格。 （2） 单一表格的结构要尽量整齐。 （3） 表格嵌套层次要尽量少。;二、 网页的设计与布局 6.网页的版面和布局 版面设计: 第一步：画出页面的结构草图。 第二步：布局细化和调整。 第三步：确定最终版式。;二、 网页的设计与布局 6.网页的版面和布局 常见网页布局： （1）π型结构：网页整体效果类似符号π，能够充分利用版面空间，但是页面显得比较拥挤，不够灵活。 （2）T型结构：页面结构清晰，主次分明，初学者很容易上手，但显得有些呆板，如果细节色彩搭配不好，很容易给人杂乱的感觉。 （3）三型结构：多见于国外站点，特点是用两条横向的色块将整个页面分割为3部分，色块中大多放广告条与更新和版权提示，色块之间是主要内容。;三、 网站的规划 1.网站的开发规范 在网站开发规范中必须指定站点的目标定位、风格、CI形象、栏目及版