1、程序员教你如何快速制作一个有漂亮大气的网站?
像我这样的程序员来说经常被设计这个词吓到,因为我是一名程序员而不是设计师,虽然只是一名程序员,但我还是想让自己的网站看起来更加吸引人。虽然比不上真正由设计师操刀做出来的效果,但对像我这种没有设计能力的人来说还是很有帮助的。可是程序员如何快速制作一个漂亮大气的网站呢?一、色调在有着设计师存在网站,设计师都会负责进行网站色调的调整,为了保证网站的一致性,所有按钮和导航一般是三到四种颜色。二、纹理知道如何让一个网站看起来更加高雅优雅一些吗?是的,纹理。但是这些纹理效果应该去哪里寻找呢?设计师Atle Mo 的Subtle Patterns网站是个不错的去处,我们接下来就使用这个网站上的Cream Dust纹理。点击下载,将纹理图片保存到本地,然后放到根目录下的/img/ 目录文件夹中,最后到CSS 样式表中加入代码body { background: url (/img/cream_st.png) repeat 0 0;} 即可。三、字体修改网页字体是让网站看起来更有特色、有现代感的捷径,我们可以去谷歌的字体服务(免费正版)中随意挑选自己喜欢的字体,但是要注意字体间的搭配。在网页头部中加入此代码:在CSS 样式表custom.css 中加入以下代码:h1, h2, h3, h4, h5, h6 {font-family: 'Corben',Georgia, Times, serif;} p, div {font-family: 'Nobile',Helvetica, Arial, sans-serif;}添加完后刷新即可查看效果了,现在我们的网站样式已经变了,看起来比默认好多了。此外,除了谷歌的字体服务外还可以使用像Fontdeck或Typekit字体服务,它们的字体更多。四、背景图片首先需要下载背景图片,然后放到/img/ 文件目录中去。1、将此图片设置为的背景图(background-image): $.backstretch (/img/winter.jpg);2、加入背景图后网页主题部分会产生遮挡,所以可以让其透明,这样网站效果看起来会更加现代、有设计感。这里可以使用这个技巧将网站变得透明,代码见右边,.container-narrow {background: url (/img/cream_st_transparent.png) repeat 0 0;}五、CSS将上面都搞定后接下来要做的就是再加点CSS特效了,如果时间不够的话简单的添加上盒阴影box-shadow和字体阴影text-shadow就可以让网站增色不少,CSS 代码如下。h1 { text-shadow: 1px 1px 1px #ccc; } .div-that-you want-to-stand-out { box-shadow: 0 0 1em 1em #ccc; }如果经历过了上面所说的流程的话,相信你已经可以在比较短的时间内制作出了一个还能拿得出手的网站了。
2、有哪些好的设计网站?
国内
1. Fotor懒设计 www.fotor.com.cn
Fotor懒设计是一个在线快速平面设计工具,它为用户提供海量模板,用户通过修改模板就能快速完成设计。作为设计师的你,也可以在Fotor懒设计的博客里面,学习到与设计、修图相关的专业知识。或者干脆很多时候都不用打开PS,直接用Fotor解决一些简单的设计需求。
同时,你也可以投稿到Fotor懒设计,不仅可以获得高额的稿费,你的平面设计作品将会被制作成模板,帮助更多设计小白们快速完成设计!
2. VOICER
VOICER是一本分享生活美学的在线杂志,它是由一群广告人、媒体人、设计师共同创办的。进入网站,你会有一种误以为是国外网站的错觉,因为VOICER网站的整体设计真的就像一本“杂志”一样,给人时尚又前沿的感觉。当然,它的内容编排也非常有趣,你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
3.涂鸦王国
涂鸦王国是中国最大的一个插画师交流展示平台。网站以原创插画为主要内容,聚集了越来越多的插画家和插画爱好者。你可以在涂鸦王国创建自己的个人作品主页,上传你的插画作品,积攒粉丝,与插画师们相互交流和学习。
4.UI中国
UI中国,是专业的界面设计师交流、学习、展示平台,同时也是众多UI设计师的聚集地,。UI中国里面不仅有设计资讯、原创作品分享,你还可以找到培训、招聘、学习相关的信息。
5. Seeseed-无穷尽设计可能
Seeseed是一个设计类的导航网站,为设计师们提供国内外最全的设计灵感、设计素材、设计工具、设计教程。Seeseed每天还会精选推荐一个国内外的优秀网站,你也可以创建自己的收藏夹,并推荐自己喜爱的设计类网站给站长。
6. ARTING365
Arting365是一家关注设计影响力,从设计思维和移动互联网切入,解读设计、商业、科技创新和品牌价值的设计新媒体,它也是一个内容丰富、质量上乘的中文设计资讯网站。有了Arting365,不愁看不懂第一手的国外设计资讯啦。
7. 设计癖
视觉癖是一个集工业设计资讯发布、作品展示、公司招聘、设计展会信息等为一体的综合性的网站。在工业设计领域,设计癖发布最独到的见解、最新最快的前沿咨询,大家可以经常浏览。
8.视觉me
视觉ME,视觉中国设计师社区是一个致力于设计作品分享、发现、售卖的专业平台。这里有寻找灵感的海量资料库,也可以参与精彩纷呈的设计大赛并获得收益和提升。.
9.凹凸实验室
凹凸实验室,也叫O2,是一个设计师、程序员都可以看的网站。它会分享一些交互、页面的设计与制作技巧,还有前端开发、APP开发等方面专业知识及案例。懂点技术,不仅能为自己的设计工作增添便利,也能提升职业竞争力。
10.优设网
一个与大师零距离接触,一线设计师、总监的干货分享地
国外
1.Pixabay
Pixabay是一个充满活力的创意社区,分享免费的图片和视频。所有的内容都是在Creative Commons CC0下发布的,这使得它们可以安全的使用,而无需为创作者署名——即使是出于商业目的。
2.StockSnap
StockSnap是一个可以自由下载的高清图片素材库,所提供的资源相当实用。搜索出来的结果,还可以按照下载量、收藏量、浏览量等数据进行排列,让你更快得找到好素材。
3.PSDRepo
3、推荐个设计网站很全的网址
不错,谢谢分享!
4、如何三分钟快速设计网站
一般的套路是:
定位:你要设计什么样站。
借鉴:参考行业前三名的网站设计风格。
设计:融合借鉴的网站形成自己的网站。
5、线上图片简单设计网站有?
目前市场上这类产品比较少,可根据自身的要求选择一个自己喜欢的网站进行编辑
6、最齐全的设计网站
是关于设计还是网站啊
设计我经常去的是站酷
网站去的是酷站
7、如何快速制作网页
先从最简单的 HTML 网页入手;选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具;制作前,粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程,了解这几个软件到底能做些什么;制作你的第一个实验性的网站, 遇到困难,可买本《新编网页制作》的书,找最新版本的,新华书店就有。资料网上也有的是,如果遇到问题难以解决,请将问题提出,让更多高手为你解答; 初级阶段:应初步掌握 三剑客网页工具的基本操作:策划和制作你的第一个网站;不断为你的网站增加内容与功能(例如尝试将一些 Java Script 小程序添加到你的网页中。 进阶阶段:具有一定的网页制作经验,制作一般的网页已经不在话下:根据个人喜好及实际需要,网页制作的方向,你可以学习一些美术方面的知识;锻炼自己在网站策划及信息采辑的技能;尝试制作其他不同类型的网站,从模仿别人开始,逐渐形成自己的设计风格;熟练操作 三剑客网页工具,并至少能读懂 HTML 及 JavaScript的简单语言。 好了!这样,你的网页制作水平就离高手就不远了。 祝你成功!
另外还有
(一)主页的制作:
1、首先进入需要制作网页后,密码进入点击制作网页;
2、进入在线编辑;
3、起动浏览器;
4、进入其他人网页主页;
5、点击其他人网页内容;
6、点击右键出复制;
7、内容编辑(下面);
8、点击左键粘贴;
9、修改不合适内容;
10、选颜色;
11、输入文件名;index
12、点击完成;
(二)怎样进行超级连接?
一、相对连接:(内部连接)
第一步:先进入进入成员专区,打开网页制作系统;
第二步:如果是连接你本网页著作系统已上传的文件,首先打开需要被连接的文件,点地址栏,变为兰色,再点右键点复制;
第三步:进入第一页(主页)改内容,找到原先设定的目录选中此目标;
第四步:点插入连接,出现对话框,点右键点粘贴,再点OK
第五步:选中背景颜色,点击完成即可。
二、绝对连接:(外部连接)
其他文件(本硬盘已存或别人网站等)怎样进行超级连接?
其他步骤基本相同唯一不同的是:首先选中你所存硬盘或别人网站地址栏内的目录。
(三)怎样把照片搬到自己的网页上
一、上传 选择法:
1、先把要般的相片存在软盘上,(非中文文件名)
2、上传到40兆空间
3、打开网页制作改内容,
4、指定放相片的位置,
5、按插入相片按钮,点“选择”;
6、选背景颜色,按完成。
二、复制 粘贴法:
1、选择相片右键点“复制”,
2、进入网页改内容指定位置,
3、点击“粘贴”即可。
动画的提取大体与上相同