制作个人网页的设计思路
网站设计，包含的内容非常多。大体分两个方面：
一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；
另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。
这两方面相辅相成，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：
1.定位你的网站主题和名称；
2.定位你的网站CI形象；
3.确定你的栏目和版块；
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的窍门
8.色彩的搭配
9.效果与速度
10.替浏览者考虑
11.细微之处见功力
12.建设完成度与推出时间
13.交互性与亲和度
14.考虑不同的浏览器和分辨率
15.字体的设置和表格的嵌套
16.新技术的运用取舍
17.设计好你的banner和位置
如何创建个人网页
转
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.
要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。
二、开始制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。
三、将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了。
需要一份html教程的网页制作，主题是我的个人网页，
这是我在大学学的知识
给你借鉴一下 ，希望对你有帮助
网页设计教程
《html》文字操作（一）
1、段落 《p》……《/p》
在dreamweaver设计界面中，enter（回车）即为另起一段。
2、换行 《br/》
在dreamweaver设计界面中，shift+enter即为另起一段。
3、标题1~6 《h1》……《/h1》
标题1最大，依次变小。
4、空格:
Dreamweaver 只允许一次空格，如果需要使用连续空格，则需要设置，或使用 ；
或使用快捷键：ctrl+shift+space（空格键）
5、水平线 《hr》
size:水平线的粗细
width:长度
align:对齐方式
《htlm》文字操作（二）
一、几个文字特殊效果
1、加粗《b》《/b》 《strong》《/strong》
2、倾斜《i》《/i》 《em》《/em》
3、上标《sup》《/sup》（适合用代码来实现，设计中无法完成）
4、下标《sub》《/sub》（适合用代码来实现，设计中无法完成）
随着css的逐渐普及，文字的效果都更多的通过css来实现，以上的几个标签作为了解即可。
二、文字列表
1、无序列表
无序列表有两个标签《ul》和《li》
《ul》
《li》CSS教程《/li》
《li》DOM教程《/li》
《li》XML教程《/li》
《li》Flash教程《/li》
《/ul》
2、有序列表
有序列表有两个标签《ol》和《li》
《ol》
《li》CSS教程《/li》
《li》DOM教程《/li》
《li》XML教程《/li》
《li》Flash教程《/li》
《/ol》
图片
一、如何获取图像
最好的途径是通过互联网
二、使用设计界面插入图像
1、菜单（一个图片属性：替换文字）
2、工具栏
3、拖曳
三、图像格式扩展阅读：
（5-10）
fixed：背景不动，内容动；scroll：背景和内容一起滚动
6、背景图片的综合样式：background：blue url(……) no-repeat fixed 5px 10px;
7、列表样式：list-style：
-个人网站首页设计
