以下就是网页设计原则与制作技巧等等的介绍，希望为您带来帮助。
1、设计原则
1.1表格的定位功能
网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。
(1)网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。
(2)在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。
1.2文件的命名
网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上(用中文进行命名)。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。
1.3图像的无缝拼接
网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。
1.4个人站点中导航按钮的设计
设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。
2、制作技巧
网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛;蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。
网页设计原则及技巧
随着信息化时代的到来，越来越多的企事业单位及个人为展示自我形象在Internet上编写多媒体主页。主页(组织其他网页的网页)，业内人士有个贴切的称谓叫“虚拟店铺”，即在Internet高速公路上设置一个店铺门面，以便在高速公路上行走的人能很方便找到自己的店铺。一个WWW形式的主页可以使资料的组织与存取更加透明化，用户只需用Netscape、IE等浏览器就能浏览该主页内容。因此如何掌握原则，利用技巧设计一个独具风格、生动形象的主页在激烈的竞争中取胜值得研究和探讨。
一、网页设计原则
根据网页设计的特点和制作网页的经验，一般应遵循以下原则：
(一)提纲挈领。主页的作用好比一个精美的广告，以下内容必不可少：1.醒目的标题，即标示出你的网站。标题可以是单位和公司的名称、标语徽号或图像等;2.清楚无误的电子邮件地址和联络方法，如通讯地址或单位电话等。
(二)赏心悦目。主页又好比是一本书的封面，要使浏览者过目不忘，看一眼就能被吸引住，不仅要有精美的图像和漂亮的字款，更要层次分明，令人耳目一新，切忌杂乱无章。
(三)易于漫游。主页上的图像要力求简朴，图像愈大、色彩愈深，其下载的时间就愈长。因此，在设计网页时图象的色彩不要超过计划64种，整个页面的图像大小最好保持在20KB之内，以便画面的传送速度控制在15秒钟之内，从而使得主页运作流畅，在“时间就是金钱”的快节奏生活中，主页一定要便于查找，否则用户很难满意。如果你有丰富的信息资源要告诉用户，需编制较长的页面或使用较多的连接项目的话，最好的方法是建立多个主页，使每个主页载有不同类别的信息，若能让用户在主页上以关键字或词语查找到所需要的信息，这样定会受到欢迎。
(四)及时更新。主页制定好后，不能一劳永逸，必须不断的更新内容、变换形式来吸引用户浏览你的主页。对于编写多媒体主页的单位来说，应将更新主页的工作纳入单位的公关及资料编制管理规范中，使其常新吸引读者。
以上是作者根据自己的经验给出设计网页的四条基本原则，当然任何经验和原则都不是一成不变的，伴随着日新月异的网络技术的演进与更新，这些原则也在不断发生变化。
二、网页设计技巧
在设计网页时有许多技巧，倘若我们能将这些小技巧恰当的用在自己的Web页面上，将会使网页更具有技巧性和趣味性。
(一)输入设置密码
为了防止一些破环者在自己的站点上乱贴东西，使用密码认可证就可以控制那些添加在web上的新内容了，大多数的HTTP服务器都支持一些基本鉴定协议，不需要由网络管理管理权限就能够设置一个详细的权力许可目录。只要你可以对目录进行写入操作，就允许你建立密码保护自己。
如下建立一个叫Chance的目录仅允许那些用computer作为用户名，001作为密码的使用者进入。
首先，写一个新文件包含用户名和密码，把它存储在服务器当中(考虑到安全的原因，最好不要放到根目录)。许多HTTP服务器能让你通过htpasswd命令建立这些文件，你在UNIX的提示符下键入htpasswd - c/directory/path/.htpassword computer(其中c/directory/path/以你在系统上的真实路径来代替)。接着会提示你输入computer的密码，键入两次001。最后你应检查一下那个*.htpassword文件中是否包含一些形如computer：ylia3tjWkhCK2之类的东西。
在Chance目录中建一个*.htaccess文件设置权限，它要包含以下文本
AuthUserFile/directory/path/。Htpasswd
AuthGroupeFile/dev/null
AuthName ByPassword AuthType Basic
Repuire user cmputer
这时，你就能够把AuthName改称任何值了，当然，也可以建立多个用户名和密码(甚至一个组)。
由于基本鉴定的实现很简单，它传送密码时使用的是无加密文本UUENCODE方式，任何人都能在网络上看到这个数据包，虽然他们并不知道那个存放着密码，但把文件捉住后就能轻易的解密。所以它并不符合工业安全标准，对于重要的事情还是不要依靠鉴定协议为好。
(二)弹出提示信息
为了在打开主页之前弹出一句问候语或浏览此主页时应注意问题之类的对话框.可把下面的代码加入到中。
在alter(‘’)中加入你要说的话，每一行用
隔开，需要注意的是在程序中alter(‘’)短语应一行写完其中不能换行。
(三)强力搜索引擎
经常上网的朋友一般都要用到搜索引擎，但是制作一个出色的搜索引擎就需要具有高深的专业知识和花费足够多得时间和精力，为了使自己的页面具有较强的搜索能力，给主页加一个强力搜索引擎，可以将一下代码加入到HomePage中，得到网易――Yeah的强力搜索引擎。
网页设计与制作的基本原则与流程
1、网站的主题定位制作网站首先要考虑网站主题。好的网站不仅应该有美感、个性、创意，更要有质量。网站的内容是最重要的因素，空洞的网站对人没有任何吸引力。
(1)网站的题材目前网站的题材主要有：新闻、体育、聊天、即时信息、ICQ、社区、邮件列表、计算机技术、网站开发、娱乐、旅行、参考、资讯、求职、家庭、教育、生活、时尚、电子商务以及一些体现个人特色和爱好的网站。
(2)定位题材的建议主题最好是你最擅长并且最有兴趣的东西; 主题要小而精; 题材不要太滥或者目标太高; 体现自己的个性。
(3)网站的名称
2、资料搜集互联网的强大就是它丰富的资源，可以搜集尽可能多的资料，并根据一定的规则进行整理。还要精心设计一些别人没有的东西，已体现自己的个性。
3、结构设计
(1)栏目和版块网站的结构设计其实也就是合理的设计网站的栏目和版块。首先应突出主题;其次应该有个网站指南或更新列表之类的栏目;接着要有一个与读者交流的栏目;最后最好有个说明性的栏目，以方便网友。
(2)目录的结构设计目录的结构设计要注意以下几点：按栏目内容建立子目录; 在每个主目录下都建立独立的images目录; 目录的层次不要太深; 避免使用中文目录; 尽量使用意义明确的目录。
4、形象设计
(1)网站的标志：即设计网站的Logo。
(2)网站的标准色彩
(3)网站的标准字体
(4)网站的宣传标语
5、主页设计
6、其他页面设计
7、站点规划
(1)用文件夹来保存文档
(2)使用合理的文件名称
(3)使用模板和库
(4)使用ALT
8、定义站点
9、首页制作页面属性设置; 表格设计; 填写内容; 添加链接和交互; 添加其它内容。
10、测试
11、申请域名和空间
12、站点文件上传
13、站点的宣传
网页设计的几点技巧
1、网页颜色使用
网页设计的色彩虽然并不固定，但却与人的视觉有着重要关系，这就要看你的网站主要色调了，配色说起来容易，但却是需要有科学依据的，一般网页都有一个主要颜色线，围绕这个颜色线对网页其它位置进行配色，但不能颜色值差别太大，文字颜色也需要使用对立的颜色。从而让网页整体感觉看起来更协调，使浏览者感觉到舒服
2、广告的位置
网页上放置的广告数量一定不能太多，一般顶部或左右两边各一个就可以了，如果你的网页特别长当然也可以在网页中间位置放置多个广告。如果一个有名的网站，像新浪、搜狐、雅虎这些知名网站，主要的位置就是为了放广告，并且已经被大家认可接受了，没有任何问题。但一个新站就不行了，客户会担心，不会随意点击广告，有广告客户也不会去点击，而且客户还会把这个网站也理解成一个垃圾站
3、网页设计需要足够多的留白
网页设计就像画国画一样，留着空白的地方就像着了墨的地方一样，也是整体的组成部分，行业语叫作“计白当黑”。可见留白也是非常重要的，网页上留白的地方，同其它文字、图片、动画位置一样，都是设计效果时需要考虑进去的。从艺术角度来看，留白既可以给人带来感觉上的松驰，更可以通过这种手段向浏览者传达出设计师的思想，好的设计不仅可以通过文字、图片、特效向客户表现内容，更可以在不知不觉中利用留白来传递信息，我们应该在网页中通过留白的作用，使整个网页排版设计的跌宕起伏
4、版块设计标准比例
不同行业的网站所需要的效果是不同的，不但在颜色、图片上不同，在整体内容的分割上也是不同的，有的行业网站可能需要分成三列，有的需要分成两列，一般情况总宽度是1000px，左侧：260px，右侧：740px。如果你设计的左右两列的宽度比例不合适，可能就会给人感觉不舒服了
5、网站应该以功能和内容为主
网站做好不能到处都是闪烁的动画、变化的文字，使人看着很累，应该主要以展示图片，为客户提供有用的信息为主，但在网页不同位置穿插少量的动画或者动感的文字可以起到很好点缀的作用
