一、定义站点
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、为文字添加链接。
比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它
DW建站怎么制作设计网页终极教程_IT/计算机_专业资料。一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为 E 盘) ,如取名为 MyWeb。 ***...
Dreamweaver架设网站终极教程_IT/计算机_专业资料。一、定义站点 1、 在任意一个...8页 免费 DW建站怎么制作设计网页... 11页 4下载券喜欢此文档的还喜欢 ...
Dreamweaver架设网站终极教程一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用...
DREAMWEAVER 教案 54页 免费 DW建站终极教程 13页 免费 Dreamweaver全套教案 39页 免费 Dreamweaver实例教学 72页 2财富值 Dreamweaver教程全集 42页 免费搜...
46页 免费 dw建站 6页 2下载券 DreamWaver建站心得 12页 1下载券 在Dreamweaver MX中创建... 20页 免费 DW建站终极教程 13页 免费喜欢...
新手建站教程_互联网_IT/计算机_专业资料。《十分钟快速入门教程》欢迎来到 SiteServer...1. 本机安装SiteserverCMS模板制作插件 1、找到本机的DW的安装地址,例如本...
DW教程(1)_IT/计算机_专业资料。dw教程Dreamweaver3?上手指南 定义网站 在正式...建站篇 千里之行,始于足下。在做网页之前第一步就是要学会做网站。作为一个...
Dreamweaver架设网站终极教... 14页 2财富值 建站...DW建站怎么制作设计网页终... 11页 10财富值 ASP...新手建站完美教程 15页 免费 建站课程 7页 免费 从...
DreamWeaver实例教程前5例_计算机软件及应用_IT/计算机_专业资料。DW 网页设计 ...按新建站点的步骤逐步进行设置,最后保存完成制作 DW 网页设计 100 例 3:巧用...
Dreamweaver架设网站终极... 14页 1下载券 喜欢此...DreamWaver教程 29页 免费 DreamWeaver+ASP轻松建站....ASP+DreamWaver+CSS+JavaScript 学习札记 ASP+DW+...
闽公网安备 35021102001881号 
热门文档