学文网网页设计的步骤
对于很多刚入行的网页设计来说，总有很多迷惘和不安，特别是在设计过程中，遇到反复修改，更是有想揍人的冲动，有句话怎么说来着，每一次网页设计师背后，都有一群指点江山的大神。下面是整理的网页设计的步骤，希望对你有帮助!
网页制作步(1) 打开软件
① 单击“开始”—“所有程序”—“Microsoft Office”→“Microsoft Office FrontPage 2003”，启动FrontPage 2003，进入网页编辑窗口;
② 在网页编辑窗口，单击“文件”—“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”;
③ 单击“保存”，则index.htm文件建立完毕。
网页制作步骤⑵ 添加标题***片
① 单击菜单“插入”—“***片”—“来自文件”，弹出打开***片对话框，选择所要插入的***片;
② 单击“插入”，标题***片插入完成。
网页制作步骤⑶ 在标题***片下添加滚动文字
① 单击回车键，使光标位于标题***片下最左端;
② 单击“插入”—“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”;
③ 单击“完成”;
④ 在文本栏内输入比如“你好!欢迎访问我的个人网页……”，单击“样式”—“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小;
⑤ 单击“确定”关闭所有对话框，添加字幕完毕。
网页制作步骤⑷ 在网页中添加四条横线
① 光标移到字幕末尾，敲击键盘上回车键，使光标位于字幕的下一行左侧;
② 单击“插入”—“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框;
③ 单击菜单“格式”—“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。
④ 复制水平线;单击菜单“编辑”—“复制”;重复三次：单击菜单“编辑”→“粘贴”，绘制水平线。
网页制作步骤⑸ 插入表格
① 在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字的文本和大小，居中;分别填写你自己需要的内容;
② 移动光标至第二条水平线首;敲击回车键，使第一条水平线与第二条水平线之间留出空行;
③ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;
④ 表格字体设置：选定表格;在格式工具栏内选定字体，字号
⑤ 填写文字：分别选定表格单元格，依次填写：你所需要的内容。
⑥ 在第四条水平线下添加一个的表格，表格文字居中;并在表格中分别填写内容。
⑦ 移动光标至第四条线末尾，敲击回车键;
⑧ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;
⑨ 填写文字：分别选定表格单元格，依次填写。
⑩ 添加文字：移动光标至第四条线末尾;敲击回车键，留出空行;输入文字。
网页制作步骤⑹ “我的学校”制作 在第二条水平线下添加文字：“我的学校”，另起一行添加学校介绍并设置字体。
① 移动光标至第三条线首;敲击回车键，使第二条线与第三条线之间留出空行;输入文字“我的学校”，回车另起一行;
② 输入或复制所需要的文字。光标定位到网页文件“我的学校”下一行行首;粘贴学校说明文字。
③ 调整文字对齐方式;调整文字字体、字号。
网页制作步骤⑺ “所有城市”制作 在第三条水平线下添加文字：“所有城市”，另起一行，添加两张***片。
① 移动光标至第四条线首;敲击回车键，使第三条线与第四条线之间留出空行;输入文字“所在城市”，回车另起一行;
② 插入***片：单击菜单“插入”—“***片”—来自文件”，弹出打开***片对话框;选定所要的***片然后单击“打开”;
③ 重复以上步骤
网页制作步骤⑻ 添加链接 添加本网页内链接
① 指定书签：选定第一条水平线下的文字“我的学校”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第一个书签设置完成。
② 选定第二条水平线下的文字“所在城市”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第二个书签设置完成。
③ 选定第四条水平线下的文字“友情链接”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第三个书签设置完成。
④ 添加网页内第一个链接。选定第一个表中的文字“我的学校”;单击菜单“插入”—“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“本文档中的位置”;在书签中选择“我的学校”标签;
⑤ 添加网页内第二个和第三个链接，参照第一个链接进行设置。 添加Internet链接。
⑥ 添加第一个链接：选定第四条水平线下表中的文字“百度”;单击菜单“插入”→“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“原有文件或网页”;在“地址”栏内填写如：.baidu。
⑦ 添加第二个、第三个、第四个和第五个链接，参照第一个链接进行设置。链接设置完成。
网页制作步骤⑼ 添加背景颜色
① 单击菜单“格式”—“背景”，弹出“网页属性”对话框;
② 单击“格式”选项卡;
③ 单击“颜色一背景”—“其他颜色”，打开Windows颜色对话框;选择淡黄色后单击“确定”，背景颜色插入完毕。
网页制作步骤⑽ 保存网页 单击菜单“文件”—“保存”，保存以上修改内容。退出FrontPage 2003。
网页制作步骤⑾ 使用IE查看建立的网页
① 单击桌面上IE***标;
② 单击菜单“文件”—“打开”，弹出打开对话框;选择“我的文档”下文件“index.htm”，
③ 单击打开，即可查看浏览效果
设计网页需要哪些步骤
一、确定主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。 你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就 越容易。材料既可以从***书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,***纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内 容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字***片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就 熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网 页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有***片编辑工具,如firework 、Photoshop等；动画制作工具,如Flash等;网上有许多这方面的软件***,你可以根据需要灵活运用。
五、确定网站内容
1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么。
2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的。
3、选择制作网页的工 具软件,比如Page***系统、shopex系统、discuz系统这些,当然还有很多优秀软件,大家可以在以后慢慢接触到。
4、如果你作好了页 面，就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用(有发布空间的标志是 你有了FTP 账号，这个需要申请)，也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己百度一下)。
六、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。 所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内 容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。
七、上传测试
网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的***告诉给朋友或客户,让他们来浏览。
八、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
九、维护更新
网站制作要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了，草扑建站整理发布，只有不断地给它补充新的内容,才能够吸引住浏览者。
简洁网页设计小贴士
选用富有冲击力的***片元素
设计任何网站类型，恰到好处又吸引眼球的***片总是非常重要的。虽然读者通常只关注网站的内容，但吸引人的相关***片也可以起到对内容补充的作用，同时也增添了美感。不过，在网页中使用***片元素时，不管它是静态还是动态***片，都要注意颜色的搭配。颜色使用过多容易造成视觉混乱，使用单一颜色往往会产生强烈的视觉冲击。
小心使用页面空白
毫无疑问，简洁的网页设计成功的先决条件之一就是做到整洁有序。设计师在网页中熟练地添加flash动画，视频，3D***形等多种元素的同时，不过应尽量避免过度使用这些元素。如今，大家都经常使用各种便携式设备浏览网页，因此也应该充分考虑到移动网络用户的需求。在网页设计中，应该小心，准确地处理页面的边距和空白。但是，空白间距过多会让网站失去吸引力。因此维持设计过程中的流动性非常重要，切勿过度使用。
开启你的像素眼
任何与设计的相关工作，小细节都发挥大作用。网页设计也不例外。想要成功设计出简洁的网站，你需要“第三只眼”来监控这些小细节。网站的边框，投影，高光和纹理等元素容易让浏览者印象深刻，但设计师们往往却忽略了这些小细节。在某些情况下，忽视动画和***片的优化问题会影响到网页***像质量。为了设计出最佳的网站***片，可在Photoshop中启用“对齐到像素”(Snap to Pixels)，对***片进行适当的优化。网页中内容排版错乱时有发生，这会从视觉上降低内容的吸引力，影响读者阅读。
选用合适的字体
简洁的网页设计成功离不开排版，排版应该获得和***片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为网站页眉和内容选用合适的字体是必不可少的，无衬线字体(sans serif)和有衬线(sans serif)字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。
为你的网站选择合适的配色方案
任何网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些网站更钟爱纯色。如果你的网站非得要使用纹理和渐变色，也不要用得太过火。
导航栏与可用性
你对网站设计满意时，认为一切都趋于完美，这时，你可以通过实际试用来测试它的使用性。不妨站在局外人的角度，客观地对网站作出评价。在网站发布之前，你可以询问一下跟网站设计无关的人的看法。保持网站导航的直观性，避免使用的导航元素让初次访问者和技术新手产生挫败感。