破洛洛首页

破洛洛论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 16949|回复: 41

[原创] 【整理】网页设计制作步骤+流程+技巧+常用素材和JS特效(陆续更新...)

    [复制链接]

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

发表于 2012-6-3 16:23:03 | 显示全部楼层 |阅读模式
-===网页设计的方法过程,初学者入门===-



整理中.......还有哪些需要,请回贴


零、系列教程
1> div+css网页标准布局学习教程
2> 网页设计之基础篇-HTML
3> CSS样式表基础






一、PS设计网页
1> PS设计网页页面教程
2> 设计网页按钮教程
3> 字体设计教程






二、页面切图
1> photoshop切片结合dreamweaver拼接教程
2> PS切图+CSS布局教程





三、CSS布局网页
1> 网页制作入门:Div+CSS布局入门教程
2> PSD模板转DIV+CSS网页布局







四、配色
1> 配色知识入门
2> 设计师学习颜色 电子色谱
3> 色相环 配色 视频教程







五、Dreamweaver常见问题
1> Dreamweaver在utf-8编码下光标位置点不准不对位解决方法
2> Dreamweaver代码不自动提示的问题







六、技巧
0> CSS命名规范和CSS书写规范及方法
0> web标准化设计:常用的CSS命名规则
0> css命名规范及如何命名
0> 网页制作:CSS细节优化集合
----------------------------------------------------------
1> 在 IE6 下让PNG图片透明的常见方法
2> 最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法                    
3> 最新ie6/ie7/ie8/ie9版本的Css if hack条件语法操作说明
4> 前端设计IE6/IE7/IE8/IE9/FF问题汇总
5> 各种CSS bug与技巧
6> 让IE6支持position:fixed
----------------------------------------------------------
7> div ul dl dt ol的解释
8> dl dt dd模拟表格实例
----------------------------------------------------------
9> 网页中CSS的细节处理大集合
----------------------------------------------------------
10> js 解决两列、三列自适应高度
----------------------------------------------------------
11> Photoshop对网页设计中UI的一些心得技巧教程





七、优化SEO
1> SEO教程:网页h1、h2、h3和strong标签
2> 实例分析heading(h1,h2,h3)标签在SEO中的作用
2> 浅谈提升网站访问速度的终极指南






八、CSS文字排版
1> first-letter实现首字下沉
2> 网页制作:CSS细节优化集合





九、在线工具
1> 网页设计师福音:CSS网格布局生成器
2>

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

 楼主| 发表于 2012-6-3 16:24:13 | 显示全部楼层

 

 

-===常用网页效果===-

 

 

 

● 所有效果查看地址:点击打开

 

 

 

 

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



● 自动滚动的jQuery幻灯片代码

 
地址:
http://www.poluoluo.com/jzxy/201106/136154.html


● JavaScript 图片切换展示效果
 
地址:
http://www.poluoluo.com/jzxy/jscode/js-0198/

 

● 淘宝商城多格jQuery焦点图
淘宝商城多格jQuery焦点图 
地址:http://www.poluoluo.com/jzxy/201203/161966.html



 

● 网页常用幻灯片效果

   四款效果

1104250959f9c90ae780e0fafe.png

下载地址

地址:http://www.poluoluo.com/jzxy/200808/jscode/code10/

地址:http://www.poluoluo.com/jzxy/200808/jscode/code84/

 

 

 

 

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

● 常用手风琴下拉菜单:用于后台菜单等其它



http://www.poluoluo.com/jzxy/201203/161969.html





- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

 

● 图片无间隙向左、向右、向上、向下滚动大全

 


  

效果地址:http://www.poluoluo.com/jzxy/201103/111019.html

 

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

● 鼠标移到图片,边框变色,CSS HOVER效果 

 


  

 

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

● JS控制点击按钮图片向左或向右循环移动滚动效果

  
1104221150d5883d742b93964d.png   

效果地址:http://www.poluoluo.com/jzxy/201104/115037.html

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

 楼主| 发表于 2012-6-3 16:24:16 | 显示全部楼层
占位编缉
回复 支持 反对

使用道具 举报

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

 楼主| 发表于 2012-6-3 16:24:23 | 显示全部楼层




-===常用字体===-




● 所有字体打包下载地址:http://www.poluoluo.com/sc/font/






- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



57款中国风字体下载古风字体打包下载





- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



蒙纳字体打包下载(147款)_网页专题广告常用字体





- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



设计师常用字体打包下载_PS设计师常用字体系列二






- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -




04像素体数字英文字体_PS网页设计网址常用字体



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



汉仪字体库PS字体打包下载_PS常用字体




- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



华康字体库打包下载_华康可爱字体PS常用字体




- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



雅坊美工字体打包下载10款_PS常用字体




回复 支持 反对

使用道具 举报

903

主题

1714

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主论坛元老

 楼主| 发表于 2012-6-3 16:24:25 | 显示全部楼层
占位编缉
回复 支持 反对

使用道具 举报

102

主题

598

帖子

2329

积分

版主

Rank: 7Rank: 7Rank: 7

社区QQ达人活跃会员优秀版主优秀男会员

QQ
发表于 2012-6-4 16:39:44 | 显示全部楼层
:lol 占个位置
回复 支持 反对

使用道具 举报

31

主题

224

帖子

909

积分

web版主

Rank: 7Rank: 7Rank: 7

社区QQ达人优秀版主优秀男会员

QQ
发表于 2012-6-7 12:28:17 | 显示全部楼层
好帖必须顶
素材家园  www.sucaijiayuan.com
回复 支持 反对

使用道具 举报

0

主题

1

帖子

7

积分

新手上路

Rank: 1

发表于 2012-6-15 17:41:37 | 显示全部楼层
此贴该火,好好看看。
回复 支持 反对

使用道具 举报

25

主题

902

帖子

1411

积分

高级会员

Rank: 4

最佳新人金会员

发表于 2012-6-19 13:20:37 | 显示全部楼层
收藏了,真是太好了
回复 支持 反对

使用道具 举报

0

主题

7

帖子

33

积分

新手上路

Rank: 1

社区QQ达人

发表于 2012-6-24 17:02:03 | 显示全部楼层
恩恩  不火不潮啊。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|破洛洛 ( 黔ICP备14000367号  |版权声明

GMT+8, 2018-11-16 22:00 , Processed in 0.266555 second(s), 39 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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