对于很多刚入行的网页设计来说，总有很多迷惘和不安，特别是在设计过程中，遇到反复修改，更是有想揍人的冲动，有句话怎么说来着，每一次网页设计师背后，都有一群指点江山的大神。下面是小编整理的网页设计的步骤，希望对你有帮助!

　　② 在网页编辑窗口，单击“文件”—“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”;

　　① 单击菜单“插入”—“图片”—“来自文件”，弹出打开图片对话框，选择所要插入的图片;

　　② 单击“插入”—“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”;

　　④ 在文本栏内输入比如“你好!欢迎访问我的个人网页……”，单击“样式”—“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小;

　　② 单击“插入”—“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框;

　　③ 单击菜单“格式”—“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。

　　④ 复制水平线;单击菜单“编辑”—“复制”;重复三次：单击菜单“编辑”→“粘贴”，绘制水平线。

　　① 在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字的文本和大小，居中;分别填写你自己需要的内容;

　　② 移动光标至第二条水平线首;敲击回车键，使第一条水平线与第二条水平线之间留出空行;

　　③ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;

　　⑥ 在第四条水平线下添加一个的表格，表格文字居中;并在表格中分别填写内容。

　　⑧ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;

　　网页制作步骤⑹ “我的学校”制作 在第二条水平线下添加文字：“我的学校”，另起一行添加学校介绍并设置字体。

　　① 移动光标至第三条线首;敲击回车键，使第二条线与第三条线之间留出空行;输入文字“我的学校”，回车另起一行;

　　② 输入或复制所需要的文字。光标定位到网页文件“我的学校”下一行行首;粘贴学校说明文字。

　　网页制作步骤⑺ “所有城市”制作 在第三条水平线下添加文字：“所有城市”，另起一行，添加两张图片。

　　① 移动光标至第四条线首;敲击回车键，使第三条线与第四条线之间留出空行;输入文字“所在城市”，回车另起一行;

　　② 插入图片：单击菜单“插入”—“图片”—来自文件”，弹出打开图片对话框;选定所要的图片然后单击“打开”;

　　① 指定书签：选定第一条水平线下的文字“我的学校”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第一个书签设置完成。

　　② 选定第二条水平线下的文字“所在城市”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第二个书签设置完成。

　　③ 选定第四条水平线下的文字“友情链接”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第三个书签设置完成。

　　④ 添加网页内第一个链接。选定第一个表中的文字“我的学校”;单击菜单“插入”—“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“本文档中的位置”;在书签中选择“我的学校”标签;

　　⑤ 添加网页内第二个和第三个链接，参照第一个链接进行设置。 添加Internet链接。

　　⑥ 添加第一个链接：选定第四条水平线下表中的文字“百度”;单击菜单“插入”→“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“原有文件或网页”;在“地址”栏内填写如：。

　　⑦ 添加第二个、第三个、第四个和第五个链接，参照第一个链接进行设置。链接设置完成。

　　③ 单击“颜色一背景”—“其他颜色”，打开Windows颜色对话框;选择淡黄色后单击“确定”，背景颜色插入完毕。

　　网页制作步骤⑽ 保存网页 单击菜单“文件”—“保存”，保存以上修改内容。退出FrontPage 2003。

　　② 单击菜单“文件”—“打开”，弹出打开对话框;选择“我的文档”下文件“index.htm”，

　　网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。 你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

　　明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就 越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

　　一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内 容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就 熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

　　尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网 页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework 、Photoshop等；动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。

　　3、选择制作网页的工 具软件,比如PageAdmin系统、shopex系统、discuz系统这些,当然还有很多优秀软件,大家可以在以后慢慢接触到。

　　4、如果你作好了页 面，就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用(有发布空间的标志是 你有了FTP 账号，这个需要申请)，也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己)。

　　材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。 所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内 容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。

　　网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户,让他们来浏览。

　　网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　网站制作要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了，草扑建站整理发布，只有不断地给它补充新的内容,才能够吸引住浏览者。

　　设计任何网站类型，恰到好处又吸引眼球的图片总是非常重要的。虽然读者通常只关注网站的内容，但吸引人的相关图片也可以起到对内容补充的作用，同时也增添了美感。不过，在网页中使用图片元素时，不管它是静态还是动态图片，都要注意颜色的搭配。颜色使用过多容易造成视觉混乱，使用单一颜色往往会产生强烈的视觉冲击。

　　毫无疑问，简洁的网页设计成功的先决条件之一就是做到整洁有序。设计师在网页中熟练地添加flas，视频，3D图形等多种元素的同时，不过应尽量避免过度使用这些元素。如今，大家都经常使用各种便携式设备浏览网页，因此也应该充分考虑到移动网络用户的需求。在网页设计中，Bsport体育应该小心，准确地处理页面的边距和空白。但是，空白间距过多会让网站失去吸引力。因此维持设计过程中的流动性非常重要，切勿过度使用。

　　任何与设计的相关工作，小细节都发挥大作用。网页设计也不例外。想要成功设计出简洁的网站，你需要“第三只眼”来监控这些小细节。网站的边框，投影，高光和纹理等元素容易让浏览者印象深刻，但设计师们往往却忽略了这些小细节。在某些情况下，忽视动画和图片的优化问题会影响到网页图像质量。为了设计出最佳的网站图片，可在Photoshop中启用“对齐到像素”(Snap to Pixels)，对图片进行适当的优化。网页中内容排版错乱时有发生，这会从视觉上降低内容的吸引力，影响读者阅读。

　　简洁的网页设计成功离不开排版，排版应该获得和图片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为网站页眉和内容选用合适的字体是必不可少的，无衬线字体(sans serif)和有衬线(sans serif)字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。

　　任何网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些网站更钟爱纯色。如果你的网站非得要使用纹理和渐变色，也不要用得太过火。

　　你对网站设计满意时，认为一切都趋于完美，这时，你可以通过实际试用来测试它的使用性。不妨站在局外人的角度，客观地对网站作出评价。在网站发布之前，你可以询问一下跟网站设计无关的人的看法。保持网站导航的直观性，避免使用的导航元素让初次访问者和技术新手产生挫败感。