范文无忧网范文学习范文大全

如何使用Dreamweaver制作一个网页

01月31日 编辑 fanwen51.com

[插花使用的花材依据它们的形态特征可以分成哪四类]花材形态 1、线形花(线状花):整个花材呈长条状或线状。作用:构成造型的轮廓,也就是骨架。 例如:金鱼草、蛇鞭菊、飞燕草、龙胆、银芽柳、连翘等。 2、定形花(形式花):花朵较大,有其特...+阅读

Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。

一、定义站点

1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用英文名。

2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 ***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。

二、创建页面

1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 ***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。

2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色

(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。 ***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。 ***在网页上打入空格的办法是:把输入法调为全角。 ***在网页上换行的办法是:shift+Enter。只按Enter则为换段。

三、为页面添加图片

1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。

2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。

3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。

4、 “链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。

四、添加超级链接

1、为文字添加链接。 比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。

2、为图片添加链接 与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下: 在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。

3、添加E-mail链接 选中需要添加E-mail链接的文字或图片,打开属性面板,在“链接”一格中输入填写邮件地址。格式如下:mailto:邮件地址。注意中间不空格。

4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。

五、表格的使用

1、点击插入/表格,打开表格面板进行设置。行数、列数、宽度、边框等,“单元格填充”为单元格内侧与内容的距离;“单元格间距”为单元格之间的距离,单位均为像素。

2、插入表格后,在表格的边框上点击一下,可以全选整个表格。然后在下面的属性面板里可以进行各种设置。

3、把光标移到其中一个单元格,此时看到的属性面板,就是单元格的属性面板。也可以进行各种关于单元格的操作。如背景色、背景图、边框、合并、拆分等。

六、关于表格的其他操作 一制作细线表格 原理:

1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。

2、选中所有单元格,设置其背景为白色。 二自动格式化表格

1、先制作好一张表格,然后选中。

2、选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。 三一像素分割条

1、插入一个1行1列,宽为200像素,边框边距均...

延伸阅读:

想做网页设计师需要些什么(静态网页) Dreamweaver8.0:网页布局、制作;Html&Css简介;网站管理与维护、上传与下载;案例分析 Flash8.0:美工设计、网页配色;CI、LOGO、Banner的制作;常见网页动画制作、网页布局 F...

一名优秀的网页设计师应具备哪些条件1,过硬的技术,除了有扎实的基本功(HTML/XHTML+div+css+js/jq/ajax、PHOTOSHOP,flash,coreldraw,AI)之外,还会其他方面的知识,例如:3D-max,manya等 2,做一个会画画的网页设计师,网页设...

网页设计师应该具备哪些素质1)作为一名网页设计师,首先要具备较强的审美能力和美工功底。 如果你想成为一个优秀的网页设计师,那么你应该要有较强的审美能力和美工功底。如果没有,那么你一定想办法加强这两...

一个网页设计师需要哪些能力先学习HTML.了解里面的元素运用 然后学习CSS.样式表.. 然后学习一下JS...给你的网页增加些活力.. 当你能独立完成一个个人静态网页. 所有链接均可使用. 层次分明..用色谐调....

包括C语言 C Java数据库网页设计等评分标准怎么定啊给你参考 如何制定评分标准? 回答:指定一个合理的评分标准要分为三步走: 第一步:确定评分因素 即首先要确定哪些因素作为评分的内容。财政部第18号部长令规定,综合评分法的主要因...

如何加强财政专项资金的管理使用(一)转变观念,提高认识,加强依法理财。 (二)深化财政改革,完善专项资金有效管理机制。 1、建立完善专项资金管理制度。 2、建立完善有效管理的机制。 (三)依法理财,严格预算法和各项专...

我国使用食品添加剂的有关规定是什么?第一章 总 则 第一条 为加强食品添加剂卫生管理,防止食品污染,保护消费者身体健康,根据《中华人民共和国食品卫生法》制定本办法。 第二条 本办法适用于食品添加剂的生产经营和...

新手如何dw制作网页只需要,进行简单的网页的页面制作,连接,连一下。 而做网站,则需要,进行后台程序的制作。 我首先,来说一下,网页的制作的过程: 第一、设计你所想要的主页(index.HTML),就是,简单的排版,不...

怎样使用Adobe Dreamweaver制作网页这个问题,不好一下子说清;总的来说Adobe Dreamweaver制作网页比较简单,因为他是所见即所得的模式。学会软件的使用了也就初步学会用Dreamweaver制作网页了;Dreamweaver制作网页...

推荐阅读
图文推荐
栏目列表