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

钟楼区信息技术教师网页制作培训钟楼区信息技术教师网页制作培训李李 奎奎E-mail:E-mail:20112011年年1 1月月学习要点学习要点n n服务器环境配置服务器环境配置n n开发环境配置开发环境配置n n网站目录规划与权限设置网站目录规划与权限设置n n从从photoshopphotoshop到到dreamweaverdreamweaver，制作第一个网页，并通过，制作第一个网页，并通过IISIIS配置运行配置运行n n常用常用html html 语法语法n n常用常用css css 语法语法n n网页的布局网页的布局 table table与与div+cssdiv+cssn n两个常用的工具两个常用的工具 flash flash图片轮播器和图片轮播器和flvflv视频播放器视频播放器n n给网页添加背景音乐（如无必要，不建议加音乐）给网页添加背景音乐（如无必要，不建议加音乐）n n作业：一个完整静态网站的制作作业：一个完整静态网站的制作服务器环境配置服务器环境配置1n n操作系统：Windows server 2003+IIS 6.0 或 windows xp pro+IIS 5.1或 IIS6.0n framework 3.5（可选）n n数据库：MS SQL Server 2005 或 MS Access下载地址：http:/ n平面设计：adobe photoshop cs3n n动画制作：adobe flash cs3n n网页编辑：adobe dreamweaver cs4n n看图软件：ashampoo photo commander 5 或acdsee（未提供下载）下载地址：http:/ n安装操作系统时，如果默认没有安装安装操作系统时，如果默认没有安装IISIIS，可以按，可以按“开始开始”“管理工具管理工具”“管理您的服务器管理您的服务器”“添加或删除角色添加或删除角色”“应用程序服务器应用程序服务器（IISIIS，ASP.NETASP.NET）”步骤操作。安装步骤操作。安装IISIIS时需要有时需要有网络连接，并且提供网络连接，并且提供win server 2003win server 2003安装包或安装包或IISIIS完完整安装包。整安装包。从从“开始开始”“管理工具管理工具”中看到有中看到有“internet“internet 信息服务信息服务(IIS)(IIS)管理器管理器”说明系统说明系统安装时已经自动安装了安装时已经自动安装了IISIIS服务。服务。如果使用的如果使用的windows xp windows xp 来配置环境，需要下载来配置环境，需要下载IIS 5.1IIS 5.1或或IIS 6.0IIS 6.0安装包，并且安装包，并且windows windows xp xp 最好是最好是propro版而不是版而不是homehome版版。进行进行开发，需要再安装开发，需要再安装.net framework安装包，可从微软官方下载，或从安装包，可从微软官方下载，或从http:/ page server”“active page server”启用。启用。环境配置注意事项环境配置注意事项2n n安装ps、dw、fl时，直接下载压缩包，解压缩到安装目录，并且执行各自目录下的绿化工具，然后将主程序photoshop.exe、Dreamweaver.exe、flash.exe发送快捷方式到桌面即可使用。n n安装ashampoo photo commander 5时，直接解压到安装目录，并将apc.exe发送快捷方式到桌面，运行时用“使用帮助说明.txt”中的序列号进行注册即可。网站目录规划与权限设置网站目录规划与权限设置1n n一个简单的静态网站目录规划一个简单的静态网站目录规划 website/website/images/images/index.htm index.htm 或或 default.htm default.htm images images目录主要存放网页中用到的图片、音乐、目录主要存放网页中用到的图片、音乐、视频和视频和csscss样式文件。样式文件。也可以为音乐、视频建立单独的文件夹。也可以为音乐、视频建立单独的文件夹。网站目录下的不管是文件夹还是文件都不建议使网站目录下的不管是文件夹还是文件都不建议使用中文命名，最好是使用英文字母和数字。用中文命名，最好是使用英文字母和数字。网站目录规划与权限设置网站目录规划与权限设置2n n动态网站目录动态网站目录 website/website/uploadfiles/uploadfiles/images/images/index.asp index.asp 或或 default.asp default.asp、index.aspxindex.aspx、default.aspxdefault.aspx uploadfiles uploadfiles目录用于存放用户在管理过程中上传的图片和附件。目录用于存放用户在管理过程中上传的图片和附件。强烈建议在一个网站中只开放一个文件夹允许用户上传。强烈建议在一个网站中只开放一个文件夹允许用户上传。对于有自主管理权限的服务器，强烈建议不要将网站的数据库文对于有自主管理权限的服务器，强烈建议不要将网站的数据库文件放置在网站目录下，而应该放置在网站目录以外的目录，指定和件放置在网站目录下，而应该放置在网站目录以外的目录，指定和uploadfilesuploadfiles目录一样的权限，并且在数据库连接语句中，使用绝对地址目录一样的权限，并且在数据库连接语句中，使用绝对地址进行连接。进行连接。对于有自主管理权限的服务器，建议在操作系统中建立一个不属对于有自主管理权限的服务器，建议在操作系统中建立一个不属于任何组的用户，如于任何组的用户，如“webUser”“webUser”，用于替换系统自带的，用于替换系统自带的“internet”“internet”来宾帐号，作为网站访问的匿名用户。来宾帐号，作为网站访问的匿名用户。网站目录规划与权限设置网站目录规划与权限设置3网站目录权限设置：首先取消网站根目录从父目录的继承权限同时选择复制父目录的权限，设置用根目录权限明确替换所有子目录及文件的权限。然后给网站根目录指定administrator（完全控制）、IIS_WPG（读取和运行、列目录、读取）、internet来宾帐号（读取和运行、列目录、读取）权限。网站目录规划与权限设置网站目录规划与权限设置4网站目录权限设置：网站目录规划与权限设置网站目录规划与权限设置5网站目录权限设置：网站目录权限设置：对于动态网站的对于动态网站的uploadfilesuploadfiles目录，需要单独指定目录，需要单独指定IIS_WPGIIS_WPG和和InternetInternet来宾帐号写入和修改的权限。来宾帐号写入和修改的权限。同时在同时在IISIIS的的“目录目录”选项卡里，将选项卡里，将uploadfilesuploadfiles的运的运行权限指定为行权限指定为“无无”，这一点对于网站的安全非，这一点对于网站的安全非常重要，见下图常重要，见下图。PS PS：许多使用动易或其他免费：许多使用动易或其他免费aspasp源码制作的学校源码制作的学校网站，经常被挂马通常都是由于目录权限设置过网站，经常被挂马通常都是由于目录权限设置过大造成的。大造成的。网站目录规划与权限设置网站目录规划与权限设置6网站目录权限设置：常用常用html语法语法n nhttp:/ 下载常用常用css语法语法n nhttp:/ 下载网页布局网页布局table与与div+CSSn n实例操作。两个常用工具两个常用工具 图片轮播与视频播放图片轮播与视频播放n n演示效果：http:/ n方式二：使用html代码，参考代码如下：建议将代码放在页面所有代码的最后，之前。这样不会影响页面内容的加载。一个完整静态网站的制作一个完整静态网站的制作n n一个简单的网站至少包括首页、内容页、阅读页三个页面。演讲完毕，谢谢观看！