太原dw网页设计个人网站制作（dw网页设计制作教程）

今天给各位分享太原dw网页设计个人网站制作的知识，其中也会对dw网页设计制作教程进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、使用Dreamweaver软件设计并制作完成个人网站，题目自拟。要求有五个连接的网页文件。
• 2、怎么用dreamweaver制作网站
• 3、怎样制作个人网页?
• 4、我用DW怎么制作个人网页

使用Dreamweaver软件设计并制作完成个人网站，题目自拟。要求有五个连接的网页文件。

一、认识Dreamweaver

--网页设计与制作教学案例分析报告

【教材分析】

在学习《网页的设计与制作》之前，学生已初步掌握了网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，但多数学生对网站网页的了解也仅仅只停留在这种简单的操作层面上。本节教学中通过网页、网站基本概念的了解，让学生理解网页的基本元素构成和经常使用的构件，了解超文本标记语言HTML，通过对网页制作工具的比较学习，了解不同常用网页制作工具的特点，为下一节的学习打下基础。

【学情分析】

在学习本单元之前，学生已初步具备获取信息的能力，他们学习了网络基础知识，掌握了网络信息的浏览、搜索和下载以及电子邮件的收发、文件传输等技能。学生希望自己能制作网页，并将网页发布在Internet上。因此学生对本单元学习的兴趣很大。学生在学习本单元前已经学过Word应用软件的使用方法，并掌握一定的文字输入、图片的编辑、表格的插入等技巧，这对于本单元的学习非常有利。

【教学目标】

1．知识与技能

（1）了解网页、网站的基本概念，理解网页的基本元素。

（2）了解基本的网页制作软件的界面和特点。

（3）了解网站的地址标识——URL,超文本标记语言HTML, 了解超文本传输协议HTTP。

2．过程与方法

（1）通过对一个网站网页的分析，了解网页、网站的基本概念，理解网页的基本元素。

（2）通过教师的演示和讲解，初步了解基本的网页制作工具软件的界面和特点。

3．情感态度与价值观

（1）培养学生严谨求实的学习态度。

（2）培养学生学习中勇于探索、崇尚科学的意志和品德。

【重点难点】

重点：网页的基本元素

难点：网页的基本元素，构件

【设计思想】

同学们喜欢上网，但是有一部分学生不能区分网站和网页，在设计时，我首先与语文学科整合，结合语文教材内容，播放《再别康桥》flash动画朗读版，以此来创设快乐课堂学习情境，进而引入徐志摩文学网，让学生思考网站和网页有什么联系？引出本节课的主题，以提高学生的学习兴趣和求知欲望。当学生对网站与网页有了一定的认识之后，引导同学们自主去探究发现构成网页的基本元素有哪些？有什么作用？接着组织学生继续讨论、交流网页中除了三种基本元素外，还有哪些经常使用的构件？然后引导学生查看网页的源文件，从而顺利引导到对Dreamweaver网页制作软件的了解，为本章后面的知识学习作铺垫。

【教学流程】

教学环节 教师活动设计

创设情境，激发学生的学习兴趣 引入课题

幻灯显示《再别康桥》flash动画朗读版，指出诗很美，作者笔下的康桥更是让人向往，激发学生的求知欲。

引导学生进入徐志摩文学网 ，对URL、http作一定的解释。现在大家看到的是什么？（进入到徐志摩文学网页面让学生回答）引出本节课的主题“网站和网页”，让大家思考网站与网页有什么联系？

1、从美学角度出发，创设快乐课堂学习情境

2、与语文学科整合，结合语文教材《再别康桥》，引入徐志摩文学网

3、学生明确本节课的学习主题内容

自主合作探究 网页的基本元素  教师提问：在徐志摩文学网中，各位同学是否发现了神往已久的康桥，除此之外，还发现了什么？

学生活动：用发现法去找出有关康桥风景欣赏中的任一张图片，再别康桥的诗和徐志摩简介网页.

网站与网页有什么联系？学生讨论之后，教师总结：网站包含多个网页，通过超链接把不同的页面链接起来。构成网页的基本元素有文字、图形和超链接。网页中常见的图象有jpg和Gif。网站的首页即为主页。

学生活动

在桌面上新建一个以自己号次命名的文件夹，进入徐志摩文学网完成以下任务

课堂任务一，触摸网页的基本三要素：

1、 要求下载康桥风景欣赏中的任一张图片，文件名改为kq

2、保存«再别康桥»这首诗，复制，粘贴到word文档中，文件名改为zbkq

3、要求下载徐志摩简介网页

网页揭秘刚才我们了解了网页的基本元素、构件，这些不但美化了网页，还丰富了网页内容，增强了网页功能。下面让我们来看一看网页究竟是怎样组织的。以课堂在线网站为例，选择滚动字幕，点击“查看”菜单中的“源文件”命令。

教师总结：网页中包含的文字、图像、超链接和表格等基本元素及构件是由超文本标记语言（HyperText Markup Language，简称HTML）进行描述的。HTML是一种超文本标记语言，由网络浏览器解释执行，最后将解释结果显示出来。   几乎所有的网页都是用超文本标记语言编写的，下面就让我们利用记事本来体验一下。

网页制作工具比较1、用HTML语言制作网页，让学生对照老师的任务提示，观察一下一个简单的HTML网页文件的浏览结果变化。

（提示学生选择“查看”菜单中的“源文件”命令进行修改。）html

head

title我的个人主页/title

/head

body

font size="3" color="#FF0000"

欢迎大家光临！/font

/body

/html2、用网页制作工具软件制作网页   在“文件”菜单中用使用Frontpage编辑上述网页，比较两者特点。

教师总结：除了Dreamweaver之外，还有比较专业的网页制作工具Frontpage，一般我们使用Dreamweaver进行网页制作。

1、学生听、看老师讲解和演示，并思考。2、学生操作实践学生任务：将size="3"改为size="6"，color="#FF0000"改为color="#000000"，观察其变化。

学生

练习 本节课涉及到的基本概念较多，考虑到前面已经有过文字小结，因此，这里改用选择题的形式来帮助学生整理和巩固。

学生完成“课堂在线——网站和网页”中的“课堂练习”。 教师巡回检查，个别辅导有困难的学生。

学生操作练习，完成课堂练习。

“在线批改”可以让学生及时纠错，并据此判断学生是否掌握本节课的内容。

交流与评价 每位同学学习完本课，并完成实践过程之后对自己的学习情况进行自我评价，完成“课堂在线——网站和网页”中的“交流评价”。指导学生进行自我评价，并根据反馈的结果适当点评。

学生自评，通过大屏幕实时显示评价结果，教师可以及时地点评学生的学习情况。

本课

小结 本节课主要讲了网站和网页的基本内容，网页的基本元素、构件及网页制作工具等。

学生对本节课的内容知识进行回忆小结

根据本节课的学习内容，要求学生设计一幅个人网站的主页。

思考、设计，为下面的课做准备

学习

拓展 拓展网页构件的使用，让学生根据表单的信息进行注册，查询，通过输入、查询等功能来激发学生的学习兴趣，让学生更能理解学过的数据库管理有关知识。 学生注册信息、查询信息

【小结板书】

怎么用dreamweaver制作网站

网站是由很多个页面组成的，用Dreamweaver来制作网页非常简单而且很方便。在官网下载一个Dreamweaver网页制作的工具，然后安装之后打开DW。

在DW选项的中，选择新建一个Html文件

进入Dreamweaver主界面后，我们可以看到自动生成的标题title/title,头head/head、身体body/body这些标签都是成对出现的，有一个开头就有一个结尾。

这些代码是软件自动生成的，直接用就行。把你的网站名字写在title网站名字/titel之间，内容放在body内容/body的中间。

然后点击查看 -代码和设计

然后文件-另存为你自己知道的位置。文件的后缀名都是.html。

点击浏览页面

这就可以了。

怎样制作个人网页?

怎样制作个人网页

如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.

要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。

二、开始制作

你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。

在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~

三、将你制作好的安放在网上

要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！

需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

网页制作网址大全

参考资料：

我用DW怎么制作个人网页

个人网页制作书上教的大都是一些静态网页，学了也基本没多大用处，最好还是学动态的，如asp，php等带数据库管理，前期可以在自己的电脑上架设一个iis服务器，或iis+php服务器，然后下载一些网站源码在你的服务器上，分析下载的网页源码，看看人家是如何实现网页上各种功能的，试着按自己想要的效果去修改，网站管理很多长时间了，最开始我也是从这一步开始的，所以建议你要学网页制作就从架设网页服务器开始。

dw只是一个工具，如果对网页div,css，数据库等熟悉也，也可以不用它。

太原dw网页设计个人网站制作的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dw网页设计制作教程、太原dw网页设计个人网站制作的信息别忘了在本站进行查找喔。