2024年网页设计长页面 篇1
想要做好网页设计，需要掌握的软件和技术还挺多的，但不建议都把这些技术掌握的很精通，毕竟人的精力是有限的，可以选择其中的一项技术来认真钻研，并达到熟练掌握运用。
一.视觉方面
如果你是设计专业或者对视觉有很浓厚的兴趣，那就可以选择做这个方向的网页设计，也就是通过设计软件，根据原型图或者草图制作高保真效果图。要做这方面的网页设计，需要掌握的设计软件有photosho,illustrator等视觉设计软件。
ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作，用处可以说相当大，学好PS就完全可以制作出精美的网页了。illustrator主要是处理一些矢量图形或者图标，辅助PS进行网页设计，这要看你哪个软件掌握的熟练，就以哪个为主。
掌握了基本的网页设计软件，下面就要多学习一些网页的基本知识，比如网页尺寸，网页布局排版等规范，这些需要长时间的练习和积累，要多看多想多做，慢慢你就会发现自己水平提高了，设计的网页也越来越专业和漂亮。
二.网页前端
这个方向的网页设计，需要掌握和精通前端html代码以及css样式js这些，也就是通过这些把ps设计好的效果图实现成可以通过浏览器浏览访问的网页页面。对代码有兴趣的朋友可以朝这个方向发展。
推荐使用的软件是Dreamweaver，方便易学，可以快速进行网页布局和css，当然随着学习的深入，你会知道其他很多前端设计软件，这里不再一一介绍。
上面介绍的是网页设计的两个方向，当然也可以两者都掌握，那就是全能型网页设计师了，很受欢迎。最好精通其中一个，另外的技术适当了解。
2024年网页设计长页面 篇2
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。
根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏用户正在稳步逐步增加，这给前端设计师的一个考验是，不能只考虑1024×768分辨率的用户了，要想想大屏幕宽屏用户的浏览体验了。
Google Reader是一个典型的内容阅读性质的网站，用户在上面阅读时间非常之长，那么，Google的前端设计师是怎么考虑这个问题的呢？
大家可以做一个实验，在19寸宽屏下，如果网站页面全文显示，铺满整屏，那么阅读的时候，眼睛需要从左转到右，才能阅读完一行，屏幕越大，这种效果越明显，因此，一个让用户大量阅读的网站，为了照顾好读者的眼睛，在大屏幕宽屏下，也不应该全屏铺开的显示文字内容。
在1024×768分辨率下，使用Google Reader时，会发现内容是全屏显示的，但是，使用19寸宽屏在1440×900分辨率下打开Google Reader，会发现这时并没有宽屏显示内容，右边留出了一大块空白，如下图显示。
使用工具测量宽屏下Google Reader的内容显示像素，结果是955个像素，很有趣的数字。
我在《更改博客页面宽度到960像素》一文中已经提到了，现在的网页设计的行业标准应该就是950/960像素宽度，这个宽度应该是人眼在不转动的情况下能看到的极限了，实际阅读区域正文的宽度是650像素，Google Reader的这个设计很有意思。
在Google搜索引擎中，搜索结果的显示宽度确是另外一个数字580像素，这是又一种内容宽度设计，Google这么做的原因估计是为了更好的显示右侧广告。
我的博客最初使用的是778像素这个宽度，在2008年的那次改版后，修改为878像素宽度，主要是为了修改方便，直接加了100像素，正文区域的阅读宽度是668像素，左侧侧栏宽度是200像素。不过，今年的改变，我的博客的整体宽度修改为960，正文区域的宽度是728像素，728的宽度仅仅为了好放Google AdSense而已。