WEB与网页设计（朱爱红）第一章网页设计与制作概述zhuah.pptVIP

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