第一篇：个人网页排版
个人网页设计如何排版布局
有些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出来比喻。可是红花还需要绿叶陪衬。想想，若不只是单纯的文本，还有画面出来，那么它所吸引的何止现在的这些迷呢？ 那我所要说的到底是什么呢？
我们先来说说构成，“构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型”。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。网页设计的创作，就是要协调这里面的种种关系，顺应视觉 感受，才能够打动观看者的视觉，得到我们想要的效果。
在这些形形式式里，都有 着如下的部件： 点：我们一般认为，点是指圆形的，但这是不正确的。只要在空间里有非常少量的 面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形状都可以。线：点集合在一起就形成线。面：一个平面。体：一个物体。一般是指物体占据的空间，有三维形状。那么，当点、线、面与体集结在一个网页上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？
这需要网页设计师花时间去构想与策划，如果有客户找你设计网页，他老说网页设计很简，可以很快只是把东西往上面一放就可以了，再不行就现场告诉你如何摆摆位。
如果你想做出好的网页设计作品，这种单的设计你不要接了，可以交给网站制作人员直接做这种没有设计质素的单。深圳网站设计公司认为做网页设计懂得放弃某些单是你向专业网页设计师迈进的第一步，因为某些单会影响你的设计思想与策划，只要能糊口，别做廉价劳工！说回网页设计布局理论，点有集中视线、紧缩空间、引起注意的功能。两个点相距不远而且形状不等时，一般由小向大看。
近距离的点引起面的感觉。灵活运用点，可使你的页面有一些本质上的变化。当点占据不同的空间时，它所引起的感觉是不同的。
1）居中引起视觉集中注意。2）上引起下跌落感。3）在上左或上右引起不安定感。4）下方中点，产生踏实感。5）左下右下，增加了动感。
为什么会这样呢？因为人的视觉，都是经过对生活的感觉都得来的。在下方的东西，一般联想到大地。在上方的东西，一般联想到浮云。网页设计的线、面、体亦然。
线，又分为直线和曲线。直线：给人以速度，明确而锐利的感觉，具男性感。曲线，则优美轻快，富于旋律。曲线的用法各异，需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及下落趋势，可增加动感。斜线，一般我没有怎么使用，因为它造成视觉的一种不安定。据SNL网页设计公司多年网站设计经验所知，有些客户是很迷信的，平稳、安定可以代表他们公司的稳固，所以别以为太有个性的设计能取悦他们。
人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不愿意见到的，但 适当运用部梢源锏揭恍┨厥庑Ч ?这个要靠个人的感觉。面，指的是二度空间里的形。面又分为几何形和任意形，我个人比较喜欢任意形，因为它往更具人情味。几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：
（1）圆形：运动及和谐美（2）矩形：单纯而明确，稳定（3）平行四边形：有向一方运动的感觉。（4）梯形：最稳定，令人联想到山。（5）正方形：稳定的扩张。（6）正三角形：平稳的扩张。（7）倒三角形：不安定，动态及扩张、幻想。
我们在日常生活中所看到的东西，都是由于形与形、图与底的相互关 系。图形之间，图底之间，正由于对比产生差异而被我们所感知所接受。图与底的视差越大，图形越清晰，对视觉的冲击力越大，网页设计中排版也是这个道理。那么，平面上 有那么多的东西，我怎么才能够确定它是否是最主要的呢？请看：易于 成为“视觉中心”的条件：
（1）居于画面中心。（2）垂直或水平的比倾斜更易成为中心。（3）被包围。（4）相对于其它图形较大的。（5）色感要素强烈。（6）熟悉的图案，如果这件东西我们很熟，则一定会以它为焦点。
可以把自己认为最主要的东西做大一点，突出一点，色彩鲜艳一点，其它的东西小 而且色调不要那么鲜明，以免抢了主题的“风头”。但有网页设计用色方面深圳网页设计公司提醒一下网页设计初学者，对于注重企业形象的公司企业，企业用色是很严谨的，他们很可能有VI，有专用色、配色，所以在商业网页设计中网页设计师必须要求客户提供主页要求或VI资料。
第二篇：个人网页制作
个人网页制作
宣传语：如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。
二、开始制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是这样的。
三、将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
注意：一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了引用！
第三篇：个人网页设计说明文档
个人网页设计说明文档
我的个人网页包括了一个主网页“index.html”以及6个与主网页相链接的网页，再向其中镶嵌一系列的图像以及背景音乐来使得个人网页增色不少，充分运用了HTML技术进行页面结构设计、CSS技术进行页面样式展示以及通过JavaScript控制动态行为来完成规范的网页制作。主题内容以“个人的简单的信息、个人的对大学的规划以及音乐”，主题内容积极健康，生机勃勃，表现出大学生的活力与激情！
我的主网页“index.html”以CSS/DIV来对网页页面进行布局,充分运用DIV对各DIV层进行定义，全局则通过CSS进行定义，对页面的布局进行分割，将整个页面分为头部(top)、导航(banner)、内容(content)、底部(bottom)4个区域。除了内容区域外，其它4个部分都属于相对固定的区域。
首先，主页面的头部是一个“光良宣传”的图片，体现了我爱音乐、喜爱光良。接下来的是个人的信息导航，介绍个人的姓名、学号、人生规划以及简单介绍了下自己，并且大学规划和我资料处还设置了超链接，分别链接到“大学规划.html”“个人简历.html”两个链接网页；接下来的是两张新颖的图片的恰当的嵌入，并且其中一张图片中还引入了三个超链接，介绍“光良”、“软件会计”、“德智体美”，各个方面描述。。。
其次，在主网页内容上面层次非常清晰，内容主要是介绍自己对大学生活的感悟以及对大学生活的希冀，用表单中的多行文本输入框对文章内容进行编辑和创作，用