本篇文章给大家谈谈用dw建立网站,以及dw如何创建一个网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
ps做模板其实可以用ps生成一个简单的网站,不过这是真的很简单的,而且适应性很低。
方法就是用ps打好切图的标记后存储为web格式时选择存储为网页格式,并且带有html文件的网页格式。这就是一个简单的由图片组成的网站了。
用dw也不难,dw有个模式可以像ps一样添加,其实和ps也差不多了。不过适应性还是很低。看一下html和css的文档基本都可以做了,用dw就更简单了
Dreamweaver在建立网站方面有非常大的优势,具体建立站点的步骤如下(以DW CS4为例):
1、首先建立一个文件夹用来作为站点的根目录(例如:mysite)
2、启动DW CS4,点击“站点管理”,选择“新建”中的“站点”,如图:
3、然后选择“高级”选项卡,为站点管理取个名称,同时选择前面建立的文件夹作为本地根文件夹,以及选择默认图像文件夹,然后选择“链接相对于”为“站点根目录”,同时设置缓存“启动缓存”,再按“确定”按钮,如图:
4、这时站点就建立好了,接下来就可以为站点添加内容了,如图:
你是说在Dreamweaver软件里新建站点还是什么``?如果是在Dreamweaver软件里新建站点的话,那就点菜单栏上的站点,在弹出的对话框中点管理站点--新建,然后再按照上面的步骤操作就行了```
打开DW,DW界面如图
2
分析所制作的网页的需求,明确目标
3
明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。
4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹
5
在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片
6
新建HTML,选择“创建”
在“标题”中输入“新闻网页首页”,转换到“设计”界面
根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置
插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”
插入图像,不知道怎么填的话就一直选择“确定”即可
插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”,附上效果图
选中第二行,点击鼠标右键,选择“表格”,“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件,选择用360浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际
步骤阅读
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
如何使用Dreamweaver制作一个网页:
在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
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。
【小结】我们制作了一个简单的网页。
内容有四:
①图片插入和对齐设置;
②文字的格式、颜色和加粗等设置;
③背景颜色的设置;
④预览网页,查看实际效果。
关于用dw建立网站和dw如何创建一个网站的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
本篇文章给大家谈谈远程重启vps,以及远程重启服务器命令对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、如何远程重启服务器 2、远程连接链不上VPS, FTP还能用,想...
今天给各位分享网站和网站的app的知识,其中也会对网站是什么样的进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、网站与APP的区别,各自作用是什么? 2、...
今天给各位分享i5核显的电脑配置的知识,其中也会对i5核显笔记本进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、想用i5 10400配台电脑,请问应该怎么搭配...
今天给各位分享政府网站素材发光蓝色模板的知识,其中也会对钃濊壊妯℃澘绱犳潗鍥剧墖进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、最好的政府网站模版系统是哪个?...
本文导读目录: 1、高端,大气,上档次,企业网站的网页如何来设计 2、怎么做好一个企业网站 3、企业网站的类型和营销型网站的区别 4、企业网站该怎样合理布局网站结构 5、一般企业网站都...
本文导读目录: 1、织梦后台无法上传图片是要怎么解决?上传的时候路径是错误的 2、我将织梦模板上传到根目录,然后打开后台以后,点网站首页会出现下面这个。 新手跪求大神指导 3、自己做的网页,上...
本篇文章给大家谈谈未注册备案域名,以及域名备案后无法访问对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、如何抢注未注册的已备案域名? 2、请问已备案未注册域名是什么意思...
今天给各位分享怎么知道自己网站的权重的知识,其中也会对网址权重进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!文章目录列表: 1、怎么查这个网站的权重 2、怎么样查看网站的权...