如何用dw制作简单网页三层框架结构构准确?

很多初学网页设计的用户都听说过这款dreamweaver软件吧,毕竟它的可视化功能对每个网页制作人员来说都是非常有帮助,当然,初学者在使用这款软件时,问的最多的问题就是Dreamweaver怎么制作网页,其实想要入门这款软件还是比较容易,只要掌握了html和css,就能通过这款软件制作出自己想要的网页,为了让初学者能快速进入制作状态,小编也带来了Dreamweaver网页制作教程详细内容,一起来看看吧。

1、首先你要了解一下具体的网页是什么样子;
2、比如这个主页,我们可以将它分为好几个框架分布,如下图所示;
3、一般情况下,网页都是这样制作而成的。那么,div命令,我们就可以理解为框架的意思。也就是网页划分的一个重要组成元素。当然,代码的实现还是:“

5、这时,我们应该对这个id进行定义,定义当然应该在css文件中进行,因为要运用到整个网站主页。在css中,定义的语法规则为:#contain;
6、定义完后,在后方输入英文的{},{}中定义属性,我们还是定义北京:{background-color:#999};
7、你会发现,在预览视图中,会有灰色的背景色的div框;
8、但是F12预览却没有,这是为什么呢?
10、最后看一下效果:
以上就是dreamweaver通过div制作页面实例,对于初学者可以先了解下。

这是小编给大家带来的一个dreamweaver制作网页的详细教程,初学DW的朋友可以参考一下。
1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。
***备注:网站中所用的文件都要用英文名。
2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。
***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。
1、在本地文件夹E:MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为.cn,此时,菜单项一栏里又多了一个选项,这个选项对应一个网的链接地址。
4、 使用同样方法,在菜单中添加其他一些选项及对应的链接。还可以用“上”“下”的按钮,来调整它们的顺序。
5、 设置窗口的“菜单之后插入前往按钮”一项先不要选择。选中“更改URL后选择第一个项目”一项,这样当使用跳转菜单到某个页面后,如果返回到跳转菜单页面,此时页面中的跳转菜单默认显示的依旧是第1项内容。
6、 设置完毕后点击“确定”即可。
****因为跳转菜单是一个表单,所以其实是先插入了表单(红色虚线区域),然后在表单中再插入了下拉菜单。
7、 想修改选项,可以选中页面上的下拦菜单,此时点击属性面板中的“列表值”,即可修改各项内容了。
8、 当选中跳转菜单时,行为窗口中也出现行为。双击该行为,也可以进入设置窗口,可以重新对其进行设置。
9、 如果“菜单项”里的第一项就是链接,而不是上面所说的一句提示的话,那么就要选中“选项“中的“菜单之后插入前往按钮”。添加一个“前往”按钮。
二十一、运用插件(Dreamweaver功能扩展
2、 启动Dreamweaver,在做好的页面上,右击左下角〈body>,然后点击行为窗口中的“+”号按钮,在其中选择“Animate Browser Window”,然后在其中做相应的设置。这里设置窗口打开之前高宽均为0,打开后为填满屏幕。触发条件为onLoad。
1、把光标插入点放在需要插入滚动字幕的地方。
2、点击插入面板的“标签选择器 ”。
3、选择 marquee标签,点击“插入”按钮。然后关闭“标签选择器 ”。
4、转换到代码视图。把光标插入点放在 两个marquee标签之间。
5、选择“窗口”/“标签检查器”。可以在“标签检查器”中设置标签的各种用法。
6、点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。其中三个选项意思分别是:Alternate:内容在相反两个方向滚来滚去。Scroll:内容向同一个方向滚动。Slide:内容接触到字幕边框就停止滚动。
7、direction属性设置字幕内容的滚动方向。四个选项意思为:down:向下运动。Left:向左运动。Right:向右运动。Up:向上运动。
8、scrollamount属性设置字幕滚动的速度。一般设为1。
9、scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。
10、width属性设置滚动字幕的宽度。这个任意,比如设置为300。
11、onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。这个两项不能选,只能手工输入。在onMouseOver后面输入“ )一般它都包括两个文件:一个是index.htm,另一个一般是命名为images的文件夹,即我们所说的用来放置图片的。
3、定义好站点,然后将这两个文件(夹)复制到站点文件夹下。
4、双击index.htm文件,即进入首页的编辑状态。然后就可以修改这个页面让它符合自己的需要。这样即可完成首页。
三十一、将已有的网页保存为模板
****用于在一个网站中有大量重复出现的页面时。(在新建和使用模板之前一定要定义好站点)
1、 选择某一页,点击文件/另存为模板,将当前页面保存为一个模板。此时打开了“另存模板”窗口,为该模板取名,然后保存。
2、 此时可以发现在站点中自动创建了一个名为Templates的文件夹,在该目录中存有我们保存的模板。其扩展名为.dwt
3、 这个模板目前在被运用时,是无法修改的。所以要设定模板的可编辑区域。
4、 比如,在当前模板页面中,需要让页面中间部分可编辑,这样使用模板时就可以在其中添加内容了。选中页面中间部分的表格单元格(按住CTRL键在单元格里单击),点击主菜单中的插入/模板对象/可编辑区域。此时会打开对话框,在其中为模板取名,然后确定。
5、 此时所定义的可编辑区域被浅蓝色线条框起来,并且左上角还有该区域的名称。将模板文件保存并关闭。
6、 点击主菜单中的文件/新建,在新建页面窗口中点击上方的“模板”选项。
7、 此时在“模板用于”一栏中列出了当前定义的站点,选中某个站点,在窗口中间一栏中显示的是该站点拥有的模板文件。选中某个模板,在“预览”一栏中可以预览该模板。然后点“创建”按钮,就新建了一个页面。
8、 在出现的新页中,除可编辑区域外,其他部分是不能进行修改的。
三十二、上传自己的网站
1、 申请网站空间,然后将它上传到网上。目前基本上没有免费空间,免费空间也都需要放置广告,或是申请一个收费空间,它都会提供十天左右的试用期,可以作为网站测试来用一下。
2、 在点击申请后,会出现要求注册的表格,一般包括用户名、密码、邮箱、联系电话、省份、主页的名称、主页的类别、主页的简介等。
3、 全部填完之后,即可得到以下几项:①用户名(刚才填写)②密码(刚才填写)③FTP上传地址 ④主页地址(有时是将以上几项发送到所填写的邮箱)
4、 下载并安装FTP上传软件,可以用CuteFtp(昆山视窗/软件 可以下载,免费)
5、 打开CuteFtp软件,点击主菜单中的文件/站点管理器。
6、 在打开的对话框中填写好FTP上传地址、FTP站点用户名称、FTP站点密码,然后点击连接,就可以连接到站点服务器。(第二次打开就自动连接,不用再填写了)
7、 连接好以后,在页面上出现框架,左边为本地计算机上的文件,右边为远程计算机,只要将左边的文件(即做好的网站文件)一个个拖动到右边,即完成了上传。
三十三、宣传自己的网站
如何让网站地址让别人知道,方法有二:
1、 用专门的软件,可以将网站登录到各大搜索引擎。
2、 手工登录。如打开百度,在下面有个链接“网站登录”,点击后会被要求填写网站地址、名称、内容等,然后就被收入百度的搜索引擎了,这样别人就可以搜索到你的网站了。其他网站登录同理。

}

在基地培训学习的这十几天里,让我受益良多。首先,让我明白了计算机知识的博大精深。一个小小的网页、网站制作却需要很多的知识去编写,其次,我明白了解了Dreamweaver软件的用途和应用,并初步对代码,元素的专业术语有了一定程度的理解。然后,当我自己制作,初步接触时,才发现这一切并没有想象中的简单,很多地方都需要一边翻书查阅一边制作,这使我了解到制作网站并没有课上讲的那么容易,轻巧。最后,制作的过程和学习的过程让我明白了团队的重要性,明白了队友的含义,同心协力,难题才会迎刃而解。

这是我们在基地里德第一次培训,第一天学习。我们怀着兴奋,喜悦的心情早早就来到基地中学习,等待培训学习的开始,很快就到了上课的时间,我们纷纷来到“五星”基地中参加培训学习,当我看到时学长时,不禁有些失望,但更多的是崇拜,憧憬着自己也能够通过自己的努力来到那个讲台上,锻炼自己,教授知识,当晚的培训学习中,学长教授了Dreamweaver的初步知道,如:如何插入图片、文字、一个网页的大体结构、各种专业术语和定义等。这让我们了解到了计算机知识的深度和高度,以后要走的路还很长很长。

在接下来的培训学习中,网页制作学习的层层深入,让我有些应接不暇,其中的很多知识都让我摸不清头脑,难以理解,但我相信,我们还是能够很好的完成基地的任务——静态网站的制作。日志2:

经过几天的培训学习,我们自强3人组也对网页制作和Dreamweaver软件有了一定的了解。现在应该实行着手制作了,刚开始总是困难重重,这个不知怎么弄,那个不明白怎么设置,我们毫无头绪也毫无办法。这是,组长提议去图书馆借阅相关书籍来辅助网站制作。拿着书本我们再次会带电脑前,投身于制作当中。这次的尝试就容易了许多,我们设计出了主页的框架,这使我们相当的兴奋了,之后遇到的各种难题,我们有时通过自己研究和书本辅助来克服,有时需要师兄师姐的各种指导,随着时间的推移,作品也渐渐趋于成熟。真期待展示的日子早些到来呢。日志3:

血色3人组的成员分别是韦羽、伍蓉蓉、卢政炜。我们3个皆是10级的新生。刚入基地,各种基础不扎实,这时基地布置下来的静态网站作业,让我们慌了手脚,但是很快便冷静了下来,既然无法抗拒它那就学会享受它吧。于是我们3人走到了一起,组成一个团队,取名自强,意寓为我们同心协力、不会放弃。其中,由韦羽负责总编,设计框架和引领制作,由伍蓉蓉手机素材,完成美工任务,由卢政炜完成各种文字编辑充实网页内容。我们3人分配很合理,3人也很乐意如此分工。相信,我们将是一个不错的团队。日志4:

随着交作业的日子越来越近,我们的神经也被压得紧紧的,因为学科的因素,我们不得不把大部分精力放在学科作业和复习上,只能用一些闲余的时间去啃各种辅助书本和制作网站,并且师兄的不定时检查也给我们带来了诸多的压力,但好在我们咬着牙,掘着骨,挺了过来。现在我们的制作已经临近尾声,并且收到了师兄的一致好评。这使我们欣慰的同时也很喜悦和兴奋。我们的汗水和付出没有白费!!日志5:

在基地学习培训的日子结束。这意味着学习已经结束了,师兄把能教给我们的都已经给了我们,接着就要看我们如何发挥,如何制作,如何创新了。在这以后的日子里,师兄会给予我们一些指导,也会对我们提出一些批评或者表扬之类的话语,以激励我们奋发图强,奋勇前进。在这学习培训的日子里,有过苦有过笑,让人终生难忘。我想以后这种机会将不会很多,所以要好好的把握,好好的珍惜,不放过任何稍纵即逝的机会。

第2篇:DW_教案讲解

一 网页制作与网址建设基础知识

初步了解WEB工作原理、初步了解URL构成、了解网页版面布局 连接了Internet计算机、DreamWeaver 8和IE 6软件 二.教学环境、设备 三.教学步骤

WEB网站也是常用的一种软件开发模式(B/S)网站的访问是通过网址(URL地址)进行

网页版面布局是网页制作中最为重要的环节之一

2.网页制作的相关知识 3.网页制作的基本方法

1.确认计算机连接了Internet 2.双击IE浏览器 3.在地址栏中输入网址

站点的作用,创建WEB站点、创建一个静态网页并能够保存在磁盘上形成文件 二.教学难点 三.教学环境、设备

DreamWeaver软件是当前最为流行的网页制作软件之一,熟悉和熟练掌握该软件对学生在进行后面的学习中将起到关键的作用

3、在地址栏中输入网址

三 插入文本和图像(1学时)

一.教学目的了解网页中插入文本和图像的基本操作、并能对插入的文本和图像进行属性设置

文本和图像是一个网页的基本元素,向网页中插入文本和图像以及对问本和图像进行属性设置也是网页制作人员必备的技能

1.掌握插入与修改文本的方法 2.了解CSS样式 3.插入文本 4.设置文本属性 5.创建列表项 6.拼写检查 7.图像编排 9.文本和图像应用

3、利用属性面板对文本进行格式化操作

5、利用属性面板对图像进行格式化操作

六.实验拓展习题(学生选做)

四 超级链接(1学时)

一.教学目的了解超链接的基本特点、掌握超链接的创建与管理方法

创建图像及热点超链接、创建邮件、关闭窗口和后退的超链接

超链接是网页间的桥梁、是一个网站必备的元素;一个有效网站就是有一个主页和多个网页构成的,网页间的相互访问就是通过超链接来实现的(二)教学步骤

1.创建超链接概述 2.在页面中创建文本超链接 3.在页面中创建图像超链接 4.在页面中创建图像热点超链接 5.在页面中创建邮件超链接

6.在页面中创建后退、前进和关闭超链接 7.超链接管理

3、选中输入的文本,在属性面板中使用超链接属性来选中test2.htm 六.实验拓展习题(学生选做)

制作网页间的超链接 制作图像及热点超链接

制作邮件、关闭窗口和后退的超链接

一.教学目的了解Dreamweaver 8中表格的基本特点、掌握表格的基本操作、掌握使用表格创建网页的方法

插入并美化表格进行页面布局。

一个网页是否美观主要取决于页面布局是否合理、各个功能模块是否划分明确,而表格的主要重要就在于页面布局

1.了解Dreamweaver 8中表格的基本特点 2.掌握表格的基本操作 3.掌握使用表格创建网页的方法 4.插入表格 5.单元格操作 6.表格操作 7.表格数据操作 8.使用表格规划页面布局 9.表格应用

3、根据页面布局需要合并或拆分单元格

4、对表格进行属性设置

六.实验拓展习题(学生选做)

一.教学目的掌握表单的基本操作、掌握使用表单创建网页的方法

创建互动网页、表单的设计

当前的网站都存在与用户进行交互的模块,让用户填写信息是实现交互的第一步,掌握好表单的设计对后面做交互模块具有重要的作用

1.表单对象 2.插入表单域 3.插入文本域 4.插入文件域

5.插入单选按钮和复选框 6.插入按钮

7.插入列表和下拉菜单 8.插入其他表单对象 9.表单应用

3、在表单中插入表单元素

六.实验拓展习题(学生选做)

制作一个用户注册的表单页面如下

一.教学目的掌握框架的基本操作、掌握使用框架创建网页的方法

框架能将不同的内容显示在同一个浏览器窗口中,利用这一技术将页面分成不同的区域,分别在这些区域中显示不同的内容

框架集的主要作用是决定文档窗口中显示的文档数目、各个文档的大小、文档以何种方式载入框架集。

1.认识框架 2.创建框架 3.框架的基本操作 4.插入预设的框架集 5.设计和插入框架集

2、编辑各个框架内的网页

六.实验拓展习题(学生选做)

一.教学目的了解模板及其基本特点,掌握模板的创建、使用与保存,掌握使用模板创建页面的方法与技巧

网页制作是一个复杂而又费劲的工作,而又多个网页的布局和界面大致相同,如何能快速完成这些网页的制作,模板就为我们提供了快捷的方式。

1.模板简介 2.创建模板 3.使用资源模板 4.定义模板可编辑区域 5.创建基于模板的文档 6.设置模板参数 7.模板应用

2、完成布局和美化模版的工作

六.实验拓展习题(学生选做)

九 层和行为(2学时)

一.教学目的了解层的基本特点、掌握层的插入与设置方法;了解Dreamweaver 8行为的概念及其基本特点、掌握行为的设置与使用方法、掌握第三方行为的下载方法

层也是网页布局的一种方式,另外特效网页的很多必备元素(层);行为在网页中能够根据动作来实现特殊效果的(二)实验步骤

1.行为概述 2.行为面板

五.实验拓展习题(学生选做)

制作一个显示-隐藏层的网页特效

今天我们怀着激动而又坎坷的心情走向了实习目的地,果洛州广播电视大学,激动是因为本次实习是我上大学以来的第一次实习,而坎坷是因为害怕去后,表现的不好,怕领导骂,哎,不管怎么样,我们的实习生活就此开始了。

今天是实习的第一天,所以我们几个起的很早,随便洗漱了下,就快不来到了本次实习的目的地,果洛州广播电视大学。看着校园机关里很早就忙碌起来的教职工,自己在一边感受着这个气氛,也感到干劲十足。

这就是我未来五天里要待的地方了,这就是我未来要从事的行业人力资源与管理。终于等到领导的到来,这里说的领导是果洛州广播电视大学的华校长,也是我们在这个大学里最先接触的人。华校长把我们三人安排到了学校教务处。到教务处正式报到,认识了新同事。大家都很友好地对待我们。中饭是跟他们一起吃的,聊了很多,我发现这里每个人都很热情,员工关系良好,跟他们谈话,也使我了解了校园内部的一些人际网络,受益很大。我们的办公场所是丁主任的办公室,其中包括了我,唐斌,盛兆库,丁主任以及王哥也跟我们一个办公室,大家似乎都没有距离,但也上下等级森严。同事很友好,主任对我们很好,短时间内我看到的只有这些,希望我的眼光不会出现偏差,六月十四日

第一天的实习生活开始了,其实并没有做什么工作,王哥带领我们参观

了学校的环境以及教学设施,虽然学校不大,但教学设备还是很先进的,每个教室都基本安装了电教设备,环境也很优美。前一天晚上我们所担心的能不能立刻融入这个团体,能不能立刻进入工作实习的状态。一天下来,感觉自己还是努力了,自己还是一半融入了团队,至少没有这么糟糕,至少没有种被排斥的感觉,没有种被隔离的感觉。六月十五日

实习的第二天,我很早就到了学校人来的还不多,就先打扫下办公室吧,于是我们三个把办公室地板扫了下,把垃圾都倒掉,办公室其他人看到后纷纷夸奖我懂事,心里很开心。

接下来接到丁主任的任务,任务就是熟悉了解教务处的各个岗位的职责和工作流程。并且让我们整理下前不久的学生考试的成绩,在做这一项任务时,我就在思考大学时学的理论和现在的实践确实不一样了。有时候感觉我们学习的理论和实践之间还有很大的差距。理论的知识很空洞,感觉实施的范围很广,但是当你踏入社会工作的时候,你就感到其实并不是很多的事情要你利用书上学习的理论去解决,而是凭你的经验或者耐心,仅此而已。

经过近几天的发现和多对教务处一些规章制度的了解,教务处主要职责包括以下几点:

1、在校长和主管教学副校长的领导下,认真履行教务处的行政职能,具体负责全校的教学管理工作。严格执行上级教育行政部门制定的政策、法规;

2、牵头拟订本校教育事业发展规划,提出教学改革意见,经批准后组织实施;为教学副校长当好参谋;

3、拟订教学管理的规章制度;

4、按照国家教育部和上级

教育行政部门的原则要求,落实培养目标,负责专业申报工作。负责组织制订专业教学计划、理论教学和实践教学大纲并组织实施。根据社会对人才的需要对教学计划进行必要的修订和完善,并对落实情况进行监督检查。

5、编制学年、学期教学进程计划,编制校历,编排课程表,下达教学任务,负责调课。

6、组织全校的教学改革及教学研究工作;组织科研立项、科研成果和优秀教学成果奖的评奖及申报工作;负责优秀课程、网络课程和精品课程的建设和申报工作;

7、抓好教学基本建设,做好学校教学的日常运行管理和监控考评,对教师的教学质量进行检查和监督,保证教育教学活动的顺利进行;做好教学信息数据的采集和管理工作,组织教师教学质量评估和学生学习质量评估,不断提高教学质量;

8、组织开展专业建设、课程建设、教学评价、师德教风建设、教材建设。

9、加强实践教学,探索学校办学及发展新模式。

10、协助主管副校长,配合人事保卫处提出教学人员调整计划,配合做好调入师资的考核;协助人事处做好师资队伍建设规划;做好教师的业务考核、培养、进修计划等工作。

11、负责全校教师业务档案的规范管理和指导检查工作,组织完成教师工作量的统计和上报工作。

12、负责考试的组织管理、学生专业考试及全校学生专业成绩档案管理工作。

13、负责与上级主管部门沟通、协调,及时完成上级各项统计报表和资料的上报及有关文件材料的收集、保管、整理归档工作。负责教学例会的组织工作。

14、负责教学督导工作,对全校教学和教学管理工作进行检查、督促、评价和指导。

15、负责网络中心的正常运转。

16、负责电化教学设备、文印室材料的采

购及设备人员管理工作。

17、完成校领导交办的其他任务。

由于我们是学习人力资源管理专业的,丁主任将我们安排到学校的人事部,让我们了解职工的基本信息,职工的工资与绩效考核,职工就职信息,职工的离职信息和职工的退休相关信息等。在人事部所带领我们的是王主任,王主任让我们又看了他们的员工招聘原则。六月十六日

今天听了王主任的讲座,主题是工资方案的制定。因为王主任这次讲座就是让我们了解人力资源的理论,所以讲的内容就是书上的东西。我感觉这东西挺熟悉的,以前都有接触过。但我觉得主要的问题不是这个,是否知道这些理论并不是最关键的,关键的是能不能把这些理论用到工作中。我们做为人力资源管理专业的学生,学了很多人力资源的理论,这有利于我们更好地溶入工作,在接触实践的时候能够更好地理解这些做法,并且更快地上手。但在学习中,要将这些理论学深学透,化为自己的心得,自己的思维方式,而不是只知道皮毛,只有这样才能真正把理论溶入实践。

讲座是在所有人事部职工之间进行的,大家都听得很认真,毕竟在老大面前要认真一点,同时这也是对自己专业很有帮助的。讲座完后,大家就在一起讨论,不懂的向钱主任提出问题,王主任也都一一做了解答。我向他询问了一些关于员工保险的问题,养老保险,工伤保险等,主任很耐心地解答了我的问题,由于公司主要从事建筑安装工作,一线员工经常受伤,经理就重点给我讲了工伤保险这一方面,虽然有些专业知识不是很清楚,但是还是学到而来很

今天是周五,实习的最后一天。大家依旧格外的忙,没因快到周末而放松,不能放纵自己,因此,今天我还是早早的到了公司。

到了办公室我仍像前几天那样学习着人力资源管理的相关知识,通过这一段时间的实习工作,我渐渐对我将要从事的工作-人力资源管理有了大概地认识。

人力资源管理分为六大模块:人力资源规划、招聘与配置、培训与开发、考核与评价、薪酬与福利管理、劳动关系。每一个模块都是人力资源管理工作必不可少的重要部分。每一个模块都各有侧重点,都有各自的实施方法。

这次的实习就在这种短暂而又忙碌的气氛下,结束了。通过这次实习,我更加看清了自身许多的不足之处,也学到了许多书本上没有的知识,今后在学校,我会更加的完善自己,更加认真,更加努力,为今后能找到一个好工作,打下坚实的基础。

1.的资料来自互联网以及用户的投稿,用于非商业性学习目的免费阅览。
2.《》一文的著作权归原作者所有,仅供学习参考,转载或引用时请保留版权信息。
3.如果本网所转载内容不慎侵犯了您的权益,请联系我们,我们将会及时删除。

}

使用HTML语言来设计制作

这门语言的特点就是标记,就是把所有的命令单词用<>标记起来,就可以发挥作用

还有一个特点,就是这个语言的标记是成对出现的,结束用</>

然后制作,2刀分成3块的框架

分好的框架用什么来表示?

内容来源于网络如有侵权请私信删除

}

我要回帖

更多关于 dreamweaver框架 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信