- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Win8.1配置web服务器
总共两步 eq \o\ac(◇,1)windows8 安装IIS
eq \o\ac(◇,2)安装web网站
第一步:windows8 安装IIS
eq \o\ac(○,1)从控制面板,或从左下角win图标上点右键选择“程序”。
eq \o\ac(○,2)“选择程序与和功能”下面的“启动或关闭windows功能”
eq \o\ac(○,3)选择“Internet Information Sevices”
eq \o\ac(○,4)从功能区可以看到关于iis的选项,共有两项,把这两项勾选,然后确定
eq \o\ac(○,5)系统开始自动安装iis的相关应用,等它自己安装完毕。
eq \o\ac(○,6)重新回到控制面板,选择右上角的查看方式,切换到“大图标”.
eq \o\ac(○,7)选择“管理工具”
eq \o\ac(○,8)选择“Internet Information Services(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)点击左上角的“Default Web Site”如下图。点击右一排的“浏览”
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的Web Page/App
现在在ios/android上的web网站变的越来越多,智能机中ios和android系统的设备市场份额也是与日俱增,相信未来会是一个趋势,那么如何构建基于webkit的网站呢?这里有一篇文章介绍了 如何用html5创建一个iphone的app,这是一个基于web的本地离线应用,相对于native应用来说基于web的应用开发和测试都非常快捷,基于webkit浏览器支持大部分的html5,也支持大部分的css3,而且开发语言也是大多数web工程师所熟悉的,最重要的一点是基于web的应用是完全跨平台的,不需要多平台的开发和测试。
开发基于webkit的web app/page时需要注意的有:
HTML特性:
input type=”file” /在iphone上不work
a href=Call Me/a可以调用打电话应用
google maps, iTunes和youtube的链接会在iphone上打开相应的组件
app/web page设置:
link rel=”apple-touch-icon” href=”iphon_tetris_icon.png”/ 在设置书签的时候可以显示好看的图标
meta name=”apple-mobile-web-app-capable” content=”yes” / 离线应用的另一个技巧
meta name=”apple-mobile-web-app-status-bar-style” content=”black” / 隐藏状态栏
link rel=”apple-touch-startup-image” href=”startup.png” / 设置开始页面图片
meta name=”viewport” content=”width=device-width, user-scalable=no” / 指定mobile,并且不可缩放
meta name=”viewport” content=”width=device-width, minimum-scale=1.0, maximum-scale=1.0″ / 同上
CSS相关配置:
@media screen and (max-device-width: 480px){
/* 小屏幕的css样式 */
}
@media screen and (max-width: 320px){
/* 纵向的css样式 */
}
@media screen and (max-width:480px){
/* 横向的css样式
文档评论(0)