第一篇：制作个人网页的步骤
■制作个人网页的步骤
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如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将你所有的主页文件上传至主机指定的目录就可以了!
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题，只要把位置改动一下就可以的了。
参考资料：http:///xhelp/
第二篇：动态网页制作步骤与感想
感想
我觉得网站设计的发挥空间是无限广阔的。
首先互联网走进千家万户了，人们上网机会多了，网站是直接给客户浏览信息，和客户面对面交流的基本途径，也是最直观的展现媒体。
通过丰富的各种网站流媒体，例如flash，视频，音乐 等
现今的世界是信息化的的世界，随着计算机技术和通信的技术的高速发展，互联网从而得到了长足的发展，同时使得互联网在人们的工作生活中越显得重要，成为了必不可少的组成部分。现在网上购物、远程教育、远程医疗等都是其应用的最好证明，更进一步来说互联网的应用推动了生产力的发展，改善了人们的生活水平。
互联网的应用离不开形形式式的网页、网站，要制作一个受欢迎的网页不仅要内容充足、独具特色、适合大众的口味，更需要一个引人入胜的界面，无论从排版、文字、图案、结构等要素都要组合成一个有机的整体，让网民一进入网站就能引起其注意。
“知其易而行后难”，平时在网上冲浪时是那么的自由、舍意，在享受上网乐趣时却不知要制作出一个看似普通的网页却要付出很大的努力，无论从网页设计到内容的搜集都马虎不得，可能为了某一细微之处呕心沥血。本学期学习了Frontpage并要自己来制作才知其中的难处。
从这次制作网页的过程中可以体会到，要制作出一个完整的网页首先要定好主题，我们就可以围绕该主题取材，因为我们现阶段只能是制作一些简单的网页，网页的内容与功能不可能与一些大型的网站如21CN、新浪、163等比较，如果没有了主题就变得内容空泛，根本无从着手。主题定好后就可以考虑网页的结构，有一个好的、完整的架构就像一架飞机的骨干一样，才可以保证网页的正常运行。跟着就是要采集素材，一个网页只有内容丰富、新颖及更新较快才可留住网民，这是一项长期的、艰巨的任务。至此我的网页可以说是“麻雀虽小但五脏俱全”。
万事起头难，最初要制作网页简直是无从入手，因为Frontpaeg从未用过，虽然说它的操作与Word等微软的办公软件的界面及菜单的名称差不多,但具体用起来却是有很大的不同,例如一些功能键、菜单键及其子键的用法等就与WORD有天渊之别。所以本学期学习Frontpage基本上是从头学起，由于时间有限不
能很细致的将每项功能、用法学会，可以说是只对Frontpage有个大概了解，以及可以达到什么效果，对于如何实现只能是一步一步的摸索。
网站能带给用户各种丰富的视觉，听觉体验。
一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool 3d、Gif Animator等;还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试 页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
第三篇：《网页设计与网站建设》-“十五的月亮”卡拉OK制作步骤
“十五的月亮”卡拉OK制作步骤 1 .新建一550╳400，背景：黑色的文档。
2 .新建一元件：月亮，画一黄色的圆，打开“对齐”面板，使之位于正中心。 3 .选中月亮，选择菜单“修改”→“形状”→“柔化填充边缘”，参数设置如下：距离：10px;步骤：24;方向：扩散。
4 .回到主场景，将第一图层命名：月亮，将元件“月亮”从库面板中拖出来，在150帧处插入一关键帧，并创建从1→150帧的移动渐变，再在300帧处“插入帧”。 5 .新建一“引导层”，画一平滑曲线，曲线起点位于舞台外的左下方，终点位于舞台的左上方，并使月亮在第一帧对应曲线的起点，在150帧对应曲线的终点。
6 新建一层：图片。在210帧处插入一关键帧，导入“纺织”和“兵”的图片，并将其缩小至1/3，选中两幅图片，转化成元件：图片。在280帧处插入一关键帧，并创建从210→280帧的移动渐变，并使210帧处的alpha：0，使280帧处的alpha：100%。
7 .新建一层：歌词，在200帧处插入一关键帧，在舞台的下方输入“十五的月亮，照在家乡，照在边关”，宋体，36号字，黄色，粗体。
8 新建一层：mask，新建一元件：矩形，画一550╳50白色无边框的矩形，回到主场景，在200帧处将矩形元件拖到舞台外面的“歌词”的左边，并在300帧处插入一关键帧，并创建从200→300帧的移动渐变，在300帧处将矩形拖到与“歌词”重合。
9 .新建一层：mp3，在第15帧处导入音乐moon.mp3，在属性面板的声音处选择moon.mp3，测试影片，存盘。
第四篇：简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站
一、要求：
1.使用Dreamweave网页工具制作一个个人网站;
2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计)，网页之间用超链接相连。
3.网页中要有图片和文字内容，用表格进行页面布局; 4.添加至少两种行为，并为首页添加背景音乐。
5. 在网站中设计一个表单页面。
6. 首页必须包含页面标题，动态按钮导航栏。
首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字，不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图打开Dreamweaver软件，得到图
做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。
选择站点——新建站点。
我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面
点选高级，得到界面
站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs
接下来选择左侧栏里远程信息
点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器，
点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。
下面看老师的第一条要求，是要至少四个网页，那我们就做四个
单击新建，然后单击
接下来，选择
然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者
1、
2、
3、4，当然一个网站默认的索引首页名为index，这里也用index，
单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认为index.html，其他三个网页的名字分别为a.html、b.html、c.html，我们这四个网页文件已经保存在我们建的文件夹里。
站点中已经有了四个文件。
接下来，我们开始编辑index.html。
单击index.html，显示为当前页面。
单击拆分，
然后我们看这个个网页就叫张三之家了，同样的方法给其他三个网页改名字。 A网页标题
，这个就是网页名字，我们以张三为例，这
，这样老师的第六条我们就完成一半
B网页标题
C网页标题
改好名字之后，一一保存，这个不多说了，接下来操作index.html。
显示首页为当前编辑页面。
首先为index.html页面添加背景音乐。
大家在代码视图里找到
，这个是什么意思就不解释了，我也不知道，就是这个了，在后面输入代码，
然看见这张图片上，
我光标指在哪里了吧，单击空格键，这个时候注意输入法要为美式键盘字母格式，只要不是汉字就行，得到一个菜单，单击src选中，然后单击enter建，这个时候紧跟着src会出现一个浏览，单击浏览，然后出现对话框，选择一首音乐，然后单击确定，
会继续弹出一个对话框点击是，保存到自己建好的文件夹里面，注意这里不能用汉字做音乐名字，必须改成字母或者数字
我是以beyond的歌为例，名字改为by，点击保存背景音乐就添加好了。 大家可以看一下，在站点目录下，已经有了这首歌曲。
接下来开始设计页面布局 这里用表格布局， 这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操作，
下面大家点击常用里面的表格，就是下面这张图片
中的这个图标
得到对话框如图所示数据： 单击确定，得到如下界面
这个插入的表格式可以自动调整大小的，大家可以自己试一下，接下来用这些表格布局，给大家看两个图标， 这个图标就像是excel中那个合并和拆分单元格是一个意思，左边那个代表合并单元格，右面那个代表拆分单元格，excel大家都会把，就和那个布局差不错，我做一个简单的布局，为了方便，我把这个表格缩小，
这个布局很简单，第二行全部合并，第三行第二三列合并，大家可以根据自己的需要进行拆分合并，还可以在表格里面再次插入表格。
宽度和高度的设置时在代码里找到，之后把它变成
height=””>，其中align表示表格位置，height表示表格高度，大家可以根据自己的需要来填数字，默认是以像素为单位的。
接下来制作导航，这是老师第六条中的第二个要求， 注意我在这里给了两种方法，大家可以先看一下，再决定选择哪种
我没看懂什么叫动态按钮导航条，不知道是让这个字动呢，还是让这个字动呢?如果大家嫌麻烦，就直接输入汉字，结果就是下面这样的
如果要文字居中显示可以将这四个框同时选中，然后居中
在水平栏里面选择
以后所有的文字格式都可以在这里面选，但是首先要选中自己所要操作的文字。
创建链接，选中首页两个字，然后单击右键——创建链接，选择index.html，然后以同样的方法，给其他三个栏里的文字做链接，创建链接的文字会有下划线，同时改变颜色
如果大家不嫌麻烦，教大家用flash做一个动态的按钮导航，
把光标放在第一行第一个栏里，然后
这个常用栏里的flash按钮，单击后面那个小三角，选择flash按钮。 得到对话框
我们可以看到这个按钮的样式是可以自己选择的，大家随意选择一款自己喜欢的按钮，
然后在按钮文本栏里，填入首页两个字，字体设置随意，然后链接
这个栏里填入index.html，注意这里的链接就是超级链接，当你点击这个按钮的时候，它就会显示主页，我们设置后面三个按钮的时候，一定要记得，当你文本栏里填入个人简介字的时候，那你的链接就要指向简介那个页面，我们这里就是a.html。其他像什么背景色之类的随意，
然后单击确定。这样第一个按钮就做好了，接下来我们自己做剩下的三个按钮，注意链接问题，大家做好后，可以看到自己站点内多了四个swf格式的文件，这四个就是按钮，
保存的时候，有一个文件问是否要保存，一定要点击是，不然flash不运行了。
大家可以回到自己的文件夹里，打开首页，测试一下，是不是单击这四个按钮会指向自己所设置的网页，
然后我们给第二行设置背景颜色，以有弹出颜色选框，大家随意选择自己喜欢的颜色
单击背景颜色后面那个方框，可
接下来，完成老师的第五个要求，制作表单，这个把光标指向第三行第一个栏
选在表单选项中的。也就是第一个按钮，这时得到界面
我们把光标指向红线里面，输入“用户名：”然后点击表单选项中的第二个按钮弹出对话框，选择确定，得到界面
同样方法换行输入密码
再次换行，单击表单选项中的按钮项输入两个按钮，
然后选中第一个按钮，得到以下属性
将值后面栏里的文字改为登录，同样方法，把第二个按钮的值改为注册，
。
接下来插入文字和图片，在现在的第二行第二列里操作
把光标指向第三行第二列，选择常用栏
选择这个栏里的图像按钮，弹出对话框，这时大家选择自己电脑里的一张图片，单击确定后弹出对话框，问是否保存在站点根目录下，单击确定，这时候需要注意的是，图片名字不能有汉字，图像标签和辅助属性那一栏不用管，单击确定即可。
接下来就是输入汉字了，我们在图片的后面先输入汉字，可以看到这样的显示，
上面还空了很大一块地方，似乎不太好，不符合图文混排的规矩，
大家单击图片选中，在属性栏里找到找到到对齐那一栏，在后面点选左对齐，
得到最终图文效果是这样的。
第四行还有四个栏，大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容，这里我就不写了。
实际上做到这里，我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢，怎么办啊，后面三个网页大家还没做，教大家一个简单的方法， 大家把鼠标指向了。
这个栏的左边，在表格和边框之间，我们可以发现，鼠标斜向右首先单击鼠标左键，选中这个表格然后不要移动鼠标，同时单击右键，单击拷贝，然后这个表格就拷贝好了，打开其他三个页面，分别粘贴过去，图像属性描述不用管，取消，这样做的好处是它的好处非常多。
大家打开a.html，这个是个人简介，就是一个图文混排了，图文混排我们已经讲过了，更何况我们这个页面里已经有了图文混排了，大家可以换一张图片，换一些文字，做一些自我介绍什么的，都可以。，但是我们最好把那个表单删掉，哪个是表单就不用我说了吧，
就是这个了。删掉之后，选中第三行三个栏，合并就好了， 第二个页面就做好了，
接下来我们看第三个页面，b.html，这个页面是个人相册
这里我同样分两种方法给大家讲， 第一种方法很简单。就是插入几张图片，
现在第三行剩下三个空栏，每个栏里插入一张图片，景色也好，其他也罢，然后加上图片说明，一切搞定，这个我就不写了， 第二种方法还是用flash做相册，首先大家合并第三行三个栏。
并将光标指向第三行，
然后单击这个图片中的插入记录——媒体——图像查看器，之后得到这样的界面
注意这个是可以调节大小的，看你想要多大的相册了。 单击选中，
我们会发现右面多出这样一个界面flash元素
在其中找到
然后单击后面的img1那里， 会发现后面多出一支笔，单击那个笔，弹出对话框
单击减号，将img1三个删掉，然后再单击加号，会多出一个文件夹标志，单击文件夹标志，然后弹出对话框
在自己电脑里选择一张图片，将图片保存到站点根文件夹下，还是那个问题，名字中不能有汉字，添加好第一张图片之后界面如图
大家可以多添加几张图片，这样一个相册就做好了，单击确定。 接下来就剩下第四页了，就是写几行文字的事情了，
把表单和图文混排都删除，然后合并三个栏，然后添加一些文字，搞定了。 这四个页面都做好了，我们还有一项任务没有完成，那就是给页面添加两个行为
下面我们讲添加行为，
打开首页，单击图像选中，然后找到一下命令，
看到行为面板下那个醒目的加号了吗 单击加号——交换图像，弹出对话框
单击浏览，在自己电脑中找出一张图片，单击确定，存放到站点根目录下，
这样第一个行为就完成了，当我们鼠标滑过这张图片的时候，就会变为另一张图片。 下面添加第二个行为，我们将光标指向第二行蓝色背景哪一行，然后单击行为面板下的加号——弹出信息，得到对话框
写上你好，单击确定。这样在我们单击蓝色地带的时候，就会弹出你好信息框。
第五篇：个人网页制作过程：
制作个人网页的目的就是向大家介绍自己，我制作个人网页的过程如下
(1) 首先是熟悉并熟练一款网页制作软件的使用方法，这样制作出来的个人主
页才不会显得粗糙，我选择的是frontpage，这款软件比较适合于初学者来使用。虽然在制作效果上也许会逊色一点，但是其优点的是比较容易上手。
(2) 其次就是选择素材了，网页上那些好看的背景还有点缀以及一些装饰，标
志性的图片，元素都是需要自己来选择的。选择好了这些图片元素会为你的网页增添很多生气。这里介绍一个比较好的网站。我的所有图片元素以及背景都是从这里面找的。
(3) 所需要介绍的当然是自己的个人信息，包括自己的基本信息以及自己的爱
好，工作以及一些零碎的感悟。这些都是要在网页里面表达出来的文本信息，所以必须要实现准备好。
(4) 现在就是需要布置自己的网站了，我的计划是用多页面网站来介绍自己，
制作个人主页。首先必须有一个主页，里面是我的基本信息，然后有几个选项，分别超链接我的爱好，我的工作以及我的感悟。在下面会有三个子网页，分别就是我的爱好，我的工作以及我的感悟。出去剩下的两个不在超链接以外，我的爱好会再向下借三个子网页，分别是我喜欢的歌，我喜欢的书和我喜欢的电影。
(5) 有了明确的目标就开始着手制作，在上面那个网站里下载的背景和矢量图
都是需要加工的，需要利用绘图工具把需要的元素从整个照片里抠出来，把不需要的多余的部分擦除，在这个时候什么图片需要放置在什么地方用来做什么已经有一个大致的想法。
(6) 没有用其他的网页制作工具，frontpage里面需要事先插入表格，将图片
文本信息填到适合的表格里，这里面的布局工作就需要自己动手了，以个人爱好而定，里面遇到了不少问题，但都最终被我解决了。这里面插入图片需要在插入选项里面选择插入图片，设置背景则是在格式选项里选择背景，背景图片也要在绘图工具里设定好尺寸。一开始我选择的网页形式是新建一个只有一个网页的网站，后面的子网页可以在网站里新建网页来实现。