预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共15页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

Win8.1配置web服务器总共两步eq\o\ac(◇,1)windows8安装IISeq\o\ac(◇,2)安装web网站第一步:windows8安装IISeq\o\ac(○,1)从控制面板,或从左下角win图标上点右键选择“程序”。eq\o\ac(○,2)“选择程序与和功能”下面的“启动或关闭windows功能”eq\o\ac(○,3)选择“InternetInformationSevices”eq\o\ac(○,4)从功能区可以看到关于iis的选项,共有两项,把这两项勾选,然后确定eq\o\ac(○,5)系统开始自动安装iis的相关应用,等它自己安装完毕。eq\o\ac(○,6)重新回到控制面板,选择右上角的查看方式,切换到“大图标”.eq\o\ac(○,7)选择“管理工具”eq\o\ac(○,8)选择“InternetInformationServices(IIS)管理器”eq\o\ac(○,9)选择中间部分的“ASp”eq\o\ac(○,10)“启动父路径”切换到“True”然后点击右上角的“应用”eq\o\ac(○,11)点击“默认文档”eq\o\ac(○,12)如下图添加“index.asp”保存eq\o\ac(○,13)点击左上角的“DefaultWebSite”如下图。点击右一排的“浏览”eq\o\ac(○,14)弹出如下图的界面。表面安装IIs成功第二步,安装web网站eq\o\ac(△,1)右击如下图的“网站”,选择“添加网站”eq\o\ac(△,2)选择物理路径,找到网上下载的网站放的位置,点击“确认”eq\o\ac(△,3)成功后如下图,端口可以适当改一下eq\o\ac(△,4)返回到主界面,如下图。点击右边的“浏览网站”eq\o\ac(△,5)然后浏览器就显示你安装的网站,下面是购物网站的界面等至此!web服务器的架设和安装web网站完成!使用HTML5和CSS3构建基于webkit的WebPage/App现在在ios/android上的web网站变的越来越多,智能机中ios和android系统的设备市场份额也是与日俱增,相信未来会是一个趋势,那么如何构建基于webkit的网站呢?这里有一篇文章介绍了如何用html5创建一个iphone的app,这是一个基于web的本地离线应用,相对于native应用来说基于web的应用开发和测试都非常快捷,基于webkit浏览器支持大部分的html5,也支持大部分的css3,而且开发语言也是大多数web工程师所熟悉的,最重要的一点是基于web的应用是完全跨平台的,不需要多平台的开发和测试。开发基于webkit的webapp/page时需要注意的有:HTML特性:<inputtype=”file”/>在iphone上不work<ahref=”13888888888″>CallMe</a>可以调用打电话应用googlemaps,iTunes和youtube的链接会在iphone上打开相应的组件app/webpage设置:<linkrel=”apple-touch-icon”href=”iphon_tetris_icon.png”/>在设置书签的时候可以显示好看的图标<metaname=”apple-mobile-web-app-capable”content=”yes”/>离线应用的另一个技巧<metaname=”apple-mobile-web-app-status-bar-style”content=”black”/>隐藏状态栏<linkrel=”apple-touch-startup-image”href=”startup.png”/>设置开始页面图片<metaname=”viewport”content=”width=device-width,user-scalable=no”/>指定mobile,并且不可缩放<metaname=”viewport”content=”width=device-width,minimum-scale=1.0,maximum-scale=1.0″/>同上CSS相关配置:@mediascreenand(max-device-width:480px){/*小屏幕的css样式*/}@mediascreenand(max-width:320px){/*纵向的css样式*/}@mediascreenand(max-width:480px){/*横向的css样式*/}@mediascreenand(orientation:portrait){/*iPad纵向的css样式*/}@mediascreenand(orient