android 网页打开app app却嵌套在浏览器里面了
展开全部 一、Adobe Edge 目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。
内容可以同时兼容移动设备和桌面电脑。
Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。
动画和图形可以添加到HTML元素中,程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。
动画可以在独立的时间线上进行嵌套,还能实现互动功能。
符合可以服用并通过API和代码片段控制。
通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
二、Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作为一个Web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。
其Fluid Grid排版系统整合CSS样式表功能,提供自适应版面的跨平台兼容性。
开发者可以完全实现Web设计的可视化操作,无需为代码所困。
用户不但还能在Live View中预览,还提供多屏幕预览功能。
开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。
Live View通过WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10 ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
四、Sencha Architect 2 在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。
开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。
开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用,并实时预览。
五、Sencha Touch 2 Sencha Touch2是移动应用框架,也被看作是Sencha的HTML5平台。
开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。
六、Dojo Foundation Maqetta 来自于IBM的一个项目,Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具,支持在浏览器中查看HTML5界面。
用户体验设计师可以通过拖放组装UI样板 七、微软Visual Studio 2010 ServicePack 1 虽然一开始并不支持HTML5,但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense,追加了针对HTML5的一些元素。
八、JetBrains WebStorm 4.0 作为拥有HTML编辑器的JavaScript集成开发环境,WebStorm4.0提供了开发web应用的HTML5样板。
开发者可以在创建HTML文档时可获得对HTML5文件的支持。
例如砍伐者键入。
开发者还可以在chrome浏览器中实时预览HTML文档。
九、Google Web Toolkit 该开发工具用于开发浏览器应用,但库中支持很多HTML5功能。
包括对客户端或web存储的支持。
其他HTML5功能还包括支持Canvas可视化,以及音频和视频widget。
十、DCloud HBuilder HBuilder是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。
如何操作dreamweaver 软件
展开全部 Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生。
可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。
一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。
***备注:网站中所用的文件都要用英文名。
2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。
在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。
然后确定即可。
***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。
如果有多个站点,可以在菜单“站点—打开站点”中去选择。
二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。
htm就表示这个网页文件是一个静态的HTML文件。
给它改名为index.htm。
***网站第一页的名字通常是index.htm或index.html。
其它页面的名字可以自己取。
2、双击index.htm进入该页面的编辑状态。
在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。
在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。
选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。
然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
***在网页上最常用的是宋体字。
不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。
如果需要用的话,要做成图片后再使用。
***在网页上打入空格的办法是:把输入法调为全角。
***在网页上换行的办法是:shift+Enter。
只按Enter则为换段。
三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。
2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。
如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。
3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。
按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。
如要恢复这原始大小,则单击右下角的“重设大小”按钮。
4、 “链接”可以直接在这里输入地址。
“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。
四、添加超级链接 1、为文字添加链接。
比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。
后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。
2、为图片添加链接 与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。
****图片可以创建不同的多个链接。
方法如下: 在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。
同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。
3、添加E-mail链接 选中需要添加E-mail链接的文字或图片,打开属性面板,在“链接”一格中输入填写邮件地址。
格式如下:mailto:邮件地址。
注意中间不空格。
4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。
五、表格的使用 1、点击插入/表格,打开表格面板进行设置。
行数、列数、宽度、边框等,“单元格填充”为单元格内侧与内容的距离;“单元格间距”为单元格之间的距离,单位均为像素。
2、插入表格后,在表格的边框上点击一下,可以全选整个表格。
然后在下面的属性面板里可以进行各种设置。
3、把光标移到其中一个单元格,此时看到的属性面板,就是单元格的属性面板。
也可以进行各种关于单元格的操作。
如背景色、背景图、边框、合并、拆分等。
六、关于表格的其他操作 一制作细线表格 原理: 1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。
2、选中所有单元格,设置其背景为白色。
二自动格式化表格 1、先制作好一张表格,然后选中。
2、选菜单中的命令/格式化表格。
即可以其中选择预设好的一些表格样式。
三一像素分割条 1、插入一个1行1列,宽为200像素,边框边距均为0的表格。
2...
网页浏览正常,就是软件内嵌的网页打不开怎么办
展开全部 快速修复浏览器方案1、打开浏览器,点“工具”→“管理加载项”那里禁用所有可疑插件,或者你能准确知道没问题的保留。
然后→工具→INTERNET选项→常规页面→删除cookies→删除文件→钩选删除所有脱机内容→确定→设置使用的磁盘空间为:8MB或以下→确定→清除历史纪录→网页保存在历史记录中的天数:3以下→应用确定(我自己使用的设置是“0”天)。
2、还原浏览器高级设置:工具→INTERNET选项→高级→还原默认设置。
不想还原默认设置请保持第一条的设置不变。
3、恢复默认浏览器的方法“工具”→Internet选项→程序→最下面有个“检查Internet Explorer是否为默认的浏览器”把前面的钩选上,确定。
4、设置主页:“工具”→Internet选项→常规→可以更改主页地址→键入你喜欢的常用网址→应用。
5、如果浏览器中毒就使用卡卡助手修复,然后做插件免疫:全部钩选→免疫。
然后→全部去掉钩选→找到“必备”一项,把能用到的插件重新钩选→取消免疫。
能用到的就是FLASH和几种播放器的,其余的不要取消免疫。
完成所有操作以后,你的浏览器就不会出问题了 。
...
为什么我做的网页相同浏览器不同电脑中显示就不一样呢
展开全部 操作系统里面本来就自带IE,换不同电脑,在不同操作系统内嵌套的IE初始设置肯定不一样。
在别的电脑上显示错乱,(1)、可能编码出现问题,在网页空白处单击右键---编码---(简体中文或utf-8);(2)、“工具”选项,从下拉菜单中点选“兼容性视图”命令,打钩就好。
(3)、就是操作系统的问题,但是为了一个浏览器换操作系统不值。
...
怎么建立自己的网页,并发到网上
怎样设计网页 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。
认为只要用好了网页制作软件,就能搞好网页设计了…… 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。
认为只要用好了网页制作软件,就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。
正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。
首先,我们要弄清楚网页设计的任务。
一、设计的任务 设计是一种审美活动,成功的设计作品一般都很艺术化。
但艺术只是设计的手段,而并非设计的任务。
设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。
站点的性质不同,设计的任务也不同。
从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。
这类站点将为访问者提供大量的信息,而且访问量较大。
因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。
这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。
然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。
这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。
这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。
不同的站点还要区别对待。
别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
二、设计的实现 设计的实现可以分为两个部分。
第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。
第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。
我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。
除了要有一台配置不错的计算机外,软件也是必需的。
不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。
当然,它应该能满足设计者的要求。
笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。
接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。
虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。
设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。
在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。
三、色彩的运用 色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。
一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。
黄色是明度最高的颜色,显得华丽、高贵、明快。
绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。
紫色是高贵的象征,有庄重感。
白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。
换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。
这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。
比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。
蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。
红色和黄色、金色的搭配能渲染喜庆的气氛。
而金色和粟色的搭配则会给人带来暖意。
设计的任务不同,配色方案也随之不同。
考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。
经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。
整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
四、造型的组合 在网页设计中,我们主要通过视觉传达来表现主题。
在视觉传达中,造型是很重要的一个元素。
抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。
在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手...
h5做app和原生app有什么区别?
展开全部 H5 APP即是一种框架型APP开发模式(HTML5 APP 框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。
原生APP又称Native App,该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。
1、开发方面的区别(这个地方太专业啦,请教了团队的开发小伙伴) 目前React Native开发越来越火,微信小程序是基于React Native开发的,体验接近原生APP,发展前景值得重视。
不过好在现在非原生APP同样可以调用蓝牙、相机等硬件,也能顺利发布到苹果APP store。
移动Web App 1、因为运行在移动设备的浏览器上,所以只需要一个开发项目 2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python) 3、这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App 1、每一种移动操作系统都需要独立的开发项目 2、每种平台都需要独立的开发语言。
Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等 3、需要使用各自的软件开发包,开发工具以及各自的控件 2、能力方面的区别 移动Web App 只能使用有限的移动硬件设备功能。
原生App 能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等。
对于这一点感触很深刻,2016年做新年H5营销小活动的时候,就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。
3、获取方法的区别 移动Web App 1、从移动设备上的浏览器访问 2、不需要安装额外的软件 3、软件更新只需要服务器就够了 4、因为现在没有什么商品或卖场提供这种App,不过一般都是嵌套在系统内部,或者内部系 统中使用 5、跨平台开发,用户不需要去卖场来下载安装App 6、需要过度依赖网络,没有任何缓存数据 7、任何时候都可以发布App,因为根本不需要官方卖场的审核 8、如果你已经有了一个Web App,你可以使用 responsive web design来辅助改进(这也是优势?) 9、所有的用户都是用同样的版本 原生App 1、直接下载到设备 2、以独立的应用程序运行(并不需要浏览器) 3、用户必须手动去下载并安装这些原生App 4、有一些商店与卖场来帮助用户寻找你的App,app store里面应有尽有。
5、原生型APP应用的安装包相对较大,包含UI元素、数据内容、逻辑框架; 6、手机用户无法上网也可访问APP应用中以前下载的数据。
7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等) 8、APP应用更新新功能,涉及到每次要向各个应用商店进行提交审核。
9、用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况 即使两者之间有很大的区别,即使H5有一大堆的坑和问题,但是仍旧不妨碍移动WEB无所不在,移动web是目前唯一的支持各种设备访问的平台,也是唯一一个可供开发者发布移动应用的平台,它将各种移动交互与PC系统任务有效的结合在一起。
而原生native app可以充分利用设备的特性,这一点是它得天独厚的优势。
正式因为它有复杂多变的CSS样式消耗了大量性能,它才有一个更有竞争力的优势——它带来了多样性的排版,能够细致到每一个字宽行高和风格的像素级处理,能够给你带来不一样的图文汇合的排版。
微爱喵