网站设计概论ppt课件

网站设计,网站设计概述,如何写项目需求书如何规划设计一个网站如何开发一个静态网站如何开发动态网站网站的测试运营网站的推广,课程成绩:期末成绩=网站设计作业成绩平时成绩。网站设计大作业占总分的70%，平时成绩占总分的30%,网页制作的基础知识网页设计工具网站的整体规划网页中的元素动态网页的支持技术Html的基础知识,网页制作初识,1.网页制作的基础知识了解WWW服务与网页,Internet最初的服务都局限于文本的方式。随着多媒体技术的高速发展，人们非常希望在网上也能观看漂亮的图片、欣赏优美的音乐，这时革命性的服务诞生了，这就是WWW服务WWW的全称是WorldWideWeb。它是一种以网页(webpage)为基本单位构建的框架结构，其目的是为了把遍布在Internet上数以万计的网页链接起来，形成一个庞大的资源信息网。WWW将Internet上所有的资源(包括文字、图片、声音、视频等)采用统一的资源定位方式(URL)串连起来，而在客户端，访问者只需用浏览器(browser)便可很轻松地访问任何角落的Internet资源。,www的成功传播需要三项技术：创建网页的语言HTML（HyperTextMakerupLanguage）超文本标记语言网页的传输协议HTTP（HyperTextTransferProtocol）超文本传输协议接收、解释网页数据并显示其内容的浏览器,1.网页制作的基础知识了解WWW服务与网页,资源统一定位符统一资源定位器(URL)路径是一种因特网资源地址的表示法。该数据里中可以包括链接所需协议（如：http、ftp）、链接主机的域名或IP地址、链接主机的通讯端口（port）号、主机文件的发布路径和文件名称等超级链接超级链接就是从一个对象指向另一个对象的指针，当用户单击原对象，通过超级链接就跳转到目标对象。浏览器浏览器的作用有两个：一个是从服务器获取信息。另一个是对WEB文件进行格式化和显示。,1.网页制作的基础知识了解WWW服务与网页,网页设计三剑客Dreamweaver是Maromedia开发的所见即所得的可视化开发工具Fireworks是由Macromedia公司开发的图形处理工具，是专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。Flash是Macromedia公司开发的是一种交互式动画设计工具，广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作其他工具记事本必须熟悉HTML语言代码MicrosofeFrontPageFrontPage是所见即所得网页编辑器Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件几乎所有的广告、出版、软件公司Photoshop都是首选的平面制作工具。软件的安装和了解工作界面,2、网页制作工具,网站开发团队分工,网站开发项目需求分析,网站功能描述书必须包含以下内容：1、网站功能2、网站用户界面（初步）3、网站运行的软硬件环境4、网站系统性能定义5、网站系统的软件和硬件接口6、确定网站维护的要求7、确定网站系统空间租赁要求8、网站页面总体风格及美工效果。9、主页面及次页面大概数量。10、管理及内容录入任务分配。11、各种页面特殊效果及其数量。12、项目完成时间及进度（根据合同）13、明确项目完成后的维护责任。,3网站的整体规划,网站设计流程确定站点主题收集资源并制作相应的图片、动画组织规划站点结构创建站点，制作网页上传与测试网站推广更新与维护,3网站的整体规划,确定站点主题根据以下的介绍希望可以对你的选题有帮助主要的网站类别电子商务网站门户类网站娱乐类网站游戏类网站产品类网站时尚类网站个人类网站,3网站的整体规划,十大热门题材网上求职网上聊天、即时信息、ICQ网上社区、讨论、邮件列表计算机技术网页、网站开发娱乐网站旅行参考、咨询家庭、教育生活时尚,4、网页中的元素,基本元素文本、图像和动画、声音和视频、超链接、表格、表单、导航栏和其他特殊效果其他设计元素首页设计、版面布局、网页色彩搭配,5动态网页的支持技术,目前，最常用的三种动态网页语言有ASP,JSP,PHPASP全名ActiveServerPages，是一个WEB服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Javascript）作为自己的开发语言。PHP是一种的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，你可以从PHP官方站点()自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。JSP是Sun公司推出的新一代跨平台网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是JSP，JavaServerPage。JSP可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。,6、HTML的基础知识,HTML的基本概念HTML文件的结构HTML的基本语法结构,1HTML基本概念,HTML（HypertextMarkedLanguage）是一种描述语言，对WEB页面中显示内容的属性以标签的形式进行描述。客户机上的浏览器（browser）对这些描述进行解释将相应页面内容正确显示在显示器上。一个WEB页面就是一个HTML文档。用它编写的文件(文档)的扩展名是.html或.htmHTML文档是普通文本(ASCII)文件,它可以用任意编缉器(如windows中的记事本、写字板,2HTML文件的结构,一个HTML文件大体分为以下几部分：网页标题网页内容BODY之间则为主要语法所在，也是网页的主要呈现部分。和：超文本的开始和结束。和：超文本标题的开始和结束。和：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。,我的网页你好！链接到百度,3HTML的基本语法结构,HTML中的标签用“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。主要有：单标签因为它只需单独使用就能完整地表达意思，这类标记的语法是：最常用的单标签是,它表示换行。双标签它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。这类标记的语法是：内容1HTML元素的标记HTML标记HTML标记是对整个文档属性的描述，即告诉浏览器HTML文档的开始与结束。,2HEAD元素HEAD标记成对出现格式：作用：该标记用来表示HEAD元素的开始和结束。这对标签里主要写入的标签是：BASE标记(不成对标记)META标记(不成对标记)TITLE标记SCRIPT标记,3HTML的基本语法结构,3BODY元素(可见对象的描述)Body标记成对出现格式：作用：正文的开始和结束，它被显示在浏览器中(即我们所看到的网页）。其中可以包含许多元素，是HTML语言的核心部分。这对标签里主要写入的标签是：DIV层标记表格标记图象标记表单标记多媒体标记移动文字标记链接（Linking）标记等,3HTML的基本语法结构,7、工程实训,全班同学以3个人为一组，进行分组，然后小组成员进行交流，选举出该小组的项目经理，然后项目经理根据每个的爱好及特长进行项目分工，最终组建成一个网站开发团队。完成网站团队文档，要包含以下内容：团队名称、人员分工、岗位职责、选择的开发工具，还要说明网