导航:首页 > 万维百科 > 网页设计文字编辑的过程

网页设计文字编辑的过程

发布时间:2020-10-28 22:16:31

1、如何实现网页文字的自动换行 网页制作

我们认为很有效的方法就是采用表格来对文字进行定位。当然这里的表格我专们一定要给定它的绝对宽度属(直接给定或间接给定宽度),那么输入的长文字便会自动的换行了。
lt;/tablegt;lt;/tablegt;这里就相当于我们已经给定了内层表格的宽度为760*60%=456个像素点了。
如果你有兴趣,可以尝试着试一试。

2、网页制作步骤,用文字表达(要求详细)做得好加5财富

要想学做网页,首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!

网站设计八步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

3、网页设计开发:如何处理网页字体

在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。 如何调整字号 CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂直长度就越大。在长度数字前,有时候还会缀以“+”或者“-”号。另外,在字号后,有可能还跟随着单位标识符。CSS2规范中包含了两种单位标识符:绝对单位标识符和相对单位标识符。绝对值用来定义单位,而相对单位标识符则表示相对于另一个值的大小,以下列出了几种相对单位标识符: em表示字体的高度,它等于字体的font-size属性经过比例计算后的值。但有一种情况例外,即font-size属性本身使用了em标识符,在这种情况下它会以父元素的字体大小为参考;ex(x-height)指定与小写字母x的高度相等;px(pixels)关系到画布或屏幕分辨率,网页显示时的像素值完全取决于显示器分辨率,这会使显示结果随用户在屏幕分辨率上的偏好而改变。 另一种实现绝对字号的方法是使用缩放功能。你可以使用以下关键字来缩小或放大字体:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一个基准,带有small字样的参数会让字体缩小,而带有large字样的参数会让字体扩大。CSS2规范中定义的缩放比例是1.2,但是不同的浏览器可能有不同的解析结果。 采用何种方式 CSS中有大量关于字体字号方面的参数,那么你的网页该采用什么定义方式呢?采用绝对标识符来确定字号有很多弊端,比如会对一致性和灵活性造成影响,还会在可访问性方面出现问题。相对字号与绝对字号相比,可以让用户通过多种方式来调大字号,从而更便于阅读。在实际开发中,大多数设计人员采用的也是相对字号。下面让我们更深入地了解一下相对字号: 在字号方面使用最多的方式就是pixels方式(px),大多数浏览器都支持这种字号定义方式,使用这种方式的缺点就是用户无法在IE浏览器中调节字体大小。 最普通的字号定义方式是使用em或百分比。用em定义的字号可以在任何浏览器中缩放,它同时也照顾到了用户对字体的偏爱。 阅读关于 网页设计开发字体网页陶吧 的全部文章

4、怎样简单修改网页中的内容,比如图片文字等?

以百度浏览器编辑器为例:

一、打开电脑桌面,点击打开百度浏览器。

二、打开一个网页,在个专人属的中心,有一个自己的金币展示。

三、为了修改金币的数量,右键点击金币的数量,然后点击菜单审查元素。

四、单击打开浏览器自己的开发工具。它将直接位于32号的代码元素中。如果没有,就在附近。您可以在代码中找到并展开三角形。

五、双击这个数字,就会进入编辑状态的。

六、输入最喜欢的号码,然后单击其他位置将编辑状态恢复为正常。

七、最后,看这一页。它已成为变革的梳子。当然,此号码仅用于在浏览器中修改和刷新页面。也会是原来的号码。

5、求DW制作网页的基本步骤

具体操作步骤如下:

一、首先,在计算机C盘下创建一个“myweb2”文件夹,如下图所示。

二、然后打开Dreamweaver软件,如下图所示。

三、新建一个站点,命名为“myweb2”,跟创建在C盘里的“myweb2”一样,如下图所示。

四、先在网上下载一张图片,再保存到C盘下的myweb2,如下图所示。

五、然后导入新建的HTML中,如下图所示。

六、在图片下输入一些名字,如下图所示。

七、在文字下,创建一个链接,链接为“www.baidu.com”,别人打开这个文字时,会弹出“百度”界面,如下图所示。

八、然后点击如下图画圆圈所示的工具栏。

九、打开图片下的文字,就进入了百度界面,如下图所示。

6、制作一个简单网页的具体步骤(要求有图片,文字,声音)

新建一个文件夹,这个文件夹里放你所有的关于这个网页的资料(照片,声音等),点开“开始”在附件中找到“记事本”,打开将其“保存” 文件名:“你想要的名字.htm” 然后点击保存(保存在你新建的文件中)
在记事本的开头输入
<html>
<head>
<title>你网页的名字</title>
<body>
<body bgcolor="pink">这是加入背景颜色 想要别的颜色只要把pink改为别的颜色的英文就好
<p>句子</p> <p>与</p>之间加入你想要写的话。
<p align="center">这个代码可以使句子或图片居中,在句子前面就行
<b>句子</b>是加粗
<u>句子</u>是下划线
<font size="6" color="blue">句子</font> 这是改变字体大小与颜色 大小只要在1到7之间输入就行,再大就没有区别了。
把前面的加在一起就是
<p><p align="center"><b><u><font size="6" color="blue">句子</p></font></u></b> 这样子。
上边这一行可以算作网页内容的主题。
<img src="01.jpg"/>这是加入图片 将01改为你想加入图片的名字
<img src=”01.jpg” width=”100” Height=”200”/> 把100和200随意改变就可以改变你图片的大小了(注意你要加入的图片要和你的网页在同一个文件夹中)
在所有代码最后加上
</body>
</head>
</html>
声音嘛。。。你在百度上查一下就好了,我们老师没有教。。。。
希望能帮得上你

7、网页设计如何在背景图片上编辑文字

第一种、将背景图写在css中
<style>
.class{background: url("图片路径") no-repeat;}
</style>
接着就直接在html中写文字内容。
第二种、写在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字内容</p></div>
</div>

css样式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接着就是包裹的两个div,图片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以将文字锁定在你图片的上方

8、网页制作 请问如何制作文字在线编辑器模块(可以编辑文字样式) 具体看问题补充

有各种编辑器,可以嵌套到你的网页中,替换掉你原来的文本区域。
比如ewebeditor;discuz_ubb;FCKeditor
你上网下载一下,查看相关帮助文档,查看其使用方法。

9、现在的网页设计是直接写代码?还是直接编辑文字图片来制作的?

根据网站项目大小和功能,网站设计有两种,简易版(功能单一)的网站可以使用静态即纯html制作,复杂些的(功能比较多)使用动态即程序开发。

两种不同的地方,主要在于后期的维护上,前者新增或修改资料就是添加修改html文件,这种就是你说的直接编辑文字图片制作。 后者是通过已经开发好的后端(又叫后台)管理,添加进数据库,前台模板调用数据库的数据显示。

我的理解,你说的直接写代码是程序开发的(ASP,.NET,PHP,JAVA等),直接文字编辑图片的是静态版(通过Frontpage,Dreamweaver,Hbuilder等)。

与网页设计文字编辑的过程相关的知识