仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 829|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:用CSS打造韩式作风网站

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:18:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
CSS打造韩式作风网站
韩国网站的计划作风被国际网站计划喜好者称之为“韩式作风”,并且如今愈来愈多的人正在仿照这类作风,下图为一个韩式作风的网站效果,就笔者团体以为韩式作风的网站计划思绪之以是遭到人人的喜好与其色采变更丰厚,公道使用Flash动画,布局新奇等特性是分不开的,可是韩式作风的网站有一个最分明的特性就是关于表格或是题目栏常会加上横或竖的一条色带,以下图中圈起的中央:


  做这类图我们一样平常城市想到用Photoshop等软件来计划,固然这也是经常使用的办法,可是假如网页上这类图片太多,或是较年夜时,像我们今朝国际的收集情况要想翻开你的网站可就有点累了,这里我就给人人讲一讲怎样用CSS来做如许的作风,由于用CSS只是对色彩的界说,少了图片的使用,以是速率基础不会被影响。

起首,为页面填加一个CSS效果类,详细设置如图:


  点击OK后,会弹出详细的效果设置,翻开个中的border标签,举行以下的设置:



然后将Background标签中的BackgroundColor设置为:#BAEE66在你要使用这类作风的表格上填加这个CSS效果就OK了,办法如图:


  终极的效果:


  使用这类办法,人人能够做出形形色色的表格来,并且很便利,即便你不会用Photoshop等软件也不妨,并且翻开速率基础不会变慢,是否是很棒,以下都是笔者试做的几种作风,人人能够依据border的设定再分离表格的计划来做出形形色色的效果来,感乐趣的伴侣能够试一试。




凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。
飘飘悠悠 该用户已被删除
沙发
发表于 2015-1-18 06:02:15 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
admin 该用户已被删除
板凳
发表于 2015-1-26 16:38:49 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
谁可相欹 该用户已被删除
地板
发表于 2015-2-4 20:54:32 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
5#
发表于 2015-2-10 10:26:32 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
变相怪杰 该用户已被删除
6#
发表于 2015-3-1 11:01:03 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
小魔女 该用户已被删除
7#
发表于 2015-3-10 17:42:23 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
柔情似水 该用户已被删除
8#
发表于 2015-3-17 09:34:25 | 只看该作者
可以使用 CSS 检查工具进行设计。
愤怒的大鸟 该用户已被删除
9#
发表于 2015-3-24 06:27:40 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-3 17:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表