Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。 一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 ***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。 二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled
只需要,进行简单的网页的页面制作,连接,连一下。而做网站,则需要,进行后台程序的制作。我首先,来说一下,网页的制作的过程:第一、设计你所想要的主页(index.HTML),就是,简单的排版,不一定需要在电脑上。第二、就是主页的布局及制作。布局,现在一般是用CSS做的,如果,你对CSS了解很少的话,你可以用表格制作(本人严重建议使用CSS制作,可以避免很多麻烦)!而制作的话就是,插入图片及文字就可以了!第三、就是制作后续的连接页面。(具体方法同主页制作方法!)其次,来说一下:层与表格之间的区别,层在DW CS3、CS4的版本里的代码,都是用
首先说一下,你要做的是网页,还是,网站? 做网页就比较简单。只需要,进行简单的网页的页面制作,连接,连一下。 而做网站,则需要,进行后台程序的制作。 我首先,来说一下,网页的制作的过程: 第一、设计你所想要的主页(index.HTML),就是,简单的排版,不一定需要在电脑上。 第二、就是主页的布局及制作。布局,现在一般是用CSS做的,如果,你对CSS了解很少的话,你可以用表格制作(本人严重建议使用CSS制作,可以避免很多麻烦)!而制作的话就是,插入图片及文字就可以了! 第三、就是制作后续的连接页面。(具体方法同主页制作方法!) 其次,来说一下:层与表格之间的区别, 层在DW CS3、CS4的版本里的代码,都是用来实现的,即,层在实质上就是CSS实现的DIV框。只不过层是用固定定位来显示的(即相对于浏览器的上界面多少px(像素),相对于左界面多少px)。当然,你可以通过,css代码来实现,相对定位
制作步骤如下: 1、打开Dreamweaver CS6软件,在Dreamweaver CS6软件的开始界面的导航上可以看到站点,如下图所示。 2、点击Dreamweaver CS6导航上的站点,然后选择弹出菜单上的新建站点,如下图所示。 3、点击后弹出站点设置对话框,先来设置站点项,这个是在计算机本地创建的,在站点名称处输入站点名称,然后选择本地站点文件夹路径,如下图所示。 4、服务器选项,这个设置主要用于动态页面,动态页面要服务器解析的。点击左下角的“+”图标添加服务器,如下图所示。 5、开发网站的时候一般都是在本地搭建的服务器,所有连接方法选择“本地/网络”。服务器名称和服务器文件夹都是安装服务器时确定的,服务器文件夹直接选择安装服务器时的位置就可以了。服务器App安装在D:\App\www文件夹下,站点叫jingyan。这里Web URL设置为localhost/jingyan
打开DW,DW界面如图2分析所制作的网页的需求,明确目标3明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。4新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹5在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片6新建HTML,选择“创建”在“标题”中输入“新闻网页首页”,转换到“设计”界面根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”插入图像,不知道怎么填的话就一直选择“确定”即可插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨
电话咨询
在线咨询
微信咨询