Chapter1_网站开发基础.pptVIP

* 网页设计与制作实用教程 （Dreamweaver+Flash+Photoshop） 2013 . 3 第1章 网站开发基础 1.1 网站开发概述 1.2 网站开发流程 1.3 常用网页设计软件 1.4 HTML入门 随着因特网的发展和普及，各种各样的Web网站似雨后春笋般出现。网站设计与开发也越来越成为热门的技术领域。本章先介绍一些网页设计和网站开发的基础知识。 本章主要内容： 1.1 网站开发概述 网站开发就是使用网页设计软件，经过平面设计、网络动画设计、网页排版等步骤，设计出多个页面。这些网页通过一定逻辑关系的超级链接，构成一个网站。 1.1.1 什么是网站 1.1.2 网站的类型及定位 1.1.3 认识网页 1.1.1 什么是网站 网站（Website）是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种媒体展示方式，人们可以通过网站发布公开的资讯，或者利用网站来提供相关的网络服务。受众可以通过浏览器访问网站，获取自己所需的资讯或者享受网络服务。 网站由域名（domain name）、网站空间、网页3部分组成。域名就是我们所说的网址，如：、。网页可通过Dreamweaver等软件制作，多个网页间由超级链接相互联系。网站空间位于服务器硬盘（文件夹），网页由管理者上传到网站空间——网页发布。 1.1.2 网站的类型及定位 网站是一种新型媒体，目前已广泛应用于各方面。开发网站必须了解其承担的主要功能和特点，有明确定位。 1．综合门户网站 顾名思义，综合为主。受众范围广，访问量高、信息容量大等特点，以文字链接为主要内容、版式和色彩较为直观、简洁，以便浏览者在最短的时间内连接到下一级页面。 国内综合门户网站的代表 新浪 搜狐 腾讯 等 1.1.2 网站的类型及定位 2．电子商务网站 提供网上交易和管理等全过程服务，具有广告宣传、咨询洽谈、网上订购、网上支付、电子账户、服务传递、意见征询、交易管理等各种功能。发展潜力巨大。 典型代表 淘宝、 易趣 拍拍 等 1.1.2 网站的类型及定位 3．视频分享网站 视频分享网站通常为用户提供视频播客、视频分享、视频搜索及所有数字视频内容的存储和传输服务。可供用户在线观看最新、最热的电视、电影和视频资讯等。 代表 优酷 土豆 ） 酷6 等 1.1.2 网站的类型及定位 4．企业宣传网站 最常见的网站类型。用以推广企业形象、树立品牌、发布产品。在这类网站设计中，既要考虑商业性，又考虑到艺术性。有助于企业树立好的社会形象，更好地展示企业的产品和服务 5．下载网站 为用户提供各种资料。主要有软件、音乐、影视、图书等。这类网站的重点是资料的管理和分类。如： 天空软件 霏凡软件 太平洋下载 等 1.1.2 网站的类型及定位 6．搜索引擎网站 搜索引擎网站为用户提供内容搜索功能。一般为用户提供新闻、网页、图片、视频、MP3等内容的快速搜索服务。如百度 1.1.3 认识网页 网站由若干具有逻辑关系的网页构成——超级链接 1．网页基本元素 网站是一个整体，由网页及服务构成，浏览网站实际上就是浏览网页。 构成网页的基本元素： 文本：网页中最主要的信息载体，浏览者主要通过文字了解各种信息 图片：使网页看起来更加美观。如果是新闻类或说明类网页，图片可以让浏览者更加快捷的了解网页所要表达的内容 水平线：在网页中主要起到分隔区域的功能，以上网页的结构更加美观合理 1.1.3 认识网页 表格：网页设计使用最多的基本元素。主要用于分类数据和网页排版 表单：访问者有时需要向网页登录、注册等提交信息，可以通过表单输入到Web服务器，服务器根据表单处理程序进行加工处理。表单中可输入文本、单选和复选框等 超链接：实现网页间或网页内的跳转，是网页的灵魂 动态元素：包括GIF动画、Flash动画、滚动字幕、悬停按钮、广告横幅、网站计数器等。这些动态元素使网页不再是一个静止的画面，可以说动态元素赋予了网页生命力，使网页活了起来 1.1.3 认识网页 2．网站首页的基本结构 首页是一个网站的门面，是构成网站的最重要的网页。一般我们在浏览器地址栏输入网址后，默认打开的就是首页。如图所示，其中包括网站标志（Logo）、广告条（Banner）、导航栏、主体内容和版权信息等内容 Logo 导航栏 Banner 横幅广告 主体正文 版权栏 友情链接 1.1.3 认识网页 Logo：企业的名片，网站的点睛之处。网站的Logo有两种，一种是如上图左上角的Logo，另一种是链接Logo Banner：横幅或标语。起到