《网站建设教程(项目式)搭建网页服务器课件.ppt》由会员分享，可在线阅读，更多相关《网站建设教程(项目式)搭建网页服务器课件.ppt（38页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、4搭建网页服务器任务教师：2023/5/261网站建设教程网站建设教程()()学习六步曲 u任务导入任务导入u任务目标任务目标u任务实施任务实施u知识拓展知识拓展u强化训练强化训练u学习成果评估学习成果评估任务导入u从网上下载的从网上下载的“.asp.asp”、“.jsp.jsp”、“.php.php”等网站源代码文件无法直接等网站源代码文件无法直接用浏览器进行预览。这是什么原因呢用浏览器进行预览。这是什么原因呢？u本任务你将学习如何安装和配置网页本任务你将学习如何安装和配置网页服务器及手工编写服务器及手工编写HTMLHTML文档的方法。文档的方法。任务目标u核心技能核心技能编写编写HTMLH
2、TML文档文档安装安装IISIIS服务器服务器配置配置IISIIS服务器服务器u核心知识核心知识网站、网页、网址、超网站、网页、网址、超链接与浏览器链接与浏览器 静态网页与动态网页静态网页与动态网页ASPASP开发环境开发环境PHPPHP开发环境开发环境WebWeb标准构成标准构成:HTML:HTML、XMLXML、XHTMLXHTML、CSSCSS、DOMDOM、JavaScript JavaScript DHTMLDHTML一、手工编写HTML文档u1 1新建网站根目录新建网站根目录u2 2新建文本文件新建文本文件u3 3输入输入HTMLHTML代码代码u4 4保存保存HTMLHTML文档
3、文档u5 5预览页面预览页面二、安装IIS服务器u1.1.将将Windows XPWindows XP系统光盘放入光盘系统光盘放入光盘驱动器驱动器u2.2.选择【开始】选择【开始】|【设置】【设置】|【控制面【控制面板】板】|【添加或删除程序】命令【添加或删除程序】命令二、安装IIS服务器u3.3.单击【添加单击【添加/删除删除WindowsWindows组件】组件】u4.4.选择【选择【InternetInternet信息服务（信息服务（IISIIS）二、安装IIS服务器u6.6.单击【下一步】按钮，开始安装单击【下一步】按钮，开始安装IISIIS，当安装完成后，弹出【，当安装完成后，弹出【
4、WindowsWindows组组件向导】对话框，提示已经成功完成件向导】对话框，提示已经成功完成WindowsWindows组件安装，单击【完成】按组件安装，单击【完成】按钮，关闭【钮，关闭【WindowsWindows组件向导】对话组件向导】对话框。框。三、IIS发布网页u打开打开InternetInternet信息服务控制台信息服务控制台三、IIS发布网页u设置网页目录设置网页目录三、IIS发布网页u启动浏览器，在浏览器地址栏中输入启动浏览器，在浏览器地址栏中输入本机本机IPIP地址，按地址，按EnterEnter键，测试网页显键，测试网页显示效果如图所示。示效果如图所示。知识拓展u网站与
5、网页网站与网页网站是网页相互链接的集合，网站好比网站是网页相互链接的集合，网站好比是一本书，网页就像书中的页。是一本书，网页就像书中的页。网页是由网页是由HTMLHTML（超文本标识语言）或者（超文本标识语言）或者其他语言编写而成，是网站的基本信息其他语言编写而成，是网站的基本信息单位。单位。知识拓展u浏览器浏览器浏览器是用户用来浏览网站资源的工具。浏览器是用户用来浏览网站资源的工具。常用的浏览器有常用的浏览器有Internet Internet ExplorerExplorer（IEIE）、）、FirefoxFirefox（FFFF）、）、ChormeChorme（谷歌浏览器）等（谷歌浏览器
6、）等知识拓展u静态网页与动态网页静态网页与动态网页静态网页是纯粹的静态网页是纯粹的HTMLHTML格式的网页，内容格式的网页，内容相对固定相对固定知识拓展u静态网页与动态网页静态网页与动态网页动态网页是指在网页文件中除了动态网页是指在网页文件中除了HTMLHTML标记标记外，还包括实现浏览器与服务器交互的程外，还包括实现浏览器与服务器交互的程序代码序代码知识拓展u搭建搭建ASP.NETASP.NET开发环境开发环境1 1安装和配置安装和配置IISIIS2 2安装安装Visual Studio 2008Visual Studio 2008知识拓展u搭建搭建PHPPHP开发环境开发环境1 1PHP
7、PHP开发环境系统架构开发环境系统架构2 2ApacheApache安装与配置安装与配置3 3PHPPHP安装与配置安装与配置4 4安装安装MySQL5.5MySQL5.5知识拓展uWebWeb标准构成标准构成WebWeb标准不是某一个标准，而是一系列标标准不是某一个标准，而是一系列标准的集合。准的集合。知识拓展uHTML HTML HTMLHTML（Hyper Text Markup LanguageHyper Text Markup Language，超，超文本标记语言）是文本标记语言）是WebWeb最基本的描述语言最基本的描述语言HTMLHTML标记用于定义文档结构和内容，可以标记用于定
8、义文档结构和内容，可以用来组织文字、图形、动画、声音、表格、用来组织文字、图形、动画、声音、表格、链接等网页元素链接等网页元素HTMLHTML文档包括头部（文档包括头部（HeadHead）和主体）和主体（BodyBody）两大部分）两大部分知识拓展uHTML HTML 标记标记HTMLHTML标记是由相应的英文嵌在尖括号标记是由相应的英文嵌在尖括号“”内构成，如内构成，如、等，尖括号是标记必需部分等，尖括号是标记必需部分HTMLHTML标记通常是成对使用，如标记通常是成对使用，如和和知识拓展uXMLXMLXMLXML（EXtensible Markup LanguageEXtensible M
9、arkup Language，可扩，可扩展标记语言）是一种基于文本的标记语言，展标记语言）是一种基于文本的标记语言，标记和元素在文档中必不可少标记和元素在文档中必不可少XMLXML文档结构分为序言、主体和尾声文档结构分为序言、主体和尾声3 3个部个部分分知识拓展uXHTMLXHTMLXHTML(EXtensible HyperText Markup XHTML(EXtensible HyperText Markup LanguageLanguage，可扩展超文本标记语言，可扩展超文本标记语言)是用是用XMLXML规则对规则对HTML4.0HTML4.0进行扩展的产物，建立进行扩展的产物，建立的
10、目的就是实现的目的就是实现HTMLHTML向向XMLXML的过渡并最终取的过渡并最终取代代HTMLHTML。XHTMLXHTML存在存在3 3种文档类型：种文档类型：StrictStrict（严格类（严格类型）、型）、TransitionalTransitional（过渡类型）和（过渡类型）和FramesetFrameset（框架类型）。（框架类型）。知识拓展uDOMDOMDOMDOM（Document Object ModelDocument Object Model，文档对象，文档对象模型）是一个中立于语言和平台的接口，模型）是一个中立于语言和平台的接口，允许程序和脚本动态地访问和更新文档
11、的允许程序和脚本动态地访问和更新文档的内容、结构以及样式。内容、结构以及样式。知识拓展uJavaScriptJavaScriptJavaScriptJavaScript是互联网上最流行最简单的脚是互联网上最流行最简单的脚本语言，可在本语言，可在Internet ExplorerInternet Explorer、MozillaMozilla、FirefoxFirefox、NetscapeNetscape、OperaOpera等主等主要的浏览器中运行。要的浏览器中运行。知识拓展uDHTMLDHTMLDHTMLDHTML（Dynamic HTMLDynamic HTML，动态，动态HTMLHTML
12、）并不是）并不是W3CW3C标准，而是被网景公司（标准，而是被网景公司（NetscapeNetscape）和）和微软公司用来描述浏览器应当支持的新技微软公司用来描述浏览器应当支持的新技术。术。强化训练u制作网站欢迎页制作网站欢迎页1 1新建网站根目录新建网站根目录p在当前在当前计算机的算机的D盘新建一文件新建一文件夹，将文件，将文件夹改名改名为“myWebSite”。2 2新建文本文件新建文本文件p运行运行记事本程序，事本程序，设置置记事本字体事本字体为“新宋体新宋体”，大小，大小为18磅。磅。强化训练u制作网站欢迎页制作网站欢迎页3 3输入输入HTMLHTML代码代码4 4保存保存HTMLH
13、TML文档文档p将网将网页文件保存在文件保存在“D:myWebSite”文件文件夹中，文件名中，文件名为“index.html”。5 5预览预览HTMLHTML页面页面p使用使用IE浏览器器预览“index.html”文件文件强化训练u在在IISIIS中发布网页中发布网页打开打开InternetInternet信息服务，设置网站路径信息服务，设置网站路径为为“d:myWebSite”d:myWebSite”，设置默认文档为，设置默认文档为“index.html”index.html”，IPIP地址为本机地址为本机IPIP地址，地址，打开浏览器，在地址栏中输入本机打开浏览器，在地址栏中输入本机IPIP地地址，预览网页。址，预览网页。学习成果评估能力模块评估能力模块评估评估项目评估项目能力掌握情况能力掌握情况原因分析原因分析补救办法补救办法核心技能核心技能手工编写手工编写HTML文档文档安装安装IIS配置配置IIS核心知识核心知识网站、网页网站、网页网址与超链接网址与超链接浏览器浏览器静态网页与动态网页静态网页与动态网页搭建搭建ASP开发环境开发环境搭建搭建PHP开发环境开发环境Web标准构成标准构成HTML XMLXHTMLCSSHTML DOMJavaScriptDHTML项目体验项目体验与经验总结与经验总结谢谢 谢！谢！