DIV+CSS网页制作实战第01次课(2课时)网站的创建流程.pptxVIP

课次1课时2教具投影仪项目 项目1 网站建设基础知识任务 任务1.1 网站的创建流程知识点 1. 网站服务器的创建流程（25分钟） 2. IIS/Apache的安装与配置（45分钟） 3. 网站内容的上传与下载（20分钟）重点 IIS/Apache的安装与配置难点 WAMP的配置备注 上机操作90分钟/ 23知识技能目标了解网站的基本概念了解网站的创建流程了解Web服务器的安装与配置了解网站的分类及网页色彩的使用/ 23任务1.1 网站的创建流程1．1．1 任务分析（分析用户需求、选择合适技术）1．1．2 网站服务器的创建流程确定运行平台1.域名申请查询选择域名选择技术方案2.网站技术方案的选择用户资料确认3.规划与实现应用系统网站形象设计购物订单确认4.网站的发布与推广页面内容设计域名注册成功5.系统的更新维护/ 231．1．3 IIS的安装与配置1．IIS简介2．IIS的安装与配置Win7下IIS的安装与配置方法:（1）进控制面板，选“功能和程序”，再选左边的“打开或关闭Windows”功能，如图1-2所示；/ 23（2）在“Windows功能”对话框中选“Internet信息服务”，如图1-3所示；（3）。。。。。。/ 231．1．4 Apache的安装与配置1. WAMP简介 WAMP即Windows + Apache + Mysql + PHP的简称，是基于Windows平台（也有基于Linux平台的LAMP）用来搭建动态网站或服务器的软件组合。它们本来都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。/ 232. WAMP的安装及环境配置（1）运行安装程序wamp.exe，界面如图所示，按提示安装即可。/ 23安装完成后右键单击任务栏中的 图标，选Language-chinese将WAMP界面设为中文，如图所示。/ 23如任务栏图标为 表示Apache的部分服务停止，图标为 表示全部服务停止。如系统已经启动IIS, 则要先停止IIS, 再启动Apache服务。启动Apache服务的方法是左键单击WAMP图标，选择Apache-启动/继续服务，如图所示；/ 23（2）设定Apache 安装目录（可选） 按下图打开配置文件httpd.conf，文档中凡是以“#”开头的为注释行。? 找到文档中ServerRoot这段，将它设成你的Apache安装目录,如 D:/Apache Group/Apache2，默认为c:/wamp/apache2。/ 23（3）设置Apache网站根目录（可选） 打开配置文件httpd.conf，找到 DocumentRoot 这一段，设置网站的根目录，例如 DocumentRoot “C:/wamp/www”，默认为“C:/wamp/www”。（4）将自己网站的所有内容拷贝到网站根目录c:\wamp\www中。有可能还要修改页面的数据库连接串中的服务器地址。（5）设置Apache中的默认首页（可选） 打开配置文件httpd.conf，找到 DirectoryIndex 这段。把它改成DirectoryIndex index.php index.html ，这样,网站目录的默认首页就是index.php, 如果没有index.php，系统会自动寻找index.html，依次类推。注意在index.php index.Html之间要有一个空格。/ 23（6）为 Apache 添加虚拟目录（可选） 打开配置文件httpd.conf，在最后添加如下语句： Alias /web e:/web/ Directory e:/web Options Indexes FollowSymLinks AllowOverride None Order allow,deny Allow from all /Directory 重新启动服务,在浏览器中输入http://localhost/web就可以访问e:/web网站了。注意虚拟目录名称中最好不用汉字。（7）显示网站首页 浏览器地址栏输入http://localhost，浏览网站首页。（8）设置本地或局域网调试时用IP地址访问网站（可选） 打开配置文件httpd.conf，将其中的Allow from 都改为Allow from all，再重启所有服务。/ 23（9）Apache下页面找不到时禁止目录浏览（可选） 打开配置文件httpd.conf，找到Options Indexes FollowSymLinks，在Indexes前面加上“-”符号，再重启Apache。（10）修改WAMP中mysql数据库默认的空密码（可选） WAMP安装好后，mysql数据库密码是空的，可通