钟楼区信息技术教师网页制作培训课件

钟楼区信息技术教师网页制作培训李奎E-mail:jsqinge@188.com2011年1月钟楼区信息技术教师网页制作培训李奎1学习要点服务器环境配置开发环境配置网站目录规划与权限设置从photoshop到dreamweaver，制作第一个网页，并通过IIS配置运行常用html语法常用css语法网页的布局table与div+css两个常用的工具flash图片轮播器和flv视频播放器给网页添加背景音乐（如无必要，不建议加音乐）作业：一个完整静态网站的制作学习要点服务器环境配置2服务器环境配置1操作系统：Windowsserver2003+IIS6.0或windowsxp

pro+IIS5.1或IIS6.0.netframework3.5（可选）数据库：MSSQLServer2005或MSAccess下载地址：/down/down.htm服务器环境配置1操作系统：Windowsserver203开发环境配置1平面设计：adobephotoshopcs3动画制作：adobeflashcs3网页编辑：adobedreamweavercs4看图软件：ashampoophotocommander5或acdsee（未提供下载）下载地址：/down/down.htm开发环境配置14环境配置注意事项1安装操作系统时，如果默认没有安装IIS，可以按“开始”“管理工具”“管理您的服务器”“添加或删除角色”“应用程序服务器（IIS，ASP.NET）”步骤操作。安装IIS时需要有网络连接，并且提供winserver2003安装包或IIS完整安装包。从“开始”“管理工具”中看到有“internet信息服务(IIS)管理器”说明系统安装时已经自动安装了IIS服务。如果使用的windowsxp来配置环境，需要下载IIS5.1或IIS6.0安装包，并且windowsxp最好是pro版而不是home版。进行开发，需要再安装.netframework安装包，可从微软官方下载，或从/down/down.htm下载，同时需要从IIS的web服务扩展中将“”相关服务启用。制作asp网页时，需要从IIS的web服务扩展中将“activepageserver”启用。环境配置注意事项1安装操作系统时，如果默认没有安装IIS，可5环境配置注意事项2安装ps、dw、fl时，直接下载压缩包，解压缩到安装目录，并且执行各自目录下的绿化工具，然后将主程序photoshop.exe、Dreamweaver.exe、flash.exe发送快捷方式到桌面即可使用。安装ashampoophotocommander5时，直接解压到安装目录，并将apc.exe发送快捷方式到桌面，运行时用“使用帮助说明.txt”中的序列号进行注册即可。环境配置注意事项2安装ps、dw、fl时，直接下载压缩包，解6网站目录规划与权限设置1一个简单的静态网站目录规划website/images/index.htm或default.htmimages目录主要存放网页中用到的图片、音乐、视频和css样式文件。也可以为音乐、视频建立单独的文件夹。网站目录下的不管是文件夹还是文件都不建议使用中文命名，最好是使用英文字母和数字。网站目录规划与权限设置1一个简单的静态网站目录规划7网站目录规划与权限设置2动态网站目录website/uploadfiles/images/index.asp或default.asp、index.aspx、default.aspxuploadfiles目录用于存放用户在管理过程中上传的图片和附件。强烈建议在一个网站中只开放一个文件夹允许用户上传。对于有自主管理权限的服务器，强烈建议不要将网站的数据库文件放置在网站目录下，而应该放置在网站目录以外的目录，指定和uploadfiles目录一样的权限，并且在数据库连接语句中，使用绝对地址进行连接。对于有自主管理权限的服务器，建议在操作系统中建立一个不属于任何组的用户，如“webUser”，用于替换系统自带的“internet”来宾帐号，作为网站访问的匿名用户。

网站目录规划与权限设置2动态网站目录8网站目录规划与权限设置3网站目录权限设置：首先取消网站根目录从父目录的继承权限同时选择复制父目录的权限，设置用根目录权限明确替换所有子目录及文件的权限。然后给网站根目录指定administrator（完全控制）、IIS_WPG（读取和运行、列目录、读取）、internet来宾帐号（读取和运行、列目录、读取）权限。网站目录规划与权限设置3网站目录权限设置：9网站目录规划与权限设置4网站目录权限设置：

网站目录规划与权限设置4网站目录权限设置：10网站目录规划与权限设置5网站目录权限设置：对于动态网站的uploadfiles目录，需要单独指定IIS_WPG和Internet来宾帐号写入和修改的权限。同时在IIS的“目录”选项卡里，将uploadfiles的运行权限指定为“无”，这一点对于网站的安全非常重要，见下图。PS：许多使用动易或其他免费asp源码制作的学校网站，经常被挂马通常都是由于目录权限设置过大造成的。网站目录规划与权限设置5网站目录权限设置：11网站目录规划与权限设置6网站目录权限设置：

网站目录规划与权限设置6网站目录权限设置：12常用html语法/down/down.htm下载常用html语法/down/d13常用css语法/down/down.htm下载常用css语法/down/do14网页布局table与div+CSS实例操作。网页布局table与div+CSS实例操作。15两个常用工具图片轮播与视频播放演示效果：/down/flashpicplayer/bcastr1.html/down/flashpicplayer2/focus.htm/down/flashVideoPlayer/test.htm下载地址：/down/down.htm两个常用工具图片轮播与视频播放演示效果：16给网页添加背景音乐1给网页添加背景音乐117给网页添加背景音乐2方式二：使用html代码，参考代码如下：<embedsrc="xiaoge.wma"hidden="true"autostart="true"loop="false">建议将代码放在页面所有代码的最后，</html>之前。这样不会影响页面内容的加载。给网页添加背景音乐2方式二：使用html代码，参考代码如下：18一个完整静态网站的制作一个简单的网站至少包括首页、内容页、阅读页三个页面。一个完整静态网站的制作一个简单的网站至少包括首页、内容页、阅19钟楼区信息技术教师网页制作培训李奎E-mail:jsqinge@188.com2011年1月钟楼区信息技术教师网页制作培训李奎20学习要点服务器环境配置开发环境配置网站目录规划与权限设置从photoshop到dreamweaver，制作第一个网页，并通过IIS配置运行常用html语法常用css语法网页的布局table与div+css两个常用的工具flash图片轮播器和flv视频播放器给网页添加背景音乐（如无必要，不建议加音乐）作业：一个完整静态网站的制作学习要点服务器环境配置21服务器环境配置1操作系统：Windowsserver2003+IIS6.0或windowsxp

pro+IIS5.1或IIS6.0.netframework3.5（可选）数据库：MSSQLServer2005或MSAccess下载地址：/down/down.htm服务器环境配置1操作系统：Windowsserver2022开发环境配置1平面设计：adobephotoshopcs3动画制作：adobeflashcs3网页编辑：adobedreamweavercs4看图软件：ashampoophotocommander5或acdsee（未提供下载）下载地址：/down/down.htm开发环境配置123环境配置注意事项1安装操作系统时，如果默认没有安装IIS，可以按“开始”“管理工具”“管理您的服务器”“添加或删除角色”“应用程序服务器（IIS，ASP.NET）”步骤操作。安装IIS时需要有网络连接，并且提供winserver2003安装包或IIS完整安装包。从“开始”“管理工具”中看到有“internet信息服务(IIS)管理器”说明系统安装时已经自动安装了IIS服务。如果使用的windowsxp来配置环境，需要下载IIS5.1或IIS6.0安装包，并且windowsxp最好是pro版而不是home版。进行开发，需要再安装.netframework安装包，可从微软官方下载，或从/down/down.htm下载，同时需要从IIS的web服务扩展中将“”相关服务启用。制作asp网页时，需要从IIS的web服务扩展中将“activepageserver”启用。环境配置注意事项1安装操作系统时，如果默认没有安装IIS，可24环境配置注意事项2安装ps、dw、fl时，直接下载压缩包，解压缩到安装目录，并且执行各自目录下的绿化工具，然后将主程序photoshop.exe、Dreamweaver.exe、flash.exe发送快捷方式到桌面即可使用。安装ashampoophotocommander5时，直接解压到安装目录，并将apc.exe发送快捷方式到桌面，运行时用“使用帮助说明.txt”中的序列号进行注册即可。环境配置注意事项2安装ps、dw、fl时，直接下载压缩包，解25网站目录规划与权限设置1一个简单的静态网站目录规划website/images/index.htm或default.htmimages目录主要存放网页中用到的图片、音乐、视频和css样式文件。也可以为音乐、视频建立单独的文件夹。网站目录下的不管是文件夹还是文件都不建议使用中文命名，最好是使用英文字母和数字。网站目录规划与权限设置1一个简单的静态网站目录规划26网站目录规划与权限设置2动态网站目录website/uploadfiles/images/index.asp或default.asp、index.aspx、default.aspxuploadfiles目录用于存放用户在管理过程中上传的图片和附件。强烈建议在一个网站中只开放一个文件夹允许用户上传。对于有自主管理权限的服务器，强烈建议不要将网站的数据库文件放置在网站目录下，而应该放置在网站目录以外的目录，指定和uploadfiles目录一样的权限，并且在数据库连接语句中，使用绝对地址进行连接。对于有自主管理权限的服务器，建议在操作系统中建立一个不属于任何组的用户，如“webUser”，用于替换系统自带的“internet”来宾帐号，作为网站访问的匿名用户。

网站目录规划与权限设置2动态网站目录27网站目录规划与权限设置3网站目录权限设置：首先取消网站根目录从父目录的继承权限同时选择复制父目录的权限，设置用根目录权限明确替换所有子目录及文件的权限。然后给网站根目录指定administrator（完全控制）、IIS_WPG（读取和运行、列目录、读取）、internet来宾帐号（读取和运行、列目录、读取）权限。网站目录规划与权限设置3网站目录权限设置：28网站目录规划与权限设置4网站目录权限设置：

网站目录规划与权限设置4网站目录权限设置：29网站目录规划与权限设置5网站目录权限设置：对于动态网站的uploadfiles目录，需要单独指定IIS_WPG和Internet来宾帐号写入和修改的权限。同时在IIS的“目录”选项卡里，将uploadfiles的运行权限指定为“无”，这一点对于网站的安全非常重要，见下图。PS：许多使用动易或其他免费asp源码制作的学校网站，经常被挂马通常都是由于目录权限设置过大造成的。网站目录规划与权限设置5网站目录权限设置：30网站目录规划与权限设置6网