boot.js是核心文件
压缩包的例子里
test.html引用了ad.js
所有的js文件存在着这样的关联关系:
ad.js->ae.js
ad.js->abc.js
ae.js->abc.js
xnamespace实现了js文件的同步载入 只要js文件按照规范书写 就能使用using_xnamespace来保证它所依赖的库先于它载入
xnamespace对js文件的要求只有一个 就是文件必须用一个无名函数闭包(function(){ })()套在外面 即使不使用xnamespace 这也是很多高质量代码的做法
通过测试的浏览器 ie6 ie7 ff NetScape Safari
测试未通过的浏览器 Opera swift
下面是boot.js的内容
语法:STYLE="filter:filtername(fparameter1, fparameter2...)"
(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)
滤镜说明:
Alpha:设置透明层次
blur:创建高速度移动效果,即模糊效果
Chroma:制作专用颜色透明
DropShadow:创建对象的固定影子
FlipH:创建水平镜像图片
FlipV:创建垂直镜像图片
glow:加光辉在附近对象的边外
gray:把图片灰度化
invert:反色
light:创建光源在对象上
mask:创建透明掩膜在对象上
shadow:创建偏移固定影子
wave:波纹效果
Xray:使对象变得像被x光照射一样
1、滤镜:Alpha
语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"
说明:
Opacity:起始值,取值为0~100, 0为透明,100为原图。
FinishOpacity:目标值。
Style:1或2或3
StartX:任意值
StartY:任意值
例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2、滤镜:blur
语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
说明:
Add:一般为1,或0。
Direction:角度,0~315度,步长为45度。
Strength:效果增长的数值,一般5即可。
例子:filter:Blur(Add="1",Direction="45",Strength="5")
3、滤镜:Chroma
语法:STYLE="filter:Chroma(Color = color)"
说明:color:#rrggbb格式,任意。
例子:filter:Chroma(Color="#FFFFFF")
4、滤镜:DropShadow
语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
说明:Color:#rrggbb格式,任意。
Offx:X轴偏离值。
Offy:Y轴偏离值。
Positive:1或0。
例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5、滤镜:FlipH
语法:STYLE="filter:FlipH"
例子:filter:FlipH
6、滤镜:FlipV
语法:STYLE="filter:FlipV"
例子:filter:FlipV
7、滤镜:glow
语法:STYLE="filter:Glow(Color=color, Strength=strength)"
说明:
Color:发光颜色。
Strength:强度(0-100)
例子:filter:Glow(Color="#6699CC",Strength="5")
8、滤镜:gray
语法:STYLE="filter:Gray"
例子:filter:Gray
9、滤镜:invert
语法:STYLE="filter:Invert"
例子:filter:Invert
10、滤镜:mask
语法:STYLE="filter:Mask(Color=color)"
例子:filter:Mask (Color="#FFFFE0")
11、滤镜:shadow
语法:filter:Shadow(Color=color, Direction=direction)
说明:
Color:#rrggbb格式。
Direction:角度,0-315度,步长为45度。
例子:filter:Shadow (Color="#6699CC", Direction="135")
12、滤镜:wave
语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
说明:
Add:一般为1,或0。
Freq:变形值。
LightStrength:变形百分比。
Phase:角度变形百分比。
Strength:变形强度。
例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
13、滤镜:Xray
语法:STYLE="filter:Xray"
例子:filter:Xray
遇到了制作精美的网站,都会希望能够把网站下载下来,方便以后欣赏,或者学习其中的制作技巧。利用FrontPage能够轻松做到这一点,我们可以指定下载的超级联接层数,甚至可以下载整个站点。首先将鼠标指向 “文件”菜单中的“新建”,执行弹出子菜单中的“网页或站点”命令。主视图右边出现任务窗格,在其中单击“空白站点”。系统弹出“Web站点模板”对话框,选择“导入站点向导”,输入网站下载的位置,单击“确定”。在“站点导入向导——选择源”对话框中选择“从万维网站点”单选按钮,在“位置”中输入想要下载网站的地址,单击“下一步”。最后用户需要选择下载数量,并且设置下载网站的层次、大小以及是下载文本还是图像,单击“下一步”,再单击“完成”,FrontPage就会开始下载指定的网站了。
由于Google Maps提供给我们详尽的卫星地图数据,所以许多朋友都喜欢使用其中的数据进行交流,不过在使用时,大部分朋友都是使用抓图软件,抓取图片再放到自己的网页中,这样做非常的麻烦,还好Google最近新推出一个嵌入Google地图数据的方法。非常简单,一段代码就可以搞定。
打开进入Google Maps,然后定位到想要分享的地理位置,这时点击点击“Link to this page”链接,将“Paste HTML to embed in website”处的IFRAME的HTML代码复制出来,将其粘贴到自己的网站即可。
对于中文版本的Google地图:ditu.google.com,Google也提供了相应的服务,打开上述网站,找到自己想要的地址后,点击右上角的“显示本页链接”,这时我们就会看到一个“粘贴 HTML 以便嵌入网站”的文字说明,把下面出面的代码加入到自己的网页中的相应位置即可。
如果觉得网站默认的大小不合自己的需要,只需修改width 和height后面的参数大小即可。
网络的飞速发展让更多的人都在需求网站建设的手段来发展自身,试图将自己的效益最大化。但是,纵观真正成功的网站建设都是要经过精密的网站建设前期策划的。没有一个好而周密的计划,后期的网站建设也将是无源之水无本之末。
网站建设策划第一步就是要了解你的目标市场。网站建设都是有目标群体的,进行网站建设首先就要观察你的网站的受众群体在哪里。怎样的信息才是这些群体关心和热衷的,只有有的放矢的网站建设才能引得关注并最终取得成功。不合时宜的网站建设内容相信受众也是不买账的。
其次,网站建设策划还必须要明确自己建站的目的,网站建设不是一种潮流,作为一种有效的辅助电子商务的手段,网站建设只有发挥好了才能赢得更多的受众,品牌效益也才不是纸上空谈。因此,在网站建设时就要根据自己的产品、销售渠道和销售对象等情况,明确自己的网站类型。
再次,网站建设并不是一具空壳,它必须要有实实在在的内容,也就是说要有可读性。网站信息的新颖、网站访问的便捷性、这个网站建设的友好性这些都是网站建设过程中应该考虑的问题。
最后,网站建设策划前期,一定要明确自己的竞争优势。没有任何亮点和优势的网站建设是经不起竞争和压力的。这就需要网站建设的企业对自己的商品、价格、服务、品牌、配送渠道等方面进行全面的考量,从而拿出自己最有分量的竞争优势,也能更好地体现到网站建设中去,从而加强自己的核心竞争力。
如果你在网站建设之前,循着我们的提示将上述各个环节思考清楚,并找出相对准确的答案,你就有了一个非常好的开端,剩下的主要是一些技术性的问题了。网站建设前期合理的策划是保证网站建设顺利进行的有效保障。
CuteFTP是一个常用的上传网站内容的软件,用于将网站内容上传(FTP)到网站空间。
如果你的网站设计制作完成,并且注册了域名、购买了虚拟主机空间,最后一道工序,就是将网站内容发布(上传)到服务器空间了。网站内容发布到服务器有不同的方法,现在许多网站都具有后台信息发布功能,通常直接将网站内容在后台管理界面中输入并编辑之后点击“发布”按钮就可以了。不过作为网站设计学习,一般采用的是自己制作的网站,是将网站内容制作好之后,通过FTP的方式上传到网站空间的。
上传网站内容通常通过FTP软件来进行(当然也可以通过浏览器FTP方式,只是不太方便),在多种流行的FTP软件中,CuteFTP是最收欢迎的一个软件,不仅使用方便,而且是共享软件,可以免费试用,有些版本的CuteFTP软件甚至在试用期结束后仍然可以继续使用其基本功能,只是需要显示一些广告,这对于以网站建设学习为目的的初学者来说,应该是比较合适的。
国内许多软件下载网站上都有CuteFTP软件的下载,需要时可以在搜索引擎中利用关键词“CuteFTP 下载”进行检索,就会出现很多提供下载的网址。当下载安装该软件之后,进行简单的设置即可,其中包括服务商提供给你的服务器IP地址、网站服务器用户名称、密码等。当设置完成,即可点击“连接”按钮接通到服务器地址,这样即可将设计好的本地电脑硬盘上的网站文件上传到网站空间了。
当然,对于第一次接触这个软件的学习者,最好还是先对软件使用方法做一些简单的了解。另外,网络营销教学网站在这里也简单提醒一下,作为初学者,没有必要用最新版本的FTP软件(新版本通常需要注册码,也就是获得正式授权的合法使用),即使最低版本的软件也具有正常上传网站文件的功能,而且现在网络速度和稳定性都比较高了,通常也不太需要断点续传的功能。
网站设计制作好之后,保存在自己的电脑里面别人是无法访问的,要让别人能够访问你的网站,还需要将这些网站内容发布到互联网上,这就需要有一个域名和一个网站空间。当然自己的电脑也可以做网站服务器,不过其方法比较复杂,初学者难以一下子掌握,因此一般先采用购买虚拟主机【什么是虚拟主机?】的方式来开通自己的网站。对于网页数量不是很大、功能不是很特殊的网站,虚拟主机已经足以满足要求了。
购买虚拟主机的方式也就是在虚拟主机服务商那里购买一个存放网页内容的服务器空间【如何选择虚拟主机提供商?】,虚拟主机通常是按照空间大小和其他功能来收费的,常见的小型虚拟主机空间为100M-500M,每年的费用大约100元到几百元不等,对于一般小型网站应该足够用了。这项工作完成之后,如果你已经注册了域名,就可以通过域名解析【什么是域名解析?】,也就是把你的域名与虚拟主机的IP地址相对应起来,这样,把设计好的网站文件上传到网站空间【如何上传网站内容?】,如果一切正常的话,就可以通过你的域名访问自己的网站了。
域名注册可以在网站设计完成之后进行,也可以在网站设计之前先注册好。网络营销教学网站建议您在网站策划建设之前先注册域名,这是因为网站设计时有时可能会用到域名相关的信息(比如设计网站LOGO、BANNER、联系Email等),而且域名注册之后,即使暂时没有开通网站,也可以购买以自己的域名为后准的企业邮箱,即域名注册是基础,不一定要和虚拟主机同时购买。
当我们浏览一个网站的时候,网站给人的第一印象就是网站的外观,当然网站内容也是非常的重要!然而网站的外观却能更好的吸引你的网站浏览者去阅读你的内容!所以要想吸引更多的眼球,首先我们要做好网站的布局,正所谓人靠衣装,美靠靓装么,精致的网站其中也需要合理的布局。
做过网页的朋友都知道网页都知道网页是由html代码、图片、css样式、javascript(早期是以html表格布局现在已经不建议使用了)等元素组成!对于网页应该考虑网义的整体设计将图片、内容以及色彩通过合理的布局搭配产生这也是你的网页合不合理的表现,当然还得考虑你网站内容对用户能较好者展现也就是用户对网站内容的体验。因此设计一个精致网页考虑如何布局是很重要的。
网页设计不仅仅只是展示你网站的内容当然也得给浏览者良好的体验感。
下面介绍下一般的网页 布局的步骤
首页要想象你想做做网页的大概外观轮廓可以用笔在白纸中勾勒出了然后进行粗略的布局等考虑完整的突出和整体平衡协调对logo、导航的块放置在显眼突出的位置。然后在细化你的初略布局,这要考虑网站元素(图片和文字)占用的空间分布均匀和色彩的平衡适当调节制作一些变化。让不同的形态、色彩等元素相互对比, 来形成鲜明的视觉效果;对网页做到适当的疏密有度适当留些空白在布局当中比例适当非常重要, 虽然不一定都要 做到黄金分割, 但比例一定要协调;要制作出 具有创意的布局, 设计者就必须将以上的设计原则充 分活用到网页布局里, 同时应尽可能的借鉴他人网站的成功经验。
网页设计不应该只是将内容放到网页中就行 了, 还应该对内容合理进行安排, 这样才能达到内容与形式的完美结合, 增强网站的吸引。虽然布局的好坏在很大程度上取决于网页设计者艺术修养水平和创新能力, 但是这并不是说网页布局无章法可循, 完全是灵感之作它也有自己内在的规律和要求。网页的 排版布局也是决定网页美观与否的一个重要方面, 通过合理的、有创意的布局,可以把文字、 图像等内容完美地展现在浏览者面前。并充分考虑网站的目的及用户环境,考虑网页的受注 目程度和可读性, 融入网页创作富有创意的构思, 从而制作出用户体验高的网页。
曾经很长一段时间,很多站长都喜欢,在自己的网站进入的时候加上个欢迎页面,也许那时候是流行可仅非昔比 ,下面是我做的一些分析
1、我的第一个个人主页一打开就是一张很眩的图片,图片上有个“进入”,点击后才算真正看到我的主页。现在回想起来那个时候这样做,大概是很想迅速展现自己很眩的设计技巧。02年左右给一些企业做的网站很多都是先打开一个很眩的flash,播放完才进去网页。
可能是因为我性子比较急,或者因为自己对于设计的理解在慢慢变化,特别是做交互设计以后我参与的网站都坚决拒绝这样的“欢迎页面”或者“欢迎动画”。(我说的“欢迎页”指一些只为了“欢迎”的页面。不包括一些包含了“登录”等功能的页面,也不包括一些二级网站完全分开的“导航页”。还不包括…)
2、前几天受邀跟几位牛人一起担任“网易奥运观方站”比赛的评委,今天在给华南赛区打分时留下两个印象最深刻的问题:一个是“无论什么链接都开新窗口。甚至包括并列的导航”,第二个是“网站打开后先进入一个不包含任何功能的‘欢迎页’”。
3、两个问题同样严重,第一个其实我们已经讨论过很多次。
4、第二个问题再次勾起我对于“欢迎页”的思考:欢迎页到底有什么作用?我想到了一个最常见的目的:“直接迅速展示品牌形象”。
但我个人认为这样的理由根本站不住脚。
特别是当今这个品牌满天飞的年代,用户更需要是通过体验去感受品牌,没有感受就直接接受品牌是很难的(除非某些打着“民族”或者“爱国”幌子的“品牌”)。
而且,展示品牌也无需把用户挡在外面大谈特谈,完全可以靠网站的整体设计来展现。
5、暂且不下一个完全否定“直接展示品牌”的结论。现在至少可以下这样一个结论“非品牌展示型网站”都不需要单调的“欢迎页”。 特别是以内容型为主的网站和以功能型为主的网站。(这大概也是为什么,基本上现在只会在一些个人网站或企业网站看到“欢迎页”。)
“非品牌展示型”网站最主要的还是内容或者服务,用户的进入带着一种“任务”或者“问题”。无论是设计者还是用户应该更希望可以最快的“完成任务”或者“解决问题”。这个时候“欢迎页”不折不扣的等于“拦路虎”,无论你做的再眩再好看。
6、退一万步说,就算我们需要“欢迎页”,那么除了品牌展示我们还必须提供的就是“入口”。因为用户最终还是需要进入具体的网页里。所以,入口一定要明显且可以直接选择。
比如,一些企业网站上来就放一个大动画,连“跳过”都没有,必须看完才能进去。这太强暴。
比如,海南大学的这个作品,入口是一个藏在“夹缝”中的“进入首页>>”。这很失败。
比如,广西工学院的这个作品,欢迎页作了一个挺不错的图片切换效果,“进入主页”的文字链接却在最下面,第一屏根本看不到,不是找不到就是需要拖动滚动条。这有点过。
比如,广东海洋大学的这个作品,入口是红色加粗的文字,设计者大概会认为“这很明显”,但用户其实很可能第一意识“根本不会想到这是链接”,预设用途表现的很差。设计者有点想当然。
7、还有一个问题:“欢迎页”需要弹出新窗口吗? 我认为不需要,特别是进入后的“全局导航”相对完善的时候。
比如,广外的这个作品。“欢迎页”的flash做的很不错,也有点“站点地图”的意思,但链接要打开一个新窗口就很不该了,因为进去后每个二级界面其实都是有相互导航的,而且也有“回首页”的导航。
8、刚刚用IM在设计的朋友圈里简单调查了一下。
有人说“我才不想做个傻啦吧唧的‘欢迎页’呢,但甲方老板非得要,我也没办法。他说需要这个页面展示他们的品牌有多牛逼”。(他说的是一个传统服装品牌自己的一个“网上商城”)
还有人说“有个欢迎页面显得礼貌”。我无语。我感觉到更多的并非“礼貌”,而是“拒人门外”。
9、似乎只有一种情况需要欢迎页, 那就是:只有一个页面的网站,这个页面上面写着“欢迎光临。 最牛中文社区正在建设中…”(怎么这么耳熟?)。
只要里面有内容,就应该敞开大门让人进去,什么话都可以进去后再说,什么“文化”“风格”都可以在里面表现。没必要把人堵在门口。
也许我对于“欢迎页”的认识不够全面。谁还认为这样的页面有什么其他作用?
在设计网站的时候,我们通常都是要先规划好,从小的部分开始,然后汇总到一个页面,也就是所谓的主页
当我开始设计一个网站,通常是向后制作的。我最开始设计的是站中最细微的部分:一个故事描述的页面或是一个搜索的结果页。然后我开始设计容纳这些细小部分的页面:索引或是页面集中的区域。接下来所要做的就是最后的步骤——首页。
我之所以这样制作的原因是每个容纳页面都需要有预期加入的适当内容。如果首页表达的是一件事,但扩展开的页却是描述了别的内容那就会误导使用者。
这还意味着,当你的工作转移到首页的时候,大量的任务已经完成。所有制作上的顾虑都来到了头部——在首页上(简单的讲,在制作首页时已经是整个网站制作的收尾工作了)
公司站点的首页得多花点心思。首页是你给别人的第一印象。就如一句老话,你只能得到一次机会。所以首页得有一套独特的设计目标
在我进入目标前,这还有一些有趣的现象。每个我所工作过的站点都有惊人相似的流量趋势,而且还有一点是特别突出的。还记得我前面所提到的那写最细小最底层的元素吗?这就最基础的元素——在一个新闻站上它就是详细的新闻内容页,搜索引擎中它就是结果的显示页,在产品目录中它就是详细产品页。这类页占整个站点中所有浏览页的60%到75%。其余的就归首页了。
这并不是说首页不重要——第一印象是非常重要的。但你看看数量就会发现这些底层元素是多么的庞大。
就是说,让我们观察呈现独特性首页的挑战。要记住,我所提到的首页是指在任何.com上存在的首页。第一页就好比是你家的前大门一样。
任何首页都应该具备以下四个要求(真正优秀首页应该达到的目标):
目标 1:回答这个问题,“这是什么地方?”
就是这个,不论是什么网站这都是首先要完成的任务。如果你忽略了它那就意味着你将访问者遗弃在混乱中。
一位新到的访问者首先会做的事就是从并不熟悉的站点上得到这个答案。如果站点不能成功地在几秒内完成这个任务,就会使访问者无语(就是这个“.......”),然后就是离开并再也不会回头访问了。当你遇到某人给你的感觉像个蠢货的时候你会怎么做?你还会要想到再去粘着这个人吗?
这就是关于制造良好第一印象的全部
别不好意思去用那些老掉牙的话:“我们是谁,和这是关于什么的。”然后连接到一些更唠叨的关于页面或是浏览页。这样,需要这类帮助的人就有了去向。注意你使用的文字要让读者感觉到是重要的。
当然要避免过于罗嗦。让你的文字举足轻重。但解释必须出现在页面的顶部——这是你得到回头客的重要办法。
公司尝试做新的事物前有些事是特别重要的。像Google之所有可以不用在首页上不加任何说明是因为几乎人人都会使用它。但这只是个例外。如果你正在做一些新东西,有些时候你只要做下简单的解释就行,像:Flock 是一款免费的,并且是开放源码的WEB浏览器
如果第一次来你站点的人不能在首页三秒内明白这是什么样的站点,第一个目标你就失败了,只有人们知道这是什么站点才会使用它。
目标 2:不要让访问者反复走老路
第二个目标是为那些已经知道他们在做什么的人而准备的。这些用户就和你一样,他们是站点的熟客。
要达成前两个目标有个很好的技术——让页面的一部分区域动态化。这个区域可以给新来的访问者显示解释信息。当用户一旦登陆或就会用其它信息来替换它。
Flickr很好的体现了这个方法,给不同的用户(登陆过的、没登陆过的)提供了完全不一样的首页。。。。