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

钟楼区信息技术教师网页制作培训李奎E-mail:[e-mail]2011年1月学习要点服务器环境配置开发环境配置网站目录规划与权限设置从photoshop到dreamweaver，制作第一个网页，并通过IIS配置运行常用html语法常用css语法网页的布局table与div+css两个常用的工具flash图片轮播器和flv视频播放器给网页添加背景音乐（如无必要，不建议加音乐）作业：一个完整静态网站的制作服务器环境配置1操作系统：Windowsserver2003+IIS6.0或windowsxppro+IIS5.1或IIS6.0.netframework3.5（可选）数据库：MSSQLServer2005或MSAccess下载地址：平面设计：adobephotoshopcs3动画制作：adobeflashcs3网页编辑：adobedreamweavercs4看图软件：ashampoophotocommander5或acdsee（未提供下载）下载地址：安装操作系统时，如果默认没有安装IIS，可以按“开始”“管理工具”“管理您的服务器”“添加或删除角色”“应用程序服务器（IIS，ASP.NET）”步骤操作。安装IIS时需要有网络连接，并且提供winserver2003安装包或IIS完整安装包。从“开始”“管理工具”中看到有“internet信息服务(IIS)管理器”说明系统安装时已经自动安装了IIS服务。如果使用的windowsxp来配置环境，需要下载IIS5.1或IIS6.0安装包，并且windowsxp最好是pro版而不是home版。进行asp.net开发，需要再安装.netframework安装包，可从微软官方下载，或从，同时需要从IIS的web服务扩展中将“asp.net”相关服务启用。制作asp网页时，需要从IIS的web服务扩展中将“activepageserver”启用。环境配置注意事项2安装ps、dw、fl时，直接下载压缩包，解压缩到安装目录，并且执行各自目录下的绿化工具，然后将主程序photoshop.exe、Dreamweaver.exe、flash.exe发送快捷方式到桌面即可使用。安装ashampoophotocommander5时，直接解压到安装目录，并将apc.exe发送快捷方式到桌面，运行时用“使用帮助说明.txt”中的序列号进行注册即可。网站目录规划与权限设置1一个简单的静态网站目录规划website/images/index.htm或default.htmimages目录主要存放网页中用到的图片、音乐、视频和css样式文件。也可以为音乐、视频建立单独的文件夹。网站目录下的不管是文件夹还是文件都不建议使用中文命名，最好是使用英文字母和数字。网站目录规划与权限设置2动态网站目录website/uploadfiles/images/index.asp或default.asp、index.aspx、default.aspxuploadfiles目录用于存放用户在管理过程中上传的图片和附件。强烈建议在一个网站中只开放一个文件夹允许用户上传。对于有自主管理权限的服务器，强烈建议不要将网站的数据库文件放置在网站目录下，而应该放置在网站目录以外的目录，指定和uploadfiles目录一样的权限，并且在数据库连接语句中，使用绝对地址进行连接。对于有自主管理权限的服务器，建议在操作系统中建立一个不属于任何组的用户，如“webUser”，用于替换系统自带的“internet”来宾帐号，作为网站访问的匿名用户。网站目录规划与权限设置3网站目录权限设置：首先取消网站根目录从父目录的继承权限同时选择复制父目录的权限，设置用根目录权限明确替换所有子目录及文件的权限。然后给网站根目录指定administrator（完全控制）、IIS_WPG（读取和运行、列目录、读取）、internet来宾帐号（读取和运行、列目录、读取）权限。网站目录规划与权限设置4网站目录权限设置：网站目录规划与权限设置5网站目录权限设置：对于动态网站的uploadfiles目录，需要单独指定IIS_WPG和Internet来宾帐号写入和修改的权限。同时在IIS的“目录”选项卡里，将uploadfiles的运行权限指定为“无”，这一点对于网站的安全非常重要，见下图。PS：许多使用动易或其他免费asp源码制作的学校网站，经常被挂马通常都是由于目录权限设置过大造成的。网站目录规划与权限设置6网站目录权限设置：常用html语法+CSS实例操作。两个常用工具图片轮播与视频播放演示效果：://qinge.cn/down/flashpicplayer2/focus.htm：方式一：使用swf音乐播放器。获取代码地址：objectclassid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000codebase=,0,19,0width=210height=35paramname=movievalue=://www.wxtxg.com/webs/images/raccq.mp3|||://www.568g.cn/mp3/player.swf?mp3=|||://www.macromedia.com/go/getflashplayertype=application/x-shockwave-flashwmode=transparent/embed/object给网页添加背景音乐2方式二：使用html代码，参考代码如下：embedsrc=xiaoge.wmahidden=trueautostart=trueloop=false建议将代码放在页面所有代码的最后，/html之前。这样不会影响页面内容的加载。一个完整静态网站的制作一个简单的网站至少包括首页、内容页、阅读页三个页面。