钟楼区信息技术教师网页制作讲训.pptVIP

钟楼区信息技术教师网页制作培训 李 奎 E-mail:jsqinge@188.com 2011年1月 学习要点 服务器环境配置 开发环境配置 网站目录规划与权限设置 从photoshop到dreamweaver，制作第一个网页，并通过IIS配置运行 常用html 语法 常用css 语法 网页的布局 table与div+css 两个常用的工具 flash图片轮播器和flv视频播放器 给网页添加背景音乐（如无必要，不建议加音乐） 作业：一个完整静态网站的制作 服务器环境配置1 操作系统：Windows server 2003 + IIS 6.0 或 windows xp pro + IIS 5.1或 IIS6.0 . net framework 3.5 （可选） 数据库：MS SQL Server 2005 或 MS Access 下载地址： /down/down.htm 开发环境配置1 平面设计：adobe photoshop cs3 动画制作： adobe flash cs3 网页编辑：adobe dreamweaver cs4 看图软件：ashampoo photo commander 5 或acdsee（未提供下载） 下载地址： /down/down.htm 环境配置注意事项1 安装操作系统时，如果默认没有安装IIS，可以按“开始”?“管理工具”?“管理您的服务器”?“添加或删除角色”?“应用程序服务器（IIS，ASP.NET）”步骤操作。安装IIS时需要有网络连接，并且提供win server 2003安装包或IIS完整安装包。 从“开始”?“管理工具”中看到有“internet 信息服务(IIS)管理器”说明系统安装时已经自动安装了IIS服务。 如果使用的windows xp 来配置环境，需要下载IIS 5.1或IIS 6.0安装包，并且windows xp 最好是pro版而不是home版。 进行开发，需要再安装.net framework安装包，可从微软官方下载，或从/down/down.htm下载，同时需要从IIS的web服务扩展中将“”相关服务启用。 制作asp网页时，需要从IIS的web服务扩展中将“active page server”启用。 环境配置注意事项2 安装ps、dw、fl时，直接下载压缩包，解压缩到安装目录，并且执行各自目录下的绿化工具，然后将主程序photoshop.exe、Dreamweaver.exe、flash.exe发送快捷方式到桌面即可使用。 安装ashampoo photo commander 5时，直接解压到安装目录，并将apc.exe发送快捷方式到桌面，运行时用“使用帮助说明.txt”中的序列号进行注册即可。 网站目录规划与权限设置1 一个简单的静态网站目录规划 website/ images/ index.htm 或 default.htm images目录主要存放网页中用到的图片、音乐、视频和css样式文件。 也可以为音乐、视频建立单独的文件夹。 网站目录下的不管是文件夹还是文件都不建议使用中文命名，最好是使用英文字母和数字。 网站目录规划与权限设置2 动态网站目录 website/ uploadfiles/ images/ index.asp 或 default.asp、index.aspx、default.aspx uploadfiles目录用于存放用户在管理过程中上传的图片和附件。强烈建议在一个网站中只开放一个文件夹允许用户上传。 对于有自主管理权限的服务器，强烈建议不要将网站的数据库文件放置在网站目录下，而应该放置在网站目录以外的目录，指定和uploadfiles目录一样的权限，并且在数据库连接语句中，使用绝对地址进行连接。 对于有自主管理权限的服务器，建议在操作系统中建立一个不属于任何组的用户，如“webUser”，用于替换系统自带的“internet”来宾帐号，作为网站访问的匿名用户。 网站目录规划与权限设置3 网站目录权限设置： 首先取消网站根目录从父目录的继承权限同时选择复制父目录的权限，设置用根目录权限明确替换所有子目录及文件的权