恒基商务网络信息技术博客

转自《大众软件》虚拟主机网站定位、色彩搭配、html语沸槟庵骰你全会了，那还有什么能让你提起兴趣呢？接下来我将为你叫槟庵骰述另一个非常重要的网页美化工具，可使你的网站具有凝聚精华、吸引眼球之功效，它就是css神奇的层叠样式表。　　当今的网页制作中，几乎所有漂亮的网页都会用到css，css是cascadingstylesheet的缩写，中文名为层叠样式表。通过

几百个设计软件视频教程总集(免费下载)cms4j程序源码教程2007名师李涛老师主讲..[张孝祥][java视频教程..做备份+分区，格式化，..php168-cms资料教程premierepro视频教程mysql数据库视频教程maya基础课程之建模篇flashactionscript视..maya视频教程---maya渲..illustratorcs2视频教..3dsmax装饰入门教程-..corelpainter是一套..flash8.0基础教程教..域名未注扫描工具网页音乐类模板discuz论坛安装视频教..网页设计模版网页设计-开天辟地fireworks从入门到精通..photoshop,ps笔刷,ps滤..三维设计软件平面设计软件多媒体设计软件e书制作软件网页设计软件下载上传工具杀毒软件手机|psp|mp4软件应用软件设计教程（打包下载）网页设计教程(打包下载..fif小组精讲css视频教..coreldraw视频教程吕聪贤精讲flash视频教..firework视频教程photoshop从头学起视频..最新photoshopcs2视频..photoshop7.0视频教程premiere视频教程网页__网站制作-网站建..3dmax室内设计视频教程黑鹰基地asp特训班教程dreamweaverasp视频教..网页设计视频教程autocad2006视频教学authorware视频教程站长资源

一、网页设计类－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－1。网站名称：有风的日子网站地址：http://www.windstudio.net/简介：　　很不错的一个设计网站，我刚开始学习网页设计的时候就知道她了，她最有特色的内容就算是精品插件栏目了，里面包括有photoshop滤镜、dreamweaver插件、flash相关，都是很实

sohosoho，是英文[smallofficehomeoffic

■simplepalace工作室　　从今天开始，我们就要进入网站制作的正式阶段了。浏览一个网站要从首页看起，浏览者对网站的第一印象基本在浏览首页时确定。一个好的首页可以给人留下无尽的想象空间，使他们迫不及待地在你的网站中遨游。而网站制作也要从首页开始，可以说，制作出了一个好的首页，就算成功了一半。　　而怎样才能把首页制作得尽善尽美呢？首页的功能主要有三：1.作为网站的门户，是与浏览者进行沟通的桥梁；2.展现出网站的整体风格；3.向浏览者传递最关键、最重要的信息。因此，要制作出一个完美的首页，必须具备一些网站vi理论的知识。vi是英文visualidentity的缩写，意为形象视觉识别系统。它是运用视觉传达方法，通过容易识别的符号来展示企业或个人独特的形象设计系统。网站vi包括网站标志、标准字体、标准图形、标准色彩等。　　网站的内容固然重要，但如果没有一个好看而吸引人的外表，哪怕有再好的内容、再好的结构，整个网站的浏览效果也会大打折扣。就等于一个内涵丰富但外表平庸的人在一个公共场所出现，短时间内是很难引起别人注意的。现实生活中vi理论的应用也比比皆是，杰出的例子如：可口可乐公司有全球统一的标志、色彩和产品包装，所到之处都给我们留下极为深刻的印象，更多的例子如sony、三菱、麦当劳等。如何吸引众多浏览者的眼球，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。因此，首先我们需要用vi理论对首页进行包装。　　但是很多网站设计者本身不是形象设计师，看起来这么高深复杂的理论，怎么去学呢？其实我们也不能算是专业人士，但vi理论说白了也就那么几点，只要大家遵循如下几条要点，就能轻轻松松搞定你的网站设计！　　一、设计网站的标志（logo）　　首先你需要设计制作一个网站的标志。就如同商标一样，标志是你站点特色和内涵的集中体现，看见它就能让人联想起你的站点。标志可以是中文、英文字母，可以是符号、图案，也可以是动物或人物等等。比如：著名的搜索网站google就是用google的英文字母作为标志，中国的大型门户网站新浪用字母sina和一个大眼睛作为标志，代表的是关注。标志的设计创意来自网站的名称和内容，也可以是你自己随意发挥创作出来的，只要觉着它能表达你的意图就行。当然，也可以参照以下几点：　　1.网站有代表性的人物、图案、形象，可以用它们作为设计的蓝本，并加以简单的艺术化；　　2.专业性网站，可以代表性的物品作为标志。比如中国银行的古钱标志、奔驰汽车的方向盘标志等；　　3.最常用和最简单的方式是用自己网站的英文名称作为标志。采用不同的字体、字母的变形和组合可以很容易制作出一个漂亮的标志。　　二、确定网站的标准色彩　　标准色彩是指能体现网站特色和延伸内涵的色彩集合。举个实际的例子就明白了：ibm的深蓝色、肯德基的红白色、windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切、和谐。一般来说，一个网站的标准色彩不应超过3种，太多则让人眼花缭乱，没有特色。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其他色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。　　适合于网站标准色的颜色有：蓝色、黄/橙色、黑/灰/白色三大系列色，不过不要被这些理论、规定所局限，只要你觉着适合自己风格、看起来很协调的色彩组合都可以运用。这一点大家应该发挥自己的创造性，让自己的网站更加绚丽多彩。　　三、设计网站的标准字体　　标准字体是指用于标志、标题、主菜单的特有字体。一般中文网页默认的字体是宋体，为了体现站点的与众不同和特有风格，我们可以根据需要选择一些特别的字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等。你可以根据自己网站所表达的内涵选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网上也有许多专用英文艺术字体下载（可参考的中文字体精选网站：http://konfig.myetang.com/cfonts/），其实要寻找一款自己满意的并不困难。　　需要说明的是：使用非默认字体只能用图片的形式，也就是将放置特殊字体的部分先做成图片然后再放入网页中，因为很可能浏览者的电脑中没有安装你设计的特别字体，那么你的辛苦设计制作便付之东流了。你只要把你需要的字在photoshop中输出成图片并将其放到网页上就不用担心了。　　四、设计网站的宣传标语　　宣传标语也可以说是网站的精神和目标，用一句话甚至一个词来高度概括。例如：intel的给电脑一个奔腾的心、nokia的科技以人为本，con虚拟主机nectingpeople、macromedia的whatthewebcanbe等，这点你可以任意发挥你的想象力。　　完善了上面的4个方面，你就算完成了网站vi设计的基本任务。你的网站就会有质的飞跃，整体形象也会有一个大幅度提高，就像从一个邋遢的小孩转变为一位穿戴整齐的孩子一样。当然，网站制作完成之后你还可以继续充实vi设计的内容，比如增加一段轻松或动感的背景音乐，设计一个宣传网站的动感flash动画等。总之，必须首先要确定vi设计的方案，然后按照它来制作自己的首页。下面我们以一个具体网站首页制作的实例来介绍确定vi设计的详细步骤。　　　　实战演习之一：个人网络电台的网站首页制作　　我们这里的vi设计要点如下：　　目的：网络在线广播。即按照自己的安排来给网络中的听众播放音乐节目，而且还可以做一做dj，充分显示自己的个人魅力（此方面的详细知识可以参考本刊2002年23期上的文章《一步一步教你做网络dj》一文，此处以制作首页为主，具体设置不再叙述）。　　网站名称：skylinedj。说明：天线dj，意为网站就是歌曲的天线发射器，向大家传送美妙动听的歌曲。网站名称来自笔者随机创意，如有雷同，实属巧合。　　标准色：绿色#99cc33、橙色#cc6633、灰白色#ebebeb　　标准字体：英文verdanaarial04中文宋体　　标语：directtoyou　　　　1.设计网站标志。　　第一步：打开photoshop（如图1），选择菜单file下的new命令建立一个新文件（或按快捷键ctrl+n和在工作区内双击鼠标亦可），出现对话框。在name栏里输入文件名称skylinedjlogo，width和height分别输入图形的宽度和高度，有pixels（像素）、inch（英寸）、cm（厘米）等尺寸单位。我们选择pixels为单位，宽度为300，高度为80，resolution是图像的分辨率，对于做网页而言，72pixels/inch就足够啦。mode栏里是图像模式，我们选择rgb。contents我们选择transparent，也就是背景色透明。填完所有的项目之后（如图2）点ok，photoshop就会生成一个新文件。　　第二步：在工具箱面板中我们可以看到很多工具，其中包括选取、移动、套索、文字、钢笔等。比如选择油漆桶工具（如图3），我们在渐变工具上按住鼠标不放，会延伸出来一个额外选项，下面有一个桶状的图标，将鼠标移上去松开就可以了。点击表示前景色和背景色的两个小色块（图4），会弹出一个拾色器对话框（如图5），我们可以用它来选择颜色，在右下角#的右边填入我们需要的背景色ebebeb，按回车即可。然后选择油漆桶工具，在图像的任意区域点击鼠标，图像的背景就变成了灰白色。　　第三步：选择文字工具（如图6），点击图像的任意区域，在文字工具的选项面板中选择字体为verdana，大小为30pt，抗锯齿方式为crisp，色彩为橙色#cc6633（图7）。之后输入skylinedj，感觉文字不太紧凑，选取文字，点图标，在出现的对话框里设置文字间距为-50（如图8），然后点击图标。以同样方法输入文字directtoyou，字体为arial，大小为14pt，颜色为绿色#99cc33，文字间距为400，然后和skylinedj居中对齐。感觉对dj的强调不够，用文字工具选定dj字样，然后把颜色改为绿色#99cc33。最终效果如图9所示。　　第四步：选择菜单file、saveas...，另存为jpg格式，然后保存psd源文件，退出photoshop。　　至此，网站的标志就算制作完成了，这个标志并不算好，只能说简洁美观，大家自己制作时可以按照你自己的网站定位随意发挥，就看自己的风格了。　　　　2.首页的制作。　　打开dreamweaver，它会自动为你新建好一个空白网页，我们就用这个现成的吧。不过在制作之前还要定义一个站点，这是dreamweaver对网站建设的特色管理方式，采用这种方式，以后不管是更新还是维护都会方便许多。　　第一步：选择右边浮动工具栏的site面板，如果没有选择菜单windows中的site命令，或者直接按f8。选择site面板子菜单中的site、newsite...，会弹出定义站点对话框，在sitename中填入skylinedj，localrootfolder中你可以任意选择一个空文件夹作为本地根文件夹。以后所有的链接都会用相对路径来表示，这对以后的站灯笠涤示帚发布来说非常方便。　　第二步：修改页面的属性。选择modify、pageproperties...，可以看到页面属性的对话框。在这里可以设置页面的标题、背景色、背景图片、超链接的颜色、上下左右的页边距等，我们需要改变的是title为skylinedj，background为#ebebeb，left、right、marginwidth以及marginheight均为0，其他的保持默认值（图10）。　　第三步：我们选择工具栏上common中的inserttable图标（图11），或菜单insert、table，在弹出的对话框中rows和columns填1，width为100percent（也就是100%），其他均为0（如图12所示）。这样我们就生成了一个表格，rows是指表格的行数，columns是指表格的列数，width可以制定为像素宽度，也可以制定为相对于页面的百分比大小，然后保持表格被选的状态，在页面下方的property浮动面板上可以看到表格的属性，如果我们开始没有设置好，还可以在这里修改。我们需要修改表格的h高度为100%。然后按回车，就会发现表格占满了整个页面显示区域，这样就便于我们为之后添加的元素定位。　　第四步：用同样的方法再建立一个表格，rows为3、columns为1、width为100%。可以看到一个新的表格在原来大表格的内部中生成了。鼠标单击新表格第二行，点击插入图片按钮，出现插入图片对话框，选择刚才保存的skyline-dj-logo.jpg，点击ok，这样我们就可以插入一张图片。如果没有图片我们也可以利用一些现成的东西。单击表格的第一行，再点击工具栏上的按钮，就在页面中插入了一条水平分割线，但是它有阴影，与我们页面的风格不太协调，可以在下面的属性浮动面板中调节。保持分割线在选中状态，在property面板中把它的高度h改为1，ok，告捷！当然你也可以通过其他的方法实现，比如插入一条直线的图片。总之，条条大路通罗马，各位读者在实践操作中可以多用几种方法来实现同一种效果，这样会更快地掌握各种技巧。接下来我们复制一下那条水平分割线，然后把它粘贴到表格的第三行中，这时按下f12键，或选择菜单中的file、previewinbrowser、iexplore，就可以在ie中预览一下我们的成果了。　　是不是感觉整个页面有一些样子了？当然它还很简陋，需要我们做进一步美化，而且页面上的信息量也不足。我们可以通过在photoshop中先做图片然后再将其插入dreamweawer中的方式来组织页面，你可以先在纸上画一个草图，也可以边做边改。总之方法是多种多样的，就看大家怎样去挖掘了。有了这样一个基础的页面，大家就可以利用刚才讲到的一些技巧和方法发挥自己的想象力去美化、完善它了。以下是笔者在刚才页面的基础上修改、增添的最终效果图（图13），你可以借鉴优秀网页的设计，也可以自己创新独立完成。　　　　经典案例赏析：nokia.com　　诺基亚是一个非常注重宣传与包装的公司。这从它的网站也可以看出来，这是它不久前才推出的新版，可以说是更加贯彻nokia的科技以人为本策略，就是简单实用。简洁明快的标志和宣传口号放在网页最显眼的位置，谁都不会忽略。标准色采用蓝色、黑色、灰色，给人沉静、庄重、平和的感觉。整个网页可以说是简而不漏，其中穿插了大量色彩绚丽、极富生活情趣的图片，将nokia产品是高品质生活的保证的意图呈现出来，是不是很巧妙呢？　　　　本期推荐的资源类网站　　1.视觉中国：（http://www.chinavisual.com/?r=webvisual）一个以介绍web视觉设计和欣赏等相关知识为重点的专业网站，设有web视觉动态、设计理念、实验工厂、视觉导航、设计技术和设计资源等栏目。　　2.蚁盟：（http://www.yimeng.org/）精选了一些非常优秀的介绍网页设计和制作的网站，它上面虽然只有这些网站链接，但资源异常丰富，分为网站教学、素材资源、网页设计和艺术欣赏等6类计400多个网站，对学习网站制作的人来说不容错过。　　3.网页制作大宝库：（http://www.4gee.com/）一个比较全面的网页设计资源类网站，设有素材图库、创意图库和超级字库等栏目，可为你提供网页制作的一些素材。　　4.文化空间联盟：（http://www.xiaoxiang.net/web）同样是一个优秀网站的集中营，里边收集了很多有创意、有特色的网站，他们的设计理念非常值得参考。　　5.万维品网：（http://www.pageunion.com/）主要收集优秀网站，并给它们按星级进行分类，里边珍藏的虚拟主机一些酷站让你目不暇接、流连忘返。　　　　下期预告：我们已经利用photoshop和dreamweaver做了一个简单的页面了，但是你了解它的内部结构吗？下期我们就将对它进行解剖，那就是html的基本语法和它的一些高级用法，别忘了下期的约会哦！

vae个人资料：本　名:许嵩出生地:安徽合肥英文名:vae生　日:1986-05-14身　高:180cm体　重:60kg星　座:金牛座学历:安徽医科大学本科在读专长:写作、音乐创作乐器:钢琴小时侯的梦想:开发出如同windows一样牛x的软件最满意的动画:机器猫喜爱的音乐类型:各种类型通常衣着:休闲随意最喜爱的食物:对吃没有兴趣最喜欢的地方:家现阶段最想做的:完成学业的同时,在企业邮局音乐上不断探索进步　因为部分作品曲风相似，很多网友认准了vae就是周杰伦的接班人。素有娱乐圈大嘴之称的宋祖德日前也大发善言，称vae比周杰伦更有偶像气质和音乐天赋。　　对于这些评价，许嵩坦承，一开始他的确模仿过周杰伦，但他认为，自己的歌，走的是真实、清新、自然的路子，也有更多自己的特点，和周杰伦的曲风并不太相同。对于周杰伦的接班人的头衔，许嵩认为，这样的赞扬有些过了，我现在连唱片尚且没出，跟他还不在一个高度，没有必要对我做过分的拔高，还是脚踏实地学习、唱歌比较实际。　　今年，许嵩报名参加了网上的签约我吧歌手选拔赛，当别人都为拉票使出浑身解数时，他却毫无动静，目前排名已跌至20以外。昨天新浪娱乐报道说，一位海归女歌迷豪掷10万为vae拉票，瞬间关于他被富婆包养的恶炒甚嚣尘上，但当记者提及此事时，许嵩一笑置之，那些无聊的东西就让他们去炒吧。　　在老师和同学眼中，生活中的许嵩就是这样：一个安静、温和、坚持理想的大男孩。我觉得他的道德品质非常好，许嵩的辅导虚拟主机员单勇强老师评价说，在外人眼里，许嵩已经是一个偶像了，甚至本校的老师也来找我要他的签名，但我觉得他和别的学生没什么两样。　　许嵩的大学室友张翔也告诉记者，除了钦佩他的才华，同学们也没觉得他和旁人有什么不同。因为行为低调，虽然在安医大校园内已经拥有众多听众，但走在校园里，却仍然很少有人能认出，眼前这个高高的男孩就是网络红人vae。　　作文曾被作为语文试题　　在音乐之外，许嵩也是个多才多艺的年轻人。许嵩说，他喜欢看书、写作，还学过街舞。　　许嵩从小就挺喜欢写东西，至今已在《萌芽》、《儿童文学》、《少年文艺》等刊物上发表了大大小小作品20余篇。高二时，他曾写过一篇《把伤痕当酒窝》的作文，当时只是兴趣所至，就发到了个人主页上。但让他没想到的是，这篇习作后来竟被当年江苏省高考语文模拟试卷作为阅读理解的试题。　　从小培养的文字功底，为他的原创音乐打下了很好的基础。他们都说尘世那么美/相守着你爱的那个谁/白发渔樵老月青山平平淡淡值得珍贵……这是许嵩的原创歌曲《尘世美》的歌词，有歌迷发帖称，这首歌词意境凄美，堪与著名词作者林夕相比。虚拟主机　　除了文字，许嵩的电脑也玩得很棒。高一时曾获得过迅飞杯全国网页设计大赛安徽区第一名，娴熟的电脑水平也为他的音乐之路提供了莫大的帮助，我电脑水平一直还可以，如果没有这些技能，我也没办法在网上创作出那么多歌曲。

中文原文项目合作指南1.冬虫夏草亦简称为虫草。它的独特繁衍是由虫草菌寄生到昆虫幼虫体内在虚拟主机虫体内长满菌丝后即在虫体外长出子实体（草），虫草其实是虫与草的结合体，其有效承槟庵骰份主要集中在子实体（草）内。冬虫夏草是中国特有的珍贵药材具有极高的医疗保健价值和经济价值。现代医学研究证明，虫草具有抗疲劳，耐缺氧，抗衰老，抗肿瘤以及提高人体免疫功能等多种医疗保健作用。测定结果显示，虫草中含有虫草

建站值得去的十个网站这是个网站是我经常去的网站，在个人站长的圈子里有相当的知名度，是写网站或者编程序必去的地方。1、中国软件开发网-http://www.csdn.net中国最大的开发者网络，程序员必去的地方，讨论社区人气很旺。2、飞洋社区-http://www.ie139.com最全面的网站建设技术,网站资讯,网站运营与策划,web2.0网站汇集,web2.0logo大全,英雄blog大全,站长资源,论坛讨论区网站建设3、中国站长站-http://www.chinaz.com访问量很大的站长站，提供网站源码下载以及网站设计资料。4、donews写作社区-http://www.donews.com/it写作、博客和社区，参与的人不少是it业界的名人。5、落伍者论坛-http://www.im286.com是一个较有人气的网站建设和网站程序的讨论区。6、蓝色理想-http://www.blueidea.com网站建设有名的关于网站设计的网站。7、编程爱好者网站-http://www.programfan.com提供各种流行语言的文章，源码，论坛。8、模板天下-http://www.mbsky.com提供网站模板，源码，flash，图片下载。9、洪恩在线网页制作教程-http://www.hongen.com提供frontpage,dreamweaver,flash,css等教程。10、网页设计师联盟-企业邮局http://www.68design.net提供酷站大全--韩国酷站,优秀网页设计,房地产酷站,影视酷站,国内优秀企业网站,flash酷站

　　由于良好的视觉效果，flash技术在网页设计和网络广告中的应用非常广泛，有些网站为了追求美观，甚至将整个首页全部用fla企业邮局sh方式设计，从浏览者的角度来看，flash动画内容比起一般的文本计笠涤示钟图片html格式的网页，大大增加了艺术效果，对于展示产品和企业衅笠涤示治象具有明显的优越性。但flash网页也存在一定的问题，如没有安装flash插件程序的用户无法正常浏览，或者因为文件字节数太大而使得网页下载缓慢。即使不存在浏览方面的问题，flash网页也存在另一种先天的缺陷，即搜索引擎无法识别flash中的信息，因而

转载自：刻新网的博客原文地址：http://hi.baidu.com/sking197dboy/blog/item/3bf7e45847c185da9d8204e2.html本人最近在自学dreamwaverps,找到了一些比较好的视频教程网站，在这里贴出来和大家分享一下，希望大家一起探讨，共同进步！1.视频教程网：http://www.jc88.net这个网站主要收录了动画制作，图形图像，网页设计.3d等近100部语音视频教程，让你像看电视一样轻松学习。可以在线收看，也可以打包下载，很是方便。最主要的是这里的教程完全免费(有些教程在其他一些网站是要收费的），还有就是有些教程在网上你很难找到（如：台湾吕聪贤全部计算机视频教程共80部）这里全部提供下载。这个网站虽然是个个人网站，但是他们独立开发的一些视频教程也是不错的，值得一看。以下是部分内容：吕聪贤flashmx经典视频教程打包下载吕聪贤swishmax视频教程打包下载（swishmax史上最強的中文字特效工具，可以制造出230种flash特效文字，flashmx一小時要做的事，swishmax只要5分钟）flash编程视频教程打包下载flashmx2004视频教程打包下载金鹰3dsmax7.0入门视频教程打包下载fireworksmx2004视频教程打包下载photoshopcs2经典视频教程打包下载祁连山photoshopcs视频教程打包下载autocad2005入门视频教程打包下载金鹰fireworks视频教程打包下载金鹰coreldraw12视频教程打包下载金鹰freehandmx视频教程打包下载金鹰authorware视频教程打包下载dreamweavermx视频教程打包下载dreamweaver实例视频教程打包下载fif小组网页制作视频教程打包下载金鹰asp入门视频教程打包下载fif小组asp视频教程打包下载java技术从入门到精通视频教程打包下载吕聪贤dreamweavermx视频教程打包下载1.视频教程网：http://www.jc88.n企业邮局et2.中国教程在线：http://www.5istudy.cn/该站设有论坛、博客、素材、课堂、读书、资源专区。栏目比较多，素材的质量也不错，教程也是大家比较熟悉的，例如祁连山的、李健啊，更新速度比较快，值得推荐！3.中国教程联盟：http://www.jclmcn.net/4.中国教程网：http://www.jcwcn.com/5.教程中国：http://www.upschoo.com.cn/6.中国视频教程网：http://www.chinaspjc.com/7.中国教程网－中国教育网：http://www.3gbokee.cn/8.中国it教程网：http://www.fftu.com/9.软件教程－中国艺术设计联盟：http://www.arting365.c企业邮局om/soft_tutorial/index_23.html如果你感觉好的话，请顶一下，好让更多的朋友去共享。