制作网页的基本过程介绍
当前位置:贝知网>知识分享>设计开发>制作网页的基本过程介绍
制作网页的基本过程介绍
时间:2022-08-19 设计开发

制作网页的基本过程介绍

制作网页的基本过程

一、网页制作的过程

1、加工处理素材

素材加工是网页制作的基础工作,加工处理的结果就是要在网页上呈现的内容,也就构成了网页的要素。

需要加工的素材包括稿件整理、图片图像处理、站标制作、口号广告制作、特殊形式的栏目标题制作、二级页面中返回首页的按钮制作等。

稿件的整理主要是对文字信息的准备和处理,总的要求是语言文字要简洁、生动,充分突出网页的主题。

2、页面布局

网页的布局是指对网页的布局进行设计,将网页的构成元素合理地安排在页面中。

网页的版面设计与报纸、杂志的版面设计相似。初级阶段可以通过在A4纸上画草图来进行练习。

3、填充内容

填充内容就是将前面的加工素材填充到页面版面设置的各个小区域中。除了前面提到的站标、口号、栏目、次页返回首页的按钮,还有版权信息等内容。

二、制作网页的软件

网页的制作可以在制作软件的帮助下快速实现。通常网页的制作涉及到页面的生成和图像处理,页面的生成和编辑通常使用Dreamweaver软件,而图像处理通常使用Fireworks、Photoshop软件。

Dreamweaver主要用于完成网页设计和网站管理,Fireworks主要用于设计和编辑图像,Flash主要用于开发适应网络传输的流媒体动画,Freehand用于制作专业矢量图。

这四款软件是一个有机的整体,不仅具有基本相同的软件界面和操作方法,而且对一些常见的功能都给出了相同的定义,因此大大减少了设计者的学习时间,综合使用这套软件可以快速、方便地制作出理想的网页。

网页怎么添加文本

一、网页怎么添加文本

1.直接在网页窗口中输入文本

将光标置于文档窗口中要插入文本的位置,然后输入文件。这是最基本的输入方式,这和一些文本编辑软件的使用方法是一样的。在输入文字时,如需分段换行,则需按下Enter键。

2.复制文本

如果要把Word、记事本等文本编辑软件中的文本放入网页,可直接使用Dreamweaver的文本复制功能。

打开文本编辑软件,选中要复制的文本,执行“编辑”/“复制”命令或直接使用快捷键Ctrl+C,之后切换到Dreamweaver,将光标停留在要插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+V,即可将文本编辑软件中的文本粘贴到网页中。

3.通过“文件”“导入”命令

当Word文档中的文档太长时,使用复制操作会比较麻烦。这时可直接在Dreamweaver中通过“文件”/“导入”/“Word文档”命令将文档内容全部插入网页中。

二、网页怎么添加图片

准备好图像后,在Dreamweaver中,可通过以下步骤将图像插入页面中:

(1)首先将光标放置在要插入图像的页面位置,然后执行“插入/图像”命令,或选择“插入”面板中的“图像”按钮。

(2)在弹出的“选择图像源文件”对话框中,选择想要插入的图像文件。

(3)最后单击“确定”按钮,即完成插入图像的操作。

注意:如果选中的图像不在本地网站的根目录下,则会弹出一个选择框,要求用户复制图像文件到本地网站的根目录。

三、网页设计里怎么添加符号

1、插入日期

单击“插入栏”的“日期”固按钮,会弹出“插入日期”对话框。

在出现的对话框中,可选择“星期格式”或“日期格式”或“时间格式”。若希望在每次保存文档时都更新插入的日期,可选择“储存时自动更新”,否则插入的日期将变成纯文本,永远不会更新。

2、插入特殊字符

某些特殊字符在HTML中以名称或数字的形式表示,它们被称为实体。HTML包含版权符号、注册商标符号、商标符号等字符的实体名称。

选择“插入”面板的“文本”选项卡,点击最右侧的图标,并选择“插入其他字符”,将弹出面板,选择所需的字符,如“版权”“注册商标”“商标”,即可在光标位置插入特殊字符。