导航:首页 > 万维百科 > 如何制作一个基础网页设计

如何制作一个基础网页设计

发布时间:2020-09-02 14:19:34

1、网页设计,怎么做?

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。

二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。

三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。

六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

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

八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

2、怎么自己做一个小网页

先找一个可以免费提供页面的网址,之后用网址制作软件做好你需要的网页,上传既可专,添加音乐或者属图片可以用其他网站的连接。如果还有不清楚的可以来问我。
推荐制作网页软件:Adobe Dreamweaver CS3
免费网页连接就自己找了
如果不会上传还有简单方法,直接复制代码上去一样可以

3、零基础的人如何自己制作网页

网站分为静态的和动态的,也就是网站设计和网站编程。

先说设计,主要使用网页三剑客:]

网页设计用网页三剑客了。

学以致用——网页三剑客MX 2004中文版典型实例教程
http://book.jqcq.com/proct/570852.html

本书通过丰富而典型的实例,详尽介绍了MacromediaStudioMX 2004中文版在网站建设、网页制作、动画制作、网页图形图像设计方面的应用。全书共分四章,前三章分别讲解DreamweaverMX2004、FireworksMX2004和FlashMX2004的应用实例,从最基本的工作环境、菜单命令、工具 ...

然后是网站编程

ASP:

ASP程序设计
http://book.jqcq.com/proct/583309.html

本书对ASP动态网站编程作了系统的介绍,全书分成四大部分。第一部分为环境配置与ASP编程基础,介绍ASP+SQL Server平台的配置,以及HTML、CSS和VBScript语言的使用。第二部分为ASP数据库程序设计,介绍了ASP操作Access和SQL Server数据库的三大基本格式,以及如何读?...

ASP程序设计教程
http://book.jqcq.com/proct/582390.html

ASP是一种服务器端脚本编写环境,其主要功能是把脚本、HTML、组件和Web数据库访问功能有机地结合在一起,形成一个能在服务器端运行的交互、动态且高效的Web应用程序。全书共8章,内容包括:ASP基础、HTML语言、VBSCRIPT编程基础、ASP内置对象、ASP组件、Web数据库基础、 ...

ASP程序设计及应用
http://book.jqcq.com/proct/570812.html

ASP是开发Web应用程序非常有效的一项技术,由于其具有功能强大、易于开发和修改的特点,目前已经得到了广泛的应用。本书从实用的角度出发,详细介绍了与ASP开发相关的技术细节,内容包括Web服务器的设置、HTML标记的使用、ASP代码的编写、ASP内置对象的使用、ASP组?...

ASP程序设计教程
http://book.jqcq.com/proct/413086.html

本书遵循模仿→理解→修改/扩充→练习→检验的模式,系统介绍HTML语言、VBScript基础、VBScript对话、ASP编程以及ADO对象的相关知识,循序渐进,并通过两个综合应用实例进行总结和提高。本书各章在讲解基础知识后紧跟实例,操作步骤清晰易懂,程序完整并且均已调试通 ...

QBASIC程序设计教程(第二版)
http://book.jqcq.com/proct/393464.html

本书从计算机和非计算机专业的培养目标和教学特点出发,以全国计算机等级考试二级QBASIC 2002新大纲为基准,由浅入深地讲述了QBASIC语言程序设计。 全书共10章,内容包括QBASIC语言的基本知识,算法与流程图,顺序结构程序设计,选择结构程序设计,循环结构程序设计 ...

VB程序设计
http://book.jqcq.com/proct/368178.html

本书深入浅地介绍了Visual Basic 6.0中文企业版的编程环境、Visual Basic 6.0语言成分和程序结构、常用内部控件和ActiveX控件的功能和用法、菜单和工具栏、图形图像、文件管理以及数据应用程序的开发技术等内容,还简单介绍了Visual Basic.NET。 本书可作为高?...

PHP:

C程序设计(第二版)
http://book.jqcq.com/proct/811006.html

C语言是国内外广泛使用的计算机语言,是计算机应用人员应掌握的一种程序设计工具。本书第一版于1991年出版,全书针对初学者的特点,精心策划、准确定位、概念清晰、例题丰富、深入浅出,受到专家和读者的一致好评。普遍认为它是学习C语言的好教材,被全国大多数高校 ...

PHP程序设计与实例分析教程
http://book.jqcq.com/proct/315091.html

本书为“全面突破网络编程技术丛书”之一。本书介绍的PHP语言是一种服务器端解释的脚本语言,它根据用户请求或服务器端的数据产生动态网页。全书系统地介绍了PHP在多种平台环境中的设计方法,重点讲解了其强大的内建访问数据库的能力,以及它如何能够作为Apache Web服务 ...

JSP:

Java程序设计
http://book.jqcq.com/proct/583549.html

本书是讲述Java2编程基本知识的教材,介绍了Java编程的基本知识,并辅以大量实例讲解了Java程序的实现。全书由12章组成,分两部分来实现。第一部分从第1章到第5章,讲述Java语言的基础知识,包括Java标识符、Java运算符、表达式和Java语句、Java的面向对象编程、继承?...

Java程序设计
http://book.jqcq.com/proct/582351.html

本书和典型Java教科书之间的差别,在于本书目标不仅是介绍Java语言,还想教如何有效的编程,而且,用一种充满趣味的方式来教。有了明确的动机,学习起来会更容易。在示例设计上考虑彼此的相关性,和各种类型读者的要求。事实上,有位评论家提出警告,认为例子有时候过分 ...

JSP程序设计教程
http://book.jqcq.com/proct/430966.html

本书以JSP为开发工具,以java为开发语言,用通俗、简明的语言由浅入深出地讲解了JSP程序设计的开发方法,同时辅以大量的实例,书中所有实例程序代码均在开发环境中调试通过。同时,每一章后面都附有相应的练习题帮助读者对本章所学知识进一步理解和掌握。本书内容 ...

JSP程序设计
http://book.jqcq.com/proct/430739.html

JSP(JavaServer Pages)是目前热门的跨平台动态Web应用开发技术。本书由经验丰富的开发人员撰写,是一本通俗易懂的JSP入门书籍。书中主要介绍JSP基础知识、JSP和表达式语言(EL)、JSP标记库和JSTL、JSP指令、JSP和JavaBean、错误处理、JSP和servlet、访问数据库以 ...

希望我的介绍对你有用。

▲警告:本问题由百度知道机器人自动回答,但不能保证100%回答准确,请不要使用“在线交谈”“离线留言”“站内消息”功能询问机器人,回答结果仅供参考!

4、怎么做一个网页(网页设计作业)

jsp+美工+编程

当人们访问你的站点时,他们都会立即下意识地判断:这个站点怎么样?值不值的当回事儿?是否值的把他加入到我的bookmark中去,要知道,在网络信息的虚拟世界里,互联网提供了天下大同的机会,同时也让这个虚拟世界充斥着数不清的商业站点、垃圾站点,大多数站点缺乏灵魂、主旨,东一榔头西一棒子,松散、混乱,原因就在于缺乏策划设计。因此要想使你的网站从那些数不清的站点中脱颖而出,就必须对整个站点作好统筹安排,规划,对所有的内容进行细意斟酌,把所有的意念合情合理的组织起来设计一个合理的页面样式。下面我们就具体的来探讨一下网站策划设计.
一、 首先确定web站点的营销目标:
1)、市场调查阶段
了解一下目前internet的发展状况以及同类站点的发展、经营状况,吸取他们的长处,找出自己的优势,对市场作个调查,明确自己网站的主题,寻找一个好的出发点。
2)、你设想中的网站规模有多大?
作网站并不是盲目的想做多大就作多大,而要根据自身的现阶段能力,以及企业的规模大小,确定你的网站是小型、中型、大规模的网站,还是从小规模的开始,然后逐步发展。这主要的是关系到网站的后期维护以及网站的发展方向来考虑的。
3)、确定网站的类别,你希望网站有怎样的设计特色
根据主题、形式以及本身企业的特点,网站的设计也有不同的类别,大概可分为:以内容为主,设计为辅,注重速度这种大型的专业网站,它一般体现在专业的 icp,isp供应商制作的网站,在设计这类网站时不要太花哨,应注重信息量;第二种大多数企业为了更好的宣传自己的产品,扩大销路,使自己的产品走向世界,提高自己企业的形象而制作的网站,这种网站制作应结合本身产品特点而制作的特色网站,相对来说比较注重产品的营销;第三种是形象类的网站,一般这种网站相对体现在政府部门,作为对外一个窗口,相对来说这种网站设计比较严肃;第四种是个人主页网站,这种网站相对比较自由,不受什么约束,可以根据每个人自己的特长自由发挥。因此我们在制作主页时先明确自己的定位方向,设计出适合自己的站点。
4)、你的主要目标受众是谁?
根据网站的类别不同,目标受众也不一样,有工商业者、专业人士、学生;女性,男性;儿童,青少年,中年人,老人;还是所有的人,比如教育类的网站相对来说是目标受众是院校的老师和学生。化装类、护肤产品类的网站相对来说是女性等。
5)、确定整个网站的整体风格
其实,这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
举个简单例子。如果你在列示一二三四若干条的情况下,在每条前面用黑圆点加强视觉效果,那么其他类似地方,也应该用保持同样的风格。色彩斑斓的站点,尤其要注意风格的统一。颜色可以变,不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。
很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。
6)、你准备投入多少资金、如何经营这个网站?
对所作的网站大概的作个估价,需要多少资金,你准备投入多少资金来运营这个网站,假设网站制作好以后如何经营这个网站,是全部由自己来做,还是委托专业服务来做,自己定期指导,还是设定要求、目标完全由别人代劳。这是不可忽略的问题,如果一个网站前期作的再好,后期没人维护也是空的,就好比一条刚建好的街道,干干净净的,人们也比较喜欢来这里逛街,日久了,人走的人多了,垃圾多了这时没人来管里,这样垃圾越堆越多,走的人肯定也越来越少了。日久了也逐渐被人遗忘了。网站经营也是这个原理。
7)、根据目标框架整理出站点的内容框架以及逻辑结构图
①把目标细化以整理出站点内容框架
基本确定的目标,您就应该把目标细化,并初步整理出为达到这些目的,站点所需要包含的所有内容了。例如,站点应该发布什么信息,站点需要提供什么应用程序,等等。然后,你应该把初步定下的内容纲要写下来,交给上级或业务人员审核批准。这实际上就形成了站点设计的需求报告。在你的内容纲要里,还应该注明这些内容的信息来源,哪个部门应该提供哪方面的信息。把这些罗列下来,会使得上级以及各个相关部门清楚"谁应该为这些内容负责"。
②进一步整理出站点逻辑结构图
定下内容纲要后,你应该能够大致画出站点的结构图了。结构图也有很多种,顺序结构,网状结构,继承结构,WEB结构等,应依据你的内容而定。例如,如果你是在编一个教程,那么可能用表示顺序的流程图就比较合适。多数复杂的网站会综合应用到几种不同的结构图。画出结构图的目的,主要是便于有逻辑地组织站点和链接,同时,将来你会用这个图去分配工作和任务。例如:
你可以告诉某个开发人员,让他完成结构图中某个分支的内容;
你可以把这个图递交给业务人员,告诉他们哪些页面,需要他们进一步提供内容或资料;
你可以把结构图给专业美工看,让美工人员考虑以什么样的形式来表现你要表达的内容等等。
简而言之,这个框架图,将为你下一步进行工作分配,人员安排提供依据。
二、 网站制作过程中把握的几点
1)、重点信息放在突出醒目的位置,整个网站空间排序适当
一个网站很重要的就是标题,标题就像路牌一样,人家在你的网站上逛来逛去,全靠它指路了。给人的第一印象是否能够马上注意到标题,标题要意义清晰、描述性强,把最吸引人的地方放在突出显眼的位置,然后再慢慢展开。或者说,把你的独特内容包裹成一个悬念,吸引人家注意。读者看一篇文章,前三段注意力最集中,如果这“寸土寸金”的前三段用不好,人家就要和你拜拜喽!
留出可调整的位置,用于满足临时性或短期营销活动的宣传需要。如,福州电信局12月11日举办的“福建省首届信息网络展示会”展览,需要在网页中放在最突出的位置。这就需要调整原有的结构,既让新的内容有突出的体现,还要不至于淹没其他重点。
在每屏中的文字与图形的布局既要考虑到重点的突出,还要给人以和谐的感觉。不能让图形淹没文字,也不能图形太少而让人觉得单调。视觉的吸引和诱惑力是不能低估的。 文字内容和图片搭配要和谐。
2)、网页应该易懂,控制没个模块的信息量。 网页要易读、易懂。
网站设计最重要的诀窍,恐怕就是你的网页要易读。 花时间和心思来规划文字和背景颜色的搭配方案。勿使背景冲淡了文字的视觉效果。
这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起你的网页来很费劲。一般来说,浅色背景下的深色
这个原则也意味着,你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。
另外,最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题一般应该居中,因为这符合读者的阅读习惯。
网页的内容最好能够开门见山,让浏览者在最短的时间内了解你的网页的内容。在内容上着笔尽量要细致,让人家能在最短的时间内,了解你想呈现给人家什么。给人家一幅清晰的画卷,别云山雾罩的。开门见山,直接了当。大家都知道,网友的耐心尤其少。你能提供的信息或许对他们有裨益,但如果要人家没完没了地翻下去才能找到,恐怕极少有人有这份耐心。
立体规划内容。将所有的结构按照一定的框架结构分别纳入不同的页面。
立体规划内容,将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上,其他的依次就绪。
然后,你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言,记住尽量别让其一行文字的宽度,横跨整个屏幕。段落一多,这样子看起来很费劲,而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。
文字的宽度,最好别超过屏幕宽度的一半。
3)、网页页面越小越好,最好别超过50k,尽量精简
上网的人追求的是速度。所以页面的大小是非常重要的,如果你的网站主要是为了提供消息内容,那么在最短的时间内呈现出来你的内容,别人会更加舒心的查看你的网站。
别使速度影响了你的效率,要知道,很多人是没有耐心的。网页的速度最好控制在十秒以内。或者更快。
有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访客会很快失去对该站的兴趣。当然,也有例外,比如内容实在太精彩,人家不去不行。再像视觉艺术类站点,也不能以“快”为唯一设计标准。不过,即使这类站点,也该在加个导引页,给读者一个提示,别不理睬人家的心情。但是大多数网站还是以内容为主,大部分人感兴趣的还是信息量,追求的是速度。
要限定页面的大小,就得从各个角度考虑节省。最大的一头是图像,有的好东西,只得割爱了。想想看,在创意表达、品牌形象、挣钱几个目标之中,哪个最重要?
4)、网站导航要清晰,容易查找,
所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾视觉效果的热闹的,而让人家不知东西南北。 所有的导航条都要非常清晰明确的让浏览者看出来。
链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。如果你一定要别出心裁,链接的文本就要想着以什么方式加以突出,比如说加粗体?加字号?两侧加竖标?或者几者兼用。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向。
链接文字要重点突出;
清晰导航还要求:读者进入目的页的点击次数,不能超过三次。如果三次以上还找不到,人家可就没有耐心陪你玩了!
三、 网站推广
网上世界黑漆无边,你怎么让人家找到你?很多有些经验的网友知道这个问题的份量,不过对于一波一波兴奋上网的新手,他们脑中的概念大多是:“有了网站,自然有人来”。不怪他们,商家们的欺骗宣传太成功了,他们哪里知道,网上有数不清的网站像“无人区”一样死寂。因此我们在作好网站以后,后期的推广宣传工作也不可忽略,主要的可以从以下几个方面来宣传。
1)、传统媒体:广播、报纸、电视都是很好的方法。现在我们已经看到很多在传统媒体中的商家广告,就是以网址为广告内容的主体。同时,商家所有的印刷品,包括名片,都是宣传网址的良好介质。
2)、因特网本身的方法:诸如导航台、新闻组、电子邮件群组、图标广告、分类广告等等,都是宣传网址的好方法。提高你网站在导航站点的排名、Banner广告、有技巧得利用传统媒体、BBS、新闻组都是获取潜在用户注意力的手段。 充分利用网页的交互性,增强与客户之间的联系,及时得到客户的反馈信息,了解客户的需求,不断的改进网站,提高整个网站的信誉。

孙子曰:“夫未战而庙算胜者,得算多也;未战而庙算少者,得算少也。多算胜,少算不胜,而况无算乎?“这里的庙算就是我们讲的谋略,也就是今天所讲的策划。

策划是一种能力,是一种谋略,一种技巧,一种手段,一个计划,一次革命!

策划就是设计。人们称邓小平为“改革开放的总设计师”,实际上也就是对策划、策划实践的一次历史性确认。

真正的策划人是一个复合型人才,必须掌握:经济学、哲学、心理学、传播学、营销学、管理学等,以及具体的如战略、竞争、策略、计划、市场调查、市场渠道设计、品牌经营、企业规划,甚至人力资源以及整个国家和世界的动态和发展趋势。

5、用html如何制作一个简单的网页代码?

1、首先,在计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档,如下图所示,我们编写一个简单的html代码。

3、单击“另存为”的功能选项,显示默认保存为编码为ANSI。

4、我们将更改编码和文件名,将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹,发现有一个额外的html文件。

6、最后,使用浏览器打开html文件,效果如图所示,简单的网页被成功编写。

6、如何制作一个简单的网页 求大神

建站需要域名,服务器和建站程序

域名和服务器可以用腾讯云的,大服务商比较稳定

建站程序可以用常用的开源程序来做的,如pageadminCMS,wordpress等等

网上资源很多,教程也很多,新手也容易上手,如果找不到好的,可以直接某宝几块钱可以买上千个模板,直接套模板建站,好看实用,后期再在原模板上做修改调整或者开发

建站大概流程就是

域名实名认证,服务器如果是国内的先备案,都可以在服务商后台操作的

都好了之后,域名解析到服务器

服务器配置环境,win系统直接用宝塔配置换,PHP+MYSQL+IIS就可以的

服务器开设空间,绑定域名和开设数据库,这个都用宝塔来操作

上传网站程序到开设空间对应的文件夹里

访问域名搭建网站

网上都可以找到对应的教程 的,新手还是比较容易上手的哈

安全方面,服务器要再装一个安全狗,这样网站不容易被入侵

7、怎么能够制作一个自己的网页?

用FrontPage2002来做吧,你点点下面的连接: http://www.zjou.e.cn/te/FrontPage/index.html

具体是:
Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下:
在网页视图下,选择“文件”菜单中的“新建”命令,再从其子菜单中选择“网页”命令,将弹出“新建”对话框,如图所示。

若用户要新建的网页是框架,则从“框架网页”选项卡中选择某种框架样式;否则,从“常规”选项卡中选择一种所需样式,然后单击“确定”按钮。若想建立一空白网页,可在对话框的“常规”选项卡中选择Normal Page项,或直接单击常用工具栏的“新建网页”按钮。
建议逐一试用FrontPage提供的各种模板以便熟悉它们,日后你就可以自如地利用模板创建常规Web页面,能够节省许多时间。
1.在网页中插入图形
图片往往比大量的文字讲述更具吸引力和说服力,在web页面中适当地添加图片会使网页丰富多彩,但过多地加入图片将降低页面的下载速度,特别是对通过调制解调器访问web页的用户。大多数图形都是采用压缩格式,有的调制解调器不具有压缩功能,这种调制解调器速度更慢。因此用户在加入图片时,应认真选择和进行规划。虽然图形可使web页更有趣味,但应适度使用(使用较少颜色,缩小高度和宽度或裁剪图形、降低图形的分辨率,尽可能地减少图形文件大小,如用压缩格式的文件类型)。
Web页面所使用的两种图片格式分别为GIF和JPEG,用户可选择“插入”菜单中的“图片”命令,再从其子菜单中选择“来自文件”命令,打开“图片”对话框,“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。
对于一些非GIF和JPEC格式的图片,FrontPage可以自动地将这些文件转换成GIF或JPEG格式。

2.在网页中插入水平线

水平线可以在网页上清晰地划分界限,而且对用户网页的布局起着重要的作用。添加一条水平线,可以通过“插入”菜单中选择“水平线”命令添加。在默认状态下水平线是灰色的,用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法(必须在不加主题的情况下):
(1)双击该水平线,将显示“水平线属性”对话框。在对话框的“颜色”项,选择下拉列表,从中选择合适的颜色,单击“确定”按钮。
(2)用鼠标右键单击这条水平线,从快捷菜单中选择“水平线属性”命令,再从对话框中选择一个合适的颜色。
使用框架
--------------------------------------------------------------------------------

框架是把Web浏览器的视窗分成几个部分,每个部分都是独立的Web页面,这样便可同时显示多个页面。
可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面,可从“文件”菜单的“新建”子菜单中选择“网页”命令,弹出“新建”对话框,选择“框架网页”选项卡。
在左边的列表中可选择不同类型的框架模板,选定模板后,按“确定”按钮即可创建一个具有框架的网页。
在创建有框架的Web页面时,应注意有些web浏览器不支持框架。虽然使用不能显示框架的浏览器的用户已很少,为确保这些用户仍然能够浏览到Web站点上的内容,可以填上要告诉那些低版本浏览器的使用者的话,例如请对方更换浏览器等。
在新建的框架的窗口中,单击“设置初始页”按钮将会弹出“创建超链接”对话框,可以链接到一个指定页面;单击“新建网页”按钮将创建一个新页面,然后在该页面内对该页进行编辑。在编辑页面时,若感觉页面被放在一个狭窄的框架中太拥挤,可选择“框架”菜单中的“在新窗口中打开网页”命令,这样便打开一个新的满屏窗口,可以自由地在页面中增加内容。
利用FrontPage的框架页面模板在Web页面上引入了框架布局,我们还可以在此基础上,根据需要进行进一步的设计。
1、增加新框架

要给框架页面增加新框架,就是像拆分表格的单元格一样,把一个框架分为两个框架。 其操作如下:
(1)按住Ctrl键,将鼠标放在框架边框上,当鼠标变为上下箭头时,可把边框拖到一个新位置,当松开鼠标按钮时,一个新的空白内容的框架就形成了。
(2)也可以通过命令来操作:首先单击要拆分的框架内部,选“框架”菜单中的“拆分框架”命令,在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮,单击“确定”按钮即可。

2.删除框架

若框架页面看起来太乱,可删除某些框架。要删除一个框架,可先单击该框架选择它,再选择“框架”菜单中的“删除框架”命令即可。

3.改变框架属性

在设置好框架的整体布局后,我们还可以对每一框架的具体属性进行设置,操作如下:
(1)单击需设置属性的框架,选择“框架”菜单中的“框架属性”,则弹出“框架属性”对活框。

(2)在对话框的“名称”文本框中可输入框架名,这样便于识别不同的框架;在“选项”区域中,若选中“在例览器中可以调大小”复选框,则客户在浏览站点时,可重新定义框架尺寸,通过在“显示滚动条”下拉列表框中选择不同的描述项,可设置让滚动条是否出现。
(3)在“框架大小”区域中,可设置框架大小,可以定义一个绝对像素值或相对于浏览器窗口的百分比,若要用浏览器来设置相对于该页面中框架的尺寸,可选“相对”;在“边距”区域中,可设置内容页面与框架边框分隔的像素数值。
(4)要改变开始页面,可以在“初始网页”文本框中输入一个新的页面名字或URL。
(5)单击“框架网页”按钮,则弹出“网页属性”对话框。
(6)在该对话框的“框架”选项卡中,在“框架间距”文本框中,可输入以像素为单位的边框宽度;若要使框架边框消失,则不要选中“显示边框”复选框。
(7)单击“确定”按钮,关闭“网页属性”对话框,再单击“确定”按钮,关闭“框架属件”对话框,完成框架属性设置。
动态网页

--------------------------------------------------------------------------------

DHTML是动态网页的意思,它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里,当访问者单击了某一张图片后,这张图片会自动的移动,这就是DHTML效果。也就是说,当网页下载完毕后,它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法,你可以建立起属于自己特色的动态网页。

1、使用DHTML的基本步骤

1).在页面点选需要使用DHTML的对象,比如文本,图片。对于文本需要拖曳鼠标选定;

2).在DHTML工具栏,选择通过开启的下拉列表选择一种事件,文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;最后选择该效果的的实现方法;

3).当你为对象使用了DHTML后,保存该页面并预览,你会发现你选定的对象按照你设置的DHTML的效果出现;

4).如果想删除某一个对象的DHTML效果,先选定该对象,然后单击DHTML工具栏上的删除效果图标即可。

2、DHTML的事件

在DHTML制作中,我们听得最多的是“事件”这个术语。什么是“事件”呢,顾名思义,就是发生的一件事情,比如你用手打开门,那么这就是一个事件。换到网页制作中,开门变成了单击,也就是说,访问者单击了一个链接,那么出现了事件的结果,门被打开了。

在FrontPage2000中,当我们打开DHTML效果工具栏后,点选文本或者图片会产生不同事件。但它们的施用方法是一样的,下面我们以文本举例:

我们先在编辑器里输入一段文本,比如:网页陶吧,然后继续下面的三个步骤:

选定一段需要产生DHTML效果的文本,这里是:网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件,它不需要用户利用鼠标去触发它,而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。

选择好事件后,我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果,我们选择飞入。

对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯,文本可以从底部飞入,可以从左边飞入,也可以从右边飞入,这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的,比如波动。我们这里选择从底部飞入。

最后保存该页面并预览,你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然,你也可以尝试其它DHTML效果。对于选定图片,你会在DHTML效果工具栏的开启下拉列表看到新的事件,单击和鼠标悬停,它们会有各自的应用效果和实现方法。你可以每一个尝试一下,这样你就能明白这些事件和应用效果和方法之间的关系。

3、DHTML的小技巧

DHTML兼容性

利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果,Netscape Communicator 4.0或以上版本也可以浏览。

禁止DHTML

如果想禁用DHTML效果,点选菜单工具/网页选项,在打开的对话框里选择兼容性标签,取消动态HTML前的复选框里勾,这样DHTM效果被禁用。

快速使用DHTML

一般情况,在你没有选定某一个对象的情况下,你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。

4、网页过渡

网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页,你会发现当前页慢慢向中间合拢,同时出现了另一个新的页面,直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡,可以按照以下步骤:

1).打开想使用过渡效果的页面,或者新建立一个页面。点选菜单格式/网页过渡,打开网页过渡对话框;

2).在事件下拉列表里选择一个事件,我们选择进入网页。大家要注意,当你为某页和站点都设置了过渡效果时,网页将比站点过渡效果优先;

3).在周期文本框里输入持续的时间,然后在过渡效果列表框里点选一个效果,单击确定。利用浏览器打开该页面,因为我们选择的网页过渡是进入网页,所以当你打开该页时你就能看到过渡效果了。

利用DHTML效果的确是吸引访问者的有力利器,但如果你不愿意和复杂的代码打交道,那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象,比如文字,图片,然后利用“傻瓜”式的操作就可以让你的网页动起来。
Web页有自己的一组属性,通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置,选择快捷菜单中的“网页属性”命令,可以打开“网页属性”对话框,在“常规”选项卡中,各项设置含义如下:

·位置:指出页的完整URL。

·标题:显示的页标题,即在HIML中显示在<head>元素中的<tit1e>标签内。

·基位置:在此位置可输入一个URL,可将这页中使用的相对URL的超链接总指向同一正确的目标,通过对一个URL的说明,可以在不移动相对URL中所有目标的情况下,移动这个页。

·默认的目标框架:定义不规定框架的页中所有超链接的默认框架。

·背景音乐:加入背景音乐,当浏览器打开该页时,会同时播放音乐。

在其它选项卡中还可对页边距、语言等系统参数进行设置。
建立超链接

--------------------------------------------------------------------------------

超链接(HyperLink)的出现使网上浏览变得更加便捷,只须用鼠标轻轻点击,便能轻松地从一个页面跳转到另一个页面,从一个Web站点跳到另一个Web站点,从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像,是其它页面的入口。
1.与当前web站点的页面建立超链接
(1)在FrontPage中打开要建立超链接的页面(若是新建页面,则要肯定该页面己被保存),选中超链接源,超链接源可以是一个字符、一个单词、一句话或一幅图片等。
(2)选择“插入”菜单中的“超链接”命令,或单击“常用”工具栏的“超链接”按钮,则弹出“创建超链接”对话框(如图),在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。

(3)在该对话框的文件列表中,选择要建立链接的目标文件。
(4)单击“确定”按钮,超链接建成。

2.与本机中的其它文件建立超键接
(1)选择超链接源,打开“创建超链接”对话框。
(2)在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮,然后从弹出的对话框中找到自己所要链接的文件,选中它。
(3)单击“确定”按钮,超链接建成。

3.与world wide web上某一站点建立超链接
(1)在FrontPage中打开欲建超链接的页面,选定超链接源。
(2)选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮,弹出“创建超链接”对话框。
(3)在“URL”文本框中,输入超链接目标的URL。
(4)单击“确定”按钮。
格式化文本

--------------------------------------------------------------------------------

1.输入文本
从总体而言,文本仍是网页中的主体内容,在FrontPage中输入文本与在Word中输入文本非常类似。
(1).需要加入空行或换段时才使用Enter键,当输入文本达到所定义的右边界时,将自动换行。若录入文字有错可按Backspace键清除错误,重新录入。
(2).可在文本中任意位置处插入新文本内容,操作时把鼠标指针定位到欲加文本处即可添加文本。
(3).可进行覆盖式录入,即先用鼠标选中要替换的文本,然后直接录入文本。
(4).可通过单击常用工具栏的“显示所有”按钮,让段落标记在屏幕上显示或隐藏,借助段落标记可清楚地看到段与段之间的空行。

2.文本的选择

(1).选择一个单词或多个单词:选择一个单词只需在该单词上双击鼠标即可,按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。
(2).选择一行文字:一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的最左边,当光标箭头变为指向左边时,单击鼠标左键,便可选择该行。
(3).选择一个段落:将鼠标箭头移到该段落的最左边,当光标箭头变为指向左边时,双击鼠标左键,或按下ALT键,再用鼠标单击想要选择的段落,即可选择该段落。

3.删除、拷贝和移动文本或图片

(1).删除:删除插入点左侧的一个字符,按Backspace键;删除插入点右侧的一个字符,按Delete键;删除插入点右侧的一个单词,按Ctrl+De1ete键;剪切所选内容并保行到“剪贴板”,按Ctrl+X键;删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。
(2).拷贝:拷贝所选文本或图形到剪贴板,方法是:选中文本或图形,然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令,也可直接单击工具栏中的“复制”按钮。
(3).移动文本或图片:选择想要移动的文本或图片,再拖曳到要插入的位置,释放鼠标,所选对象就移到目的地。如果先将选择的文本或图片“剪切”,然后再“粘贴”到指定区域,也可将其移动。
(4).通过“撤销”取消误操作:如果用户在不小心的情况下错误地执行操作,单击工具栏上的“撤销”命令按钮,可以取消用户执行过的操作,或从菜单栏选择“编辑”菜单中的“撤销”菜单命令,或按Cir1+Z键。

4.加入标题

出于页面内容层次的需要,有时在页面中要加入一些小标题。 HTML语言规范采用6级标题,各级标题采用文字不同字号来区分,其中标题1为大标题,其它依次为中小标题。要设定某一级标题,可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级,然后在光标处输入标题文字即可;或者先输入文字,并选定该文字,然后在“样式”下拉列表中选定某一级标题。标题结束后,将下拉列表中的格式改回原来的“普通”,再进行其它内容的输入。

5.改变字体及设置字体效果
FrontPage在通常情况下,字体为“Times New Roman”。若用户的操作系统是中文Windows95/98或Windows NT,中文默认字体为“宋体”,文字大小采用默认的字号。若要设定不同的字体,可先选择要改变的文字,然后在格式工具栏里的“字体”下拉菜单中选择一种字体,或从菜单栏选择“格式”菜单中的“字体”菜单命令,通过“字体”对话框来设置,并可设定字体样式、大小等。当字体改变后,形式将一直保持,直到用户又重新设置新的字体为止。
(1).设置字体颜色:选中文字,单击格式工具栏上的“文本颜色”按钮的下拉箭头,就会弹出其下拉列表,在“标准颜色”中选择所需颜色;若没有,可选择“更多的颜色”命令,然后从弹出的对话框中选择。
(2).设置字体样式:要对需要的文字进行粗体、斜体和下划线处理,只要选择要处理的文字,从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除此效果,可以选中文字,再次按相应的按钮就可以解除效果,恢复到正常字体。在制作网页时,一般不采用“下划线”效果,因为下划线在一些网页中都表示有超链接。
(3).字体加线效果:共有两种:“下划线”可以在选中的文字下面划一条线;“删除线”在文字中间贯穿划一条线。
(4).特殊的文字风格:当选中的文字需要使用某些特殊风格,如“闪烁”风格,可通过选择“字体”对话框中“字体”选项卡(如图)的“效果”区域的所需选项,但有的文字特殊效果只有在浏览器中才能体现出来。

6.文本的缩进
文本的缩进就是使文本左边、右边显示空白,这种效果有利于对关键段落加强说明。要对一个已有的段落运用缩进的方式,首先选中段落,然后在格式工具栏上单击“增加缩进”按钮,段落左边和右边分别缩进一段距离,连续按“增加缩进”按钮,缩进将进一步加大。这种在文字两边同时缩进的方式也称之为双向缩进。若缩进的空间太大,可以通过单击“减少缩进”按钮来减少缩进的空间。

7.文本对齐方式
若输入的文字是从该页的左边距开始,并逐渐向右延伸,且到了行满以后又折回下行左边(左边距处)重新开始,这就是左对齐。有些文字需要居中方式,比如标题之类的文字;而有些文字需要放到右边,这些可通过格式工具栏上的“向左对齐”、“居中”和“向右对齐”按钮来实现:,不同的对齐方式可以使文本呈现不同的显示样式,而且可以清楚地表明用户想要说明的问题,使网页整体保持协调。 要设定文本的居中、左齐或右齐方式,须先选择好要设置的文本,再单击相应按钮即可。如果用户想回到原始状态的对齐的方式,应先选定该文本,再单击格式工具栏上相应的对齐按钮。

8、加入项目符号或列表编号

有一些列表前面有加圆点的符号,说明一条条的列表内容,这在专业排版中称为项目符号,在Web页面中加入项目符号或列表编号可使内容有条理、更清楚,可以通过列表把大量内容简要地描述出来,便于读者抓住重点。还有另外一种形式即列表编号,可以用来描述一个问题的处理步骤和顺序,这两种处理形式在FrontPage中运用起来很方便。
加入项目符号或列表编号与在Word中的操作很类似。先选定文本,用户可以在格式工具栏按相应的按钮,或选“格式”菜单中的“项目符号和编号方式”命令,打开项目符号和编号方式对话框(如图),从中选定不同格式的列表项目。

在FrontPage中新建的两个文本行之间都有一个空行,如果用户在输入或添加项目时不想每两行之间都出现一个空行,可以在格式工具栏上单击“项目符号”或“编号方式”按钮。该按钮为下凹状后同时出现第一个项目符号,输入需要的文字后,按“回车”键,然后在自动出现的下一个项目符号后继续输入。
FrontPage还可以通过提供列表编号或项目符号的方式对列表项进行排列。操作方法与上一段所述相同。
如果在所有项目输入完毕后,以下的内容不再希望添加编号或项目符号,可两次回车,则停止编号或停止添加项目符号。若想改变编号的形式或不想从1开始,可通过在列表符号上单击鼠标右键,在弹出的快捷菜单上选择“列表属性”命令,在弹出的“列表属性”对话框中选择“号码”选项卡,选择所需的编号风格,再在右边的“初始号码”微调器中调整起始编号,在调好之后单击“确定”按钮即可。
参考资料:http://www.zjou.e.cn

8、怎么能制作一个简单网页???一点基础木有。。。

<html>
<title></title>
<body>
<marquee>楼主是笨蛋</marquee>
</body>
</html>

粘贴到 .txt 文件里 另存为.html格式文件 之后用浏览器打开看看吧

9、如何自学网页设计

1、在桌面上右键点击鼠标,出现对话框之后,点击新建。

2、新建一个文本问档,用于写网页代码。

3、打开记事本,现在我们就可以编写简单的HTML代码了。

4、现在,我们把文本的命名改成1.html。

5、一个简单的HTML网页就搭建完成了,可以通过浏览器打开试试看。

10、如何制作一个网页界面?

可以试试看用一些 在线生成网页的 工具啊,可以在手机上播放任何视频非常简便。
epu360你可以试试 或者用coolsite360

与如何制作一个基础网页设计相关的知识