制作网页,dreamweaver的基本步骤
网页设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。以下是小编为大家搜索整理的Dreamweaver制作网页的基本步骤,欢迎阅读!更多精彩内容请及时关注我们考试网!
网页制作方法:创建网页页面
1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的文件。可以给它改名为。
2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。
3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。 4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。 注:在网页上一般最常用的是就宋体字。切将特殊的字体加到列表中使用,因为可能别人的电脑上没有安装看不到。如果有需要用的话,一定要做成图片后再使用。 下面拿一个现成的例子来给大家说一下: 在开始做之前咱们先分析一下这个页面,看看这里这个页面用到了哪些东西。 网页最顶端的标题“我的主页”这四个字。 网页中间是一张图片。 最下端的是欢迎词。 网页背景是一白色。 构思好这个网页的结构,咱们就可以开始制作了。 首先启动Dreamweaver,确保你已经建好了一个网站。 为了制作方便,要事先打开资源管理器,把要用的图片放到网站目录images文件夹里。
【首先插入标题文字】
进入到页面编辑中,设计视图状态。一般的情况下,编辑器的默认方式是左对齐,光标位于左上角,光标所在的位置就是插入点的位置。如果想让文字居中插入的话,点击属性按钮就可以了。中文状态下输入“我的主页”。字的大小没关系,我们对它进行设置就可以了。
【设置文字的格式】 先选中文字,在属性面板中将字体格式设置成默认字体,大小随意更改。并选中“B”把字体加粗。
【设置文字的颜色】先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】点击“修改”菜单中的“页面属性”。系统自动弹出页面属性的对话框,请在文本标题输入框内填入标题“我的主页”。
【设置背景颜色】网页的背景可以是图片,当然也可以是颜色。这个例子是颜色。如上所诉打开背景颜色选择器进行选取。如果背景要设置为图片,则点击背景图象“浏览”按钮,系统自动弹出图片选择对话框,点击图片就可以了。
【插入图像】选择以下方法:
(1)插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定即可。 一个图片就插入完毕了。
【输入文本文字】 在图片右边空白处有单击,回车换行。仍然按照上面的方法,输入文字“欢迎大家来到我的主页”然后,对文字进行设置,保存页面。 一个简单的页面就完成了。
【预览网页】在页面编辑器中按F12预览网页效果。 网站的首页一般我们通常存盘取名时为。
相關文章
-
Dreamweaver制作网页的基本步骤
网页设计的目的就是产生网站。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。以下是小编为大家搜索整理的Dreamweaver制作网页的基本步 -
用Dreamweaver制作网页的基本步骤
如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解! 创建网页页面1、在Dreamveaver文件-新建-常规-基本页-HTML,这样就建好了一个页面,英 -
关于用Dreamweaver制作网页的基本步骤
在实际工作中,一点一滴融入,一份一份付出,真正践行为人民服务宗旨。下面是本站小编为大家整理了关于立足岗位做贡献争做合格党员演讲稿,欢迎参考。关于立足岗位做贡献争做合格党员演讲稿篇1一份职业,一个工作岗位,是一个人 -
Dreamweaver制作网页基本设置
网站的基本元素是网页,一个个的网页构成了一个完整的网站,网页也是可分的,构成网页的基本元素。下面是YJBYS小编整理的Dreamweaver制作网页基本设置,希望对你有帮助! 标题每个网页的最顶端都有一条信息,这条信息往往出 -
如何用Dreamweaver批量做web网页详细步骤
做网站,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。告诉你这个秘密吧,他们很多是在“批发”网页,并且你的机器中也有这样的“批发站” -
Dreamweaver创建网页的基本方法
业务逻辑清晰,用户体验良好,页面设计精美,建站目标明晰是网页设计的目标,在网页设计这个方面,对于新手来说有很多东西可以直接去学习的。这里是我们给大家整理出来的精彩内容。我相信,这些问题也肯定是很多朋友在关心的,所以 -
Dreamweaver定义模板批量制作web网页
导语:做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。下面就由小编为大家介绍一下Dreamweaver定义模板批量制作web网页,欢迎大家阅读! 一、建立模板 1、创建模板页面最简单的办法是 -
用Dreamweaver制作网页的技巧
当我们经过反思,有了新的启发时,写心得体会是一个不错的选择,这样能够给人努力向前的动力。那么心得体会怎么写才恰当呢?下面是小编为大家收集的教师教研活动心得,欢迎阅读与收藏。教师教研活动心得1《幼儿教师教研活动及 -
Dreamweaver制作网页的方法
AdobeDreamweaverCS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器,DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的`充 -
Dreamweaver网页制作的技巧
作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。本文特意为大家收集整理了Dreamweaver网页制作的技巧,希望大家喜欢! 1)怎样将 Dreamweaver 集成到 IE 浏览器?Dreamweaver 安