网页设计课件-第一章网页设计与制作概述zhuah

WEB与网页设计,计算机与通信学院朱爱红,内容组成,第一部分 网站设计基础及步骤第二部分 网站的规划与设计 第三部分 HTML语言概述及基本结构第四部分 Dreamweaver8.0及其应用第五部分 网站的建立与设置 IIs网站服务器第六部分 ASP概述第七部分 VBScript 脚本语言第八部分 用ASP访问数据库第九部分 网站的发布与维护,第一部分 网站设计基础及步骤,一: 网站与网页二：网页的组成三：网站的类别四：网站设计相关技术五: 静态网页与动态网页四: www的服务模式六: 构建网站的基础八: 网站的开发流程,一:网页与网站,网页：WWW中电子文档的组织形式；他们存储在世界各地的计算机中，每个网页有多个指针与链接，在WWW中,用户只需通过选择关键字,即可连接到相应的网页,而不必知道对方的物理地址及ip地址;网站:在因特网中存放计算机中信息的集合;即为web网站主页:访问网站过程中,第一个出现的初选的页面,在站点中,起着索引与导航作用;用户在访问过程中,只要输入网站的地址,服务器则将主动提供该站的主页,主页的好坏则影响网站的访问次数;网页浏览器:用于专门浏览网页的程序或工具, 从WEB服务器上检索网页或其他文件，并在用户的计算机上显示检索到得文件或网页；常用的网页浏览器：Intenet Explorer netscape navigator,2017/12/29,5,二 网页组成文字、图片、超级链接、图表、音频、视频,三 网站的类别,常见网站信息发布类：主要提供各种分类综合信息：政府网站 ： 报刊电视台网站 企业网站门户网站： 搜狐 新浪 雅虎在线查询： 百渡 google 电子商务类： 进行网上电子商务活动，为商业活动提供平台，设计电子结算、银行划付等功能；服务教育类： 提供资源服务 及教学网站；个人及娱乐游戏类网站,四：网站设计相关技术,网页编辑软件图形图像及动画制作软件网站设计编程语言,网页编辑软件,Frontpage 微软公司出品网页制作入门软件，所见即所得；Dreamweaver Adobe公司出品，功能强大的网页制作软件，支持activeX javescript flash等特性，高效、直观，较Frontpage更为强大；,图形图像及动画制作软件,PhotoshopFireworksFlash,网站设计编程语言,1: HTML 用于描述超文本文档结构与内容，实现文档之间的超级链接的语言.1：ASP （active server page） 为windows本身所带，支持ASP的服务器软件为IIS(internet information server ,internet信息服务)，他是windows从2000版本开始以组件的方式提供；网页扩展名为asp2：JSP(iava server page ) 由sun公司倡导、其他公司参与一起建立起来的一种动态网页技术标准；JSP基于java脚本的web服务器软件，一般在非windows平台上jsp都占有很大的比例；网页扩展名为jsp3: PHP PHP是一种web服务器软件，最大的特点为开放源代码，即PHP软件本身的源代码在网上均可找到，在多种环境下均可运行；网页扩展名为php;,五:静态网页与动态网页,静态网页：由HTML语言编写，其内容固定不变，仅提供大量的信息服务，没有客户端与服务器的概念；动态网页：有数据库或服务器支持，根据用户的输入与选择要求，将用户需要的数据或网页传到浏览器端。,六:网站的体系结构,Intenet使用的是浏览器(Browser)/服务器(Server)结构，即B-S结构。客户端与服务器通过HTTP协议进行通信。 www的服务形式:请求与响应,六:网站的体系结构,其中，应用程序服务器=WEB服务器,WWW服务器,应用程序服务器,数据库服务器,WWW服务器的三层构架,该三层结构，能够满足复杂网站建设的需要。,六:www的服务模式,www常见的服务有WWW浏览 FTPTelnet 电子邮件 IP电话电子公告板BBS网络新闻组 (NetNews),七:构建网站的基础,硬件支持：个人计算机，2.4G/256M/80G以上；服务器 WINDOWS 2003+IIS6.0+ASP+PHP+JSP软件支持：WINDOS2003SERVER WINDOWS XP IIS APACHE 网页编辑工具:DREAMEAVER FRONT PAGE编程语言: ASP ASP.NET PHP JSP数据库:ACCSEE SQLSERVER其他工具:PHOTOSHOP FLASH,八:网站的开发流程,1：需求分析 规划网站 整理资料2：搭建环境 3：网页制作 代码编程 测试效果4：域名申请 租用空间 网站备案5：网站上传 网站推广 更行维护,网站设计的