⑴ 求DW制作网页的基本步骤
具体操作步骤如下:
一、首先,在计算机C盘下创建一个“myweb2”文件夹,如下图所示。
⑵ 如何使用Dreamweaver制作一个网页
首先要下载安装Dreamveaver程序,接下来按下面步骤来操作:
创建网页页面
1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。
注:在网页上打入空格的办法是:把输入法调为全角。
注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。
下面拿一个现成的例子来给大家讲解一下:
现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:
注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。
一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。
【输入欢迎文字】
在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。
保存页面。
一个简单的页面就这样编辑完毕了。
【预览网页】在页面编辑器中按F12预览网页效果。
网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。
⑶ 如何用dw软件制作网页的小网站
打开DW,DW界面如图
2
分析所制作的网页的需求,明确目标
3
明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。
4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹
5
在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片
6
新建HTML,选择“创建”
在“标题”中输入“新闻网页首页”,转换到“设计”界面
根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置
插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”
插入图像,不知道怎么填的话就一直选择“确定”即可
插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”,附上效果图
选中第二行,点击鼠标右键,选择“表格”,“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件,选择用360浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际
步骤阅读
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
⑷ 如何用dw制作网页
只需要,进行简单的网页的页面制作,连接,连一下。 而做网站,则需要,进行后台程序的制作。 我首先,来说一下,网页的制作的过程: 第一、设计你所想要的主页(index.HTML),就是,简单的排版,不一定需要在电脑上。 第二、就是主页的布局及制作。布局,现在一般是用CSS做的,如果,你对CSS了解很少的话,你可以用表格制作(本人严重建议使用CSS制作,可以避免很多麻烦)!而制作的话就是,插入图片及文字就可以了! 第三、就是制作后续的连接页面。(具体方法同主页制作方法!) 其次,来说一下:层与表格之间的区别, 层在DW CS3、CS4的版本里的代码,都是用来实现的,即,层在实质上就是CSS实现的DIV框。只不过层是用固定定位来显示的(即相对于浏览器的上界面多少px(像素),相对于左界面多少px)。当然,你可以通过,css代码来实现,相对定位。 而表格,就没有那么复杂了,它就只是,纯粹的一个框,里面几个单元格而已。 最后说一下,表单和框架 表单是用来传输信息的,就是与数据库联通,进行数据的交换时用到的东东。 而框架的话就是,平常我们电脑里的资源管理器的东东一样,就是在一个页面里,当你点击了某一部分的文字时,另一部分,内容进行变化,但你点击的那一部分是不会变的! 框架的形式有很多种,一般有上下式、左右式等!
⑸ 如何使用Dreamweaver制作一个网页
建议网络搜索一下Dreamweaver是使用教程和建简单网页方法,很容易懂的。
在桌面上找到dreamweaver软件,双击打开。
进入后,在中间区域的居中位置,可以快捷的新建网页文件及其他文件,也可以用文件-》新建的方式新建文件,此处采用文件新建。
单击文件-》新建,页面类型选择html,点击创建即可创建一个空白页面出来了。
网站是有站点的,下面新建一个站点,单击站点-》新建站点,弹出如下对话框,将网站名称起名为“第一站”,站点文件夹点击后面的文件夹小图标新建一个即可,文件夹只能用英文字母。
点击高级设置修改默认文件夹。
都设置妥当后在页面的代码区域输入如下代码.
点击顶部的小地球图标可以在浏览器中预览,会提示是否保存页面,点击是。
选择保存的名称一般情况下网页的首页都叫index,将名称更改后确认即可在浏览器中看到刚才的成果啦。
⑹ 如何用DW制作模板
用DW制作模板步骤如下:
1、首先是必须建立好一个页的基本框架,把固定的元素先确定下来,留出一些空白的编辑区域给一些变动元素。
⑺ 如何使用ps和DW制作网页
很简单,你在photoshop里面工具栏中用切片工具先将ps中制作出来的网页切割开,然后再文件菜单中保存成为网页,记得要选择文件和图像选项,这个就保存成为了一个最基本的网页,然后将保存的文件用dw打开,就可以再次编辑,当然这个是最简单的方法,对初级入门者做网页最快的方法了
⑻ 如何用dreamweaver制作网页
一般用DW程序设计网页,然后用FTP上传至空间上。
COM国际域名+M1
-
S型空间(100M,多线机房,支持ASP、CGI、PHP、ACCESS,FTP管理),网站备案免费。每年费用是185元。
⑼ 如何使用Dreamweaver CS6编写PHP程序,如何使用DW创建PHP站点
我们都知道,DW即Dreamweaver的缩写,这是个非常优秀的可视化的网页制作工具,但是你知道吗?它现在早已经超出了早前版本的功能了,针对不同的WEB开发者,它都有相应的集成环境,下面我们就一起来学习一下吧。
1、今天我们以DW CS6为例,演示一下创建一个动态站点。由于DW CS6为Adobe公司最新版的DW,所以,其对动态语言增加了很多友好的支持,例如:代码补全、代码提示、语法检查等,那么用它来编写PHP程序已经很给力了。
2、首先运行你桌面上的这个东西:
13、弹出一个看上去很复杂的层。
14、这里,服务器名称任意写,自己取名,连接方法我们选择本地/网络,因为我们是做测试,PHP环境是安装在本地,(如果你有FTP,你可以使用FTP)。
16、然后切换到高级选项
我们选择一个服务器模型,由于我们使用PHP编程,本例我们选择PHP MySQL,这里还有其他选项
我们要根据自己的WEB开发语言来选择,如果你使用的JSP,那么请你选择JSP。是什么语言就选择什么语言。选好后点击“保存”。
17、然后就可以看到我们配置好的服务器站点了
18、我们为了编码方便,就选择一个风格,我选择“编码人员(高级)”风格
19、然后在文档中开始编写代码,如果你嫌弃DW生成的那几行代码碍事,全选,直接删了也无妨。
20、写好,保存(ctrl+s),然后直接按F12键就可以预览效果了
⑽ 如何使用dreamweaver制作网页
工具/原料
Dreamweaver CS6
方法/步骤
1、新建一个ASP网页并且保存。如图所示