《网页的制作一.ppt》由会员分享,可在线阅读,更多相关《网页的制作一.ppt(19页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页的制作一 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望一、网页制作的基本过程 二、准备网页素材 网页素材的准备包括素材的获取、加工与管理,如果找不到合适的素材,则要自己采集、制作或加工。制作网页一般需要大量的素材,这些素材一定要分类保存,并且素材文件名要有意义,方便我们在网页制作时选择素材文件。三、新建网站及网页(一)新建空白站点的方法:我们制作网页前一定要新建一个站点,因为网页的所有内容都是在站点中进行组织管理的。(二)新建空白网页的方法三、使用表格进行页
2、面布局自主学习关于如何使用表格布局网页的相关内容使用表格布局网页的相关内容,如下是一个网页的布局结构实例:四、网页保存(一)保存网页网站的首页一般命名为index.htm或default.htm,这样别人在输入不包含文件名的网站地址时可以直接访问首页保存网页时,如果网页中使用到的图片不在我们的站点目录里面时,会提示我们将这些图片保存到站点文件夹中,通常我们将图片保存在站点文件夹的“images”子文件夹中,如下图所示:四、网页保存(二)保存为模板:为了保持网站风格的一致性,通常网站中各网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式与主页是一致的。因此,我们可以把相同的部分提取出来制
3、作成为模版,供制作其他网页时使用。点击“文件”菜单的“另存为.”命令,在打开的另存为对话框中选择保存类型为“Frontpage模板”,然后输入模板的名称和说明,如下图所示:四、网页保存(三)利用模板新建网站页面:单击“文件”菜单,选择“新建网页”,从模版对话框中选择“我的模板2”模板,单击“确定”,如下图所示:五、练习制作网页自己练习动手制作网页,可以参考以下的网站资源学习更多的相关知识:*网页制作学习园地*网页制作大宝库 *网页特效集锦 网页的制作(二)网页的制作(二)一、编辑网页图文素材 1、设置网页标题:在网页上点击鼠标右键,在弹出菜单中选择“网页属性.”,在打开的对话框中的常规选项卡中
4、可以设置网页标题,如下图所示:一、编辑网页图文素材 2、设置网页背景颜色或背景图片:一、编辑网页图文素材 3、插入图片:二、插入超链接:链接点可以是文字、图片或图片中的某个区域(通常称为热区),也可以是其他的对象网页超链接可以是不同页面之间的链接,也可以是同一页面内的链接。二、插入超链接:1、用文本建立链接文字的超链接可以网站内部文件的链接、外部网站网址的链接、电子邮箱的链接、书签的链接等。注意:如果链接的文件不是互联网上的,那么链接的文件应该在站点文件夹中,否则在别的电脑上可能看不到!二、插入超链接:二、插入超链接:2、设置超链接颜色在默认情况下,超链接的文字是蓝色的,访问过和未访问的超链接
5、颜色是不同的。我们可以改变这些颜色。二、插入超链接:3、用图片建立链接在图片上我们也可以插入超级链接,当选中一个图片直接插入超链接时,可以为图片插入一个超链接,也可以链接到内部文件、外部网址、电子邮箱,具体操作和文字的超链接一样。在一个图片上我们还可以插入多个超链接(热区)二、插入超链接:4、设置书签链接除了不同网页之间需要建立超链接外,在同一页面内,有时也需要建立超链接,如长度较长、页数较多的文章等。通常,解决的办法是按照段落或小标题建立超链接书签,以方便浏览。书签是网页中被标记的位置或被标记的文本。例如,如果要向网站访问者显示网页上某个部分,则可以添加一个以书签为目标的超链接。单击该超链接时,将显示网页的相关部分。参考教师上传的书签链接的例子