如何使用Dreamweaver制作一个网页
1:制图,根据你的网页策划方案进行版面设计,在这里主要要注重网页美观度,实用性和用户体验··当然也要考虑靠后来架构网页的复杂程度,越简单越好,能重复使用的就重复使用 如一些标题栏背景什么的
2.图画好了就是切片,这里就是要对图片精确处理 以及图片命名等 图片推荐使用GIF格式 高精度图片还是用JPG吧
3.网页架构,在切片的时候就要开始考虑网页大体框架,然后在Dreamweaver里面用层结构啊或者表格都可以,主要侧重于规划,当然如果用DIV+CSS还要考虑对CSS的熟练程度,Dreamweaver这不好说,多使用一下就好,主要靠平时的积累和练习,想三分钟上手那是不能的
比如你插入一个层
·注册/登录
·发布信息
·网上防骗
·常见问题
就要按照版面设计上的来编写CSS
.nav{width:960px; height:30px; line-height:30px;}
然后定义UL里面的东西
.nav ul{margin:0;padding:0;list-style:none;}
.nav ul li{ float:left;width:50px;text-align:center;}
.nav a{dispaly:block; background:#000;color:#fff;}
类似于这样就好了 按照相应的版面对其进行调整
这里还需要注重不同浏览器之间的差异问题
4.最后就是检查测试,看看各个浏览器之间显示样式是否一样·然后进行调整就好了~~~
对熟悉Dreamweaver 和相关代码~~
希望能帮到你吧!
工具/原料
Dreamweaver CS6
方法/步骤
1、新建一个ASP网页并且保存。如图所示
2、连接好数据库,见笔者之前分享的经验。
3、在网页中插入模板的内容,并添加好各个超链接
4、页面设计好后把网页另存为模板。操作如图所示。
5、接着在需要编辑的部分插入“可编辑区域”,操作如图所示。
6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
首先要下载安装Dreamveaver程序,接下来按下面步骤来操作:
创建网页页面
1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。
注:在网页上打入空格的办法是:把输入法调为全角。
注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。
下面拿一个现成的例子来给大家讲解一下:
现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:
在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
□网页顶端的标题“我的主页”是一段文字。
□网页中间是一幅图片。
□最下端的欢迎词是一段文字。
□网页背景是一深紫红颜色。
构思好这个网页的结构,我们就可以开始制作了。
首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。
为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。
【插入标题文字】
进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。
【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。
【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】
点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)
请在标题输入框填入标题“我的主页”。
设置背景颜色: 网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。
设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。
【插入图像】选择以下任意一种方法:
(1)使用插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定。如下图:
(2)使用插入栏:单击插入栏对象按钮>选 按钮,弹出“选择图像源文件”对话框,其余操作同上。
(3)使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。
注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。
一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。
【输入欢迎文字】
在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。
保存页面。
一个简单的页面就这样编辑完毕了。
【预览网页】在页面编辑器中按F12预览网页效果。
网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。
如何使用Dreamweaver制作一个网页:
在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
Dreamweaver只是一个网页编辑工具;
如要制作网站的话,需要系统程序来支撑的;
另外需要上线的话,还需要服务器和域名。
1、新建一个ASP网页并且保存;
2、连接好数据库;
3、 在网页中插入模板的内容,并添加好各个超链接;
4、页面设计好后把网页另存为模板。
5、接着在需要编辑的部分插入“可编辑区域”;
6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
这个需要一定的dw知识,不是随便可以操作的。
首先你要回简单的html和div+css:
1、div和css是页面的样式和框架;
2、html是网页显示的东西,需要将你想要展示的东西写出来;
3、如果还要加一些效果,就需要懂一些js;
Dreamweaver只是一个工具,学会简单的制作网页功能很简单,制作网页最主要的是html和div+css.
我是一个计算机专业的学生,想知道制作网业的具体步骤.
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是...
Dreamweaver 写完一个标签单词 自动生成一对标签的快捷键是什么?_百 ...
在Dreamwwaver里面没有这样的快捷键。但是Sublime Text里面可以。你可以去试试。但是需要你熟练HTML代码。
在Dreamwwaver中设置可编辑区应在保存文档前还是后?为什么?
应该在保存文档前,不过保存以后也可以通过其他方式重新定义可编辑区域,按一般顺序是先设定可编辑区域,再进行保存
网页设计成品..dreamwraver 简简单单的就行。。我们非专业。。但必须...
用PS做几张图,一张背景(包含背景图片和那个选项的名字),6张小图片分别是鼠标移上去的效果图做成背景透明的PNG,再在CSS里面设置鼠标事件就行了。
零基础小白必知 常见HTML5开发工具有哪些
2. Adobe Edge Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流...
最近编辑网页的时候frontpage会成为首选的编辑器,请问如何把dreamweave...
IE工具栏--工具--internet选项--程序--html编辑器--换成你想要的就行了!记得给我加分哦!~1 你重新安装一下dw吧!
我要学网页制作,需不需要学JAVA,还有是不是一定要学VB呀
不一定的。看做到什么程度。做网页一般是用网页三剑客即dreamwver、firework、flash,三个软件以dreamwver为主,firework是处理图片的,flash是做动画的。如果能熟练运用这三个软件,一般的网页制作都不在话下了。至于微软的fronpage只能做很简单的网页。很多人不懂java、vb,就只会dreamwver、firework或...
在Dreamwreaver中插入背景透明的图片,在浏览器预览时不透明。怎么解决...
有时候,png格式的透明图效果不出来。建议把透明图存为gif格式(这个肯定没问题)。要注意包含gif图的容器div是否设置了背景,有时候,gif图透明了,但是包含该图的div设置的有背景色或背景图,导致看上去没有透明。与楼主交流后,发现,gif图没有做好。是图的问题。
求一组dreamwver8的激活码
WPD800-58034-83632-28598 WPD800-56232-28832-88795
dreamweaver中,在图片旁输入的文字怎么设置居中置顶,注意是居中且在顶端...
text-align="center"或者margin:0 auto 横向居中,纵向就调整上边距。
坚亮复方: Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生.可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页. 这里西...
大洼县19299709970: 简述如何使用网页制作工具Dreamweaver创建网页 - ?
坚亮复方: 1、打开 Dreamweaver8.在“站点”菜单栏里选“新建站点”命令,在弹出对话框中点点选“高级”标签.2、在“站点名称”填上你起的站点名.在“本地根文件夹”栏里, 点右面的黄文件夹图标,在选择栏里找到你电脑的硬盘里刚建的站...
大洼县19299709970: 如何使用dreamweaver - ?
坚亮复方: 打开 Dreamweaver MX 2004 软件,执行【站点】 | 【站点管理】命令,在弹出的【站点管理】对话框中选择【新建】,按新建站点的步骤逐步进行设置,最后保存完成制作. 操作步骤 步骤一 定义站点 ( 1 )开始新建站点.启动 Dreamweaver ...
大洼县19299709970: 怎样使用Adobe Dreamweaver制作网页 - ?
坚亮复方: 这个问题,不好一下子说清;总的来说Adobe Dreamweaver制作网页比较简单,因为他是所见即所得的模式.学会软件的使用了也就初步学会用Dreamweaver制作网页了;Dreamweaver制作网页有李娜各种方式:一、使用Dreamweaver中提供的模板页;模板页直接就是一个个简单的网页;二、使用Dreamweaver自己设计页面;这个需要懂html代码了;不管是上面哪一种,你都要首先会使用Adobe Dreamweaver软件.下面是Adobe Dreamweaver的最好的使用教程:eNet网络学院-中国权威电脑教程网站,这里的教程估计个人认为都是最好的.
大洼县19299709970: 如何用Dreamweaver制作网页表格 - ?
坚亮复方: 要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可.第一步是打开Dreamweaver工具;然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的...
大洼县19299709970: 怎么用dreamweaver制作html文件 - ?
坚亮复方: 下载安装dreamweaver软件 文件-新建-html文件 设计面板-编辑文字 点击代码,html网页代码 点击拆分,可以看到代码和设计的区别 怎么编辑文字 设计 直接输入 怎么给文字添加超链接 选中文字-属性-链接-添加网址 或选中文字-右键-创建链接-url...
大洼县19299709970: dreamweaver怎么用啊 - ?
坚亮复方: 在photoshop里面,制作网页平面稿(整个网站的样子) 制作完成后,使用《切片工具》将版面布局切割出来 ctrl+alt+shift+S 快捷键保存,在保存选项中可以选择保存成《网页和图像》用DM 8打开保存好的网页文件:.html文件,就可以编辑了.这种方法是帮助你在dm中做布局定位用的,不能直接使用,不然整个网页就是一块块的图片.一般是在DM中,做好布局,再将需要的图片或图标或flash插入,插入图片一般做为背景或图片来使用.你的这个问题很宽泛,需要知道dm如何使用,再结合ps,不能说ps的图像如何应用于dm. 如果说如何应用,那就是在dm中新建一个html文件,插入ps做好的图片.
大洼县19299709970: 如何使用DreamWeaver做框架 - ?
坚亮复方: 1、下载安装DreamWeaver.2、双击打开DreamWeaver.3、选择框架集.4、选择好需要的框架类型后点击创建即可完成.
大洼县19299709970: 如何使用Dreamweaver制作网页超链接 - ?
坚亮复方: 方法/步骤 要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可.第一步是打开Dreamweaver工具;然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的...
大洼县19299709970: 怎样用Dreamweaver制作一个个人虚拟网站? - ?
坚亮复方: DW只是制作网站中的一个工具,制作网站还需要空间/服务器、域名、数据据.现在网上很多开源的PHP源码,如DeDeCms、博客、论坛、影视等类型比较多.如果你有服务器或/虚拟空间、数据据、域名. 1、将这些域名上解析到虚拟空间或者/服务器上 2、用FTP或者服务器/虚拟空间管理后台,将PHP源码传到服务器/虚拟空间网站根目录(一般源码都有安装叔,然后按照提示安装) 3、再进入你搭建网站的后台,修改模块,添加内容!另外网上也有一些模块,如果不会修改,你可以网上看看教程. DW在这其中起来的作用,是制作模块(也就是网站的样子)PHP源码提供的是网站的动态支持. 求采纳,谢谢!