
Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。
一、定义站点
1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。
备注:网站中所用的文件都要用英文名。
2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。
备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。
二、创建页面
1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitledhtm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为indexhtm。
网站第一页的名字通常是indexhtm或indexhtml。其它页面的名字可以自己取。
2、双击indexhtm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。
4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成后再使用。
在网页上打入空格的办法是:把输入法调为全角。
在网页上换行的办法是:shift+Enter。只按Enter则为换段。
三、为页面添加
1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放,可以改名为tu或pic或images都可以。
2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。
3、选中该,打开属性面板,可以在上面为取名,重新设置的高、宽,拖住角上的点可以变大小。按住shift键,再拖动角上的点,可以使保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。
、新建一个ASP网页并且保存;
2、连接好数据库;
3、 在网页中插入模板的内容,并添加好各个超链接;
4、页面设计好后把网页另存为模板。
5、接着在需要编辑的部分插入“可编辑区域”;
6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
这个需要一定的dw知识,不是随便可以 *** 作的。
1PS出设计图
2PS里切图变成一些小的文件
3在DW进行布局设计页面并使用切好的小素材
4JSP这块看你需求的,一般情况下采用MVC,先从DB层开始,然后才是业务层视图层。
5一般写页面的时候才会用到JS,什么时候需要什么时候用。
一个标准的网站建设流程是书面列需求,然后出设计图,设计数据库,编码,项目最后需要进行一些测试。
文档肯定都习惯用 WORD ,平面一般采用ps ,网页设计DW ,数据库一般有自带的可视化工具,JSP推荐使用myeclipse,WEB服务器看你要求了,TOMCAT,GLASSFISH,JBOSS,WEBLOGIC。
个人独立博客建立过程:
1,首先,要准备个人的博客程序。
博客程序目前比较好的有2个,一个是wordpress,一个是zblog。wordpress功能很强大,国外专门团队开发,但是设置复杂,上手不是很容易,另外是php+mysql的,也就是说买空间的时候空间要求稍微高一点,需要支持mysql数据库。zblog国内团队开发,著名使用者是月光博客,支持静态页面且上手容易,对于博客使用来说功能也足够了。他是asp的,买空间要求也稍微低一些,需要asp和acess即可。
2,寻找且最好是购买空间。目前上面两种程序都有自己推荐的空间商,购买那里的就不错。刚开始买初级的就好,不要太大和太牛,以后随着网站规模的扩大和访问人数的增多可以逐步升级。
3,购买一个域名,可以在国内买,但最好去国外的godday网站购买,比国内便宜多还很有保障。具体购买方法在网上搜索“godday域名购买”就能搜到图文步骤。
4,好了,准备工作做完了,接下来是具体实现了。将程序上传至空间,然后将域名按照空间商说明设置指定向你的空间就OK了,输入域名就看见界面了。当然,内容就要靠你自己接下来去更新补充了。
5,我的一个最新站刚刚建好,金色坐标,就是以上步骤,刚刚走过一遍。你可以上去看看,有问题我们可以互相交流,将来做个友情链接,呵呵。
任重道远,祝你好运!
可以
Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver 都会为您提供有用的工具,使您拥有更加完美的 Web 创作体验。 Dreamweaver 使您可以使用服务器技术(例如 CFML、ASPNET、ASP、JSP 和 PHP)生成由动态数据库支持的 Web 应用程序。 本章节内容主要从建立ASP运行环境(安装、配置IIS)、建立站点、怎样建立数据库、Dreamweaver与数据库的连接(使用DSN连接数据库)、显示数据库记录、插入数据库记录、修改数据库记录和删除数据库记录等等内容,以实现ASP动态网站的全部设计过程,希望能给你对建立ASP动态网站有所帮助。系统软件要求本教程将运行在Windows XP *** 作系统上,由IIS Web服务器和Access 2003数据库建立Web站点,通过Dreamweaver MX 2004+ASP技术开发动态页面的技术。表 软件环境列表 软 件应 用Windows XP *** 作系统IIS 50Web服务器Access 2003数据库Dreamweaver MX 2004动态页面设计Windows XP的Internet 信息服务 (IIS) 给 Windows 带来 Web 计算的强大功能。 IIS 是创建和开发动态网站解决方案的安全平台。一、 建立ASP运行环境(安装、配置IIS)(一)、安装IIS在Windows XP(专业版)上将Windows XP安装光盘放入光驱,点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在 internet信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成internet信息服务(IIS)的安装。如图所示:(二)、配置IIS点击开始—>设置—>控制面版—>管理工具—>internet信息服务(IIS),在d出的窗口单击本地计算机、网站,在默认网站单击鼠标右键,在d出的窗口选择主目录、在本地面路径选择浏览按钮,选择你建立的网站目录(如:E:\我的网站),选择文档项,按添加按钮,添加indexasp文档完成IIS的配置。
以上就是关于dreamweaver怎么制作网页教程 dw建站设计网页全部的内容,包括:dreamweaver怎么制作网页教程 dw建站设计网页、如何使用dreamweaver制作网页、网站制作详细过程(高手详细解答)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)