HTML源文件于图片与网页设计的关系是密不可分。

图片与网页设计的关系是密不可分的，既然讲到设计，就不能没有图片的设计，从网页设计的架构来讲，每一张图片所扮演的角色，都代表的网站无限的延伸，从网页整体区块的小图示，大到广告图示，都代表着网页设计的精神意涵。如果不善加应用网页图片的配置与设计，对整体的网站设计视觉上来讲，也是只是添加更大的负担。我们曾经提到网页的图片大小会影响下载的速度，美编虽然设计的很诱人，放置于不适当的位置或是太多，都会影响网页下载的速度。但是网站上如果没有图片的设计，又会显版呆板乏味，对用户来讲又会「不具吸引力」，通常我们在网页设计图片的同时，皆会考虑它的图档大小与档案格式，大部份会使用jpg或gif格式，这两种档案格式皆是压缩的图片格式，不过也不能压缩过多，使用在6-9之间是正常，如果压缩过多图片的品质也会失真。通常网页设计的小图示，例如区块的边边会使用转角的线条图，大部份会使用gif图档，因为gif的图档只有256色，图档大小较小，但你一定会说小的gif怎会影响网页下载的速度，有些流量较大的网站对于网页图档的配置是会斤斤计较的，如果一天有几万人浏览，如档的大小是不是要特别留意，现在css的使用已能解决区块边线图的问题了，这又就能解决一些小图档所增加的负担。

除了网页区块线图之外，不外呼就是选单设计的图片了，通常较有美感的选单，大部份会使用图片去设计成选单的底图，不过这是比较花俏一点的做法，目前的流行仍然会使用css的网页设计应用，去设计选单的运用。很多css的应用，对于区块的美编配置已能迎刃而解，对于网页设计来讲已是大大的解决网页美编设计的问题。css真的能应用到网页设计的很多方面，不过它的应用仍然是要多加思索的，因为css广泛应用在网页编排与颜色的关系，对于网页设计上是能大大的改善配置上的问题。

有了一个HTML编辑器和一个空间并不能说马上就可以网页设计了。开始编写网页设计的文字、寻找图像和进行HTML标记之前应该先把基本的网页设计架构组织好。如果没什么要说的，就什么也不要说。要是开始的时候在脑子里没有一个相当明确的架构，那几乎肯定会以一团糟而告终。网页设计一开始要谨慎一些，然后不停地学习，不停地改进。卸载一些你喜欢的网页设计页面，

核对HTML源文件看它是怎样写的把它全部或部分粘贴到一个试验文件进行检验。向别人学习则是研究过程。人们第一次进入你的首页时，他们通常不是在寻找值得阅读的地方，他们可能正在寻找可供选择的东西，以文本术语说即是可用鼠标点取的词句、图像、按钮等等，接下来是阅读文字，选定一个选项，按鼠标键，下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少，访问者会觉得没意思，要是太多又会吓倒别人。因此网页设计时的拿捏是非常重要的。网页设计是透过视觉元素的引人注目而实现讯息内容的传达，为了使网页设计能获得最大的视觉传达功能，使网页真正成为可读强性而且新颖的媒体，网页设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，网页设计时应该研究各种视觉型式元素之间的距离、位置、面积和视觉流程的问题。视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体架构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种讯息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。网页设计视觉传达往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个网页设计版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视觉地带”，也就是最好的地方。