如何用dreamweaver制作个人网页如何用dreamweaver制作个人网页作品
如何用Dreamweaver制作网页
首先，下载并安装Dreamveaver程序。接下来，按照以下步骤操作:创建网页
1.在Dreamveaver中，“文件-新建-通用-基础页面-HTML”，构建一个页面，英文版默认文件名为untitled.htm。中文版默认文件名为“无标题文档”。Htm表示该网页文件是静态HTML文件。它被重新命名为index.htm。
注意:网站首页的名字通常是index.htm或index.html。其他页面可以自行命名。这是主页，上传后打开的网页默认连接到这个页面。
2.在标题空框中输入网页名称，点击【修改
dw如何新建网页？
1.启动dw2019在软件主界面点击中间的【新建】按钮。
2.在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。
3.建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。
4.初学者可以把dw设置为【设计】界面，方便边做边查看效果。然后我们点击【插入】—【image】来插入一张图片。
5.因为是初学者，就不网页切图了。我们直接把设计好的一整张网页设计稿插进来，这样就可以看到网页的效果了。但因为是整张图片，要想单独的给某一小块添加链接就要去画热区来实现了。
6.我们需要先调出属性窗口来画热区。点击【窗口】—【属性】。
7.点击后会在软件底部出现一个属性栏，点击方形热区在你想添加链接的地方画出来可点击的范围。
8.然后按照刚才的方法把其他需要添加链接的地方也画上热区。
9.画好后我们点击其中一个热区，在属性栏【目标】中输入跳转的链接。都添加好链接后，点击【在浏览器中预览】，快捷是F12
10.稍后就可以看到做好的网页用浏览器打开了。朋友们会了么？
dw制作网页简单吗？
简单。
Dreamweaver，昔日风靡全球的网页三剑客之一，集网页制作和管理网站于一身的所见即所得网页代码编辑器。它最大的特点之一就是提供了很多现成的页面模版，以及可视化编辑窗，并借助经过简化的智能编码引擎，通过简单的配置就能实现很多不错的前端效果，对没什么网页制作经验的用户非常友好，很容易就上手。经过二十多年的发展，它现在支持的开发语言也是比较丰富的，常见的JAVA，PHP、C#、VB等都可以使用。虽然它现在没落了，市面上有了更多更强大的开发软件，但Dreamweaver对零基础的初学者仍是不错的选择。
制作网页教程？
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
如何用PS来设计简单的网页？
用PS做出一张大图片，为了能够快速下载，必须作成切片，然后导出为网页！程序自动保存图片！做好的方法是：用PS做素材，用MacromediaDreamweaver8作网页！毕竟后者才是做网页的首选利器！PS只是美化网页！
用PS制作网页的步骤和方法？
存储为web格式也可以直接存储为png格式即可。ps制作网页步骤:
1.先用Photoshop做一个网页图片；
2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；
3.使用切片工具，按照绘制的表格划分切片
4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。
5.接下来用Dreamweaver打开html文件，为其作链接及其它。
6.最后保存就完了。
绛旓細1銆佸湪纭洏椹卞姩鍣ㄤ腑鍒涘缓涓涓枃浠跺す锛堜笉鍦―reamweaver涓級锛岀劧鍚庢牴鎹渶瑕佸懡鍚嶃傝繖鏄偍鐨勬牴鏂囦欢澶广2銆佸湪姝ゆ枃浠跺す涓紝鍒涘缓4涓瓙鏂囦欢澶癸紝骞跺皢鍏跺懡鍚嶄负锛氬浘鍍忥紝Flash锛岄〉闈㈠拰鍏朵粬銆3銆佽繘鍏reamweaver锛岀劧鍚庡崟鍑籋TML銆傚皢姝ら〉闈繚瀛樺埌鏍规枃浠跺す涓綔涓轰富椤点4銆佸紑濮嬩娇鐢ㄣ5銆丏reamweaver鏈夌偣楹荤儲锛屽洜姝ゅ繀椤诲湪琛ㄤ腑...
绛旓細1銆侀鍏堜笅杞藉畨瑁Dreamweaver锛屾墦寮鍚庯紝鏂板缓涓涓綉椤碉紝涓鑸夋嫨鈥淗TML鈥濆缓绔嬬綉椤点傞夋嫨鈥滅粡鍏糕濈晫闈紝鏈夊姪浜庢垜浠洿渚挎嵎浣跨敤杩欎釜杞欢銆2銆佷笅闈㈤夋嫨杩欎笁涓晫闈紝浠ｇ爜銆佹媶鍒嗐佽璁★紝涓鑸粯璁よ璁＄晫闈紝瀵逛簬鏂版墜杩欎釜鍔熻兘鍏锋湁鍙鍖栵紝鑳芥洿濂界殑鍒朵綔缃戦〉銆3銆佷笅闈㈡垜浠潵鍒朵綔缃戠珯绔欑偣锛屽湪鐢佃剳涓婂缓涓涓枃浠朵綔涓烘牴鐩綍銆...
绛旓細鍒嗘瀽濡備笅锛1銆侀鍏堜笅杞藉畨瑁Dreamweaver锛屾墦寮鍚庯紝鏂板缓涓涓綉椤碉紝涓鑸夋嫨鈥淗TML鈥濆缓绔嬬綉椤点傞夋嫨鈥滅粡鍏糕濈晫闈紝鏈夊姪浜庢垜浠洿渚挎嵎浣跨敤杩欎釜杞欢銆2銆佷笅闈㈤夋嫨杩欎笁涓晫闈紝浠ｇ爜銆佹媶鍒嗐佽璁★紝涓鑸粯璁よ璁＄晫闈紝瀵逛簬鏂版墜杩欎釜鍔熻兘鍏锋湁鍙鍖栵紝鑳芥洿濂界殑鍒朵綔缃戦〉銆3銆佷笅闈㈡垜浠潵鍒朵綔缃戠珯绔欑偣锛屽湪鐢佃剳涓婂缓涓涓枃浠朵綔涓...
绛旓細涓銆侀鍏堥渶瑕佹墦寮Dreamweaver缃戦〉鍒朵綔杞欢浜屻佺劧鍚鍦涔嬮棿濉厖闇瑕佺殑鏂囧瓧锛屽锛氭磱閼笁銆佸皢鎵濉殑鏂囧瓧鍏ㄩ儴閫変腑鍥涖佺偣鍑昏杞欢涓婇潰瀵艰埅鐨勬煡鐪嬩笅闈㈢殑绗﹀彿锛屽湪鏂囧瓧閫変腑鐨勬儏鍐典笅浜斻佺偣鍑婚偅涓鍙峰悗锛屼細鍑虹幇涓涓繖鏍风殑绐楀彛锛岀涓鎺掓槸閫変腑鐨勬枃瀛楋紝绗簩鎺掑氨鏄渶瑕佹坊鍔犻摼鎺ョ殑鍦版柟杩欐牱灏卞彲浠ュ畬鎴愯秴閾炬帴鐨勫埗浣 dw鍒朵綔绠...
绛旓細Dreamweaver鍋氱綉椤电殑鍩烘湰姝ラ锛1.棣栧厛锛屾墦寮dwcs6杞欢锛屽崟鍑昏彍鍗曚腑鐨勨滄枃浠垛濓紝鐒跺悗閫夋嫨鈥滄柊寤衡濋夐」銆2.鐒跺悗閫夋嫨HTML椤甸潰绫诲瀷锛岀┖鏂囨。鍗冲彲锛屾纭殑鏂囨。绫诲瀷閫夋嫨HTML5锛屽洜涓虹幇鍦℉TML5鏄秼鍔匡紝寰堝缃戦〉閮藉紑濮嬩娇鐢℉TML5銆3.鐒跺悗鎴戜滑鐪嬪埌涓涓┖鐧界殑HTML鏂囨。銆傛爣棰樻槸鏄剧ず鍦ㄦ祻瑙堝櫒椤堕儴鐨勬爣棰樸傛垜浠繚瀛樻枃妗ｅ苟涓哄叾...
绛旓細1銆佸湪Dreamveaver鈥滄枃浠讹紞鏂板缓锛嶅父瑙勶紞鍩烘湰椤碉紞HTML鈥濓紝杩欐牱灏卞缓濂戒簡涓涓〉闈紝鑻辨枃鐗堢殑榛樿鐨勬枃浠跺悕涓簎ntitled.htm銆備腑鏂囩増鐨勭殑榛樿鐨勬枃浠跺悕涓衡滄棤鏍囬鏂囨。鈥濄俬tm灏辫〃绀鸿繖涓綉椤垫枃浠舵槸涓涓潤鎬佺殑HTML鏂囦欢銆傜粰瀹冩敼鍚嶄负index.htm銆傛敞锛氱綉绔欑涓椤电殑鍚嶅瓧閫氬父鏄痠ndex.htm鎴杋ndex.html銆傚叾瀹冮〉闈㈢殑鍚嶅瓧鍙互...
绛旓細娣樺疂棣栭〉psd妯＄増鎬庝箞浣跨敤? PSD鏂囦欢鏍煎紡鏄粯璁ょ殑Photoshop杞欢,濡傛灉浣犺鍒颁竴涓珯,鐒跺悗浣跨敤姝ラ:鐐瑰嚮鐪嬭缁1]---PSD鏂囦欢鎵闇鐨勭綉绔欐ā鏉;2]---PSD鏂囦欢瀵煎嚭JPEG,GIF绛夊浘鐗囨枃浠;鐐瑰嚮鐪嬭缁3]浣跨敤Dreamweaver鐢熶骇鐜板満,閫氳繃CSS鍜宲甯冨眬,瀹氫綅鍥惧儚鏂囦欢;4]閫氳繃FTP涓婁紶缃戠珯鐨勬湇鍔″櫒銆傜偣鍑荤湅璇︾粏杞︾珯鏄竴涓鏉傜殑杩囩▼,闇瑕佺▼搴忓憳...
绛旓細Dreamweaver鎬庝箞鍒朵綔缃戦〉妯℃澘鏂规硶/姝ラ绗竴姝モ斺旈鍏堟槸蹇呴』寤虹珛濂戒竴涓〉鐨勫熀鏈鏋讹紝鎶婂浐瀹氱殑鍏冪礌鍏堢‘瀹氫笅鏉ワ紝鐣欏嚭涓浜涚┖鐧界殑缂栬緫鍖哄煙缁欎竴浜涘彉鍔ㄥ厓绱犮傜浜屾鈥斺斿湪鑿滃崟鏍忎笂渚濇鎵撳紑銆愭彃鍏ャ戔斺斻愭ā鏉垮璞°戔斺斻愬垱寤烘ā鏉裤戠涓夋鈥斺旈噸鏂板懡鍚嶄綘鐨勭綉椤垫ā鏉裤傚垱寤虹綉椤垫ā鏉垮繀椤诲厛寤虹珛缃戠珯绔欑偣銆傜鍥涙鈥斺...
绛旓細Adobe Dreamweaver cs6 1銆侀鍏堟垜浠厛鎵撳紑杞欢锛岀劧鍚庢柊寤轰竴涓狧TML鏂囦欢鍜屼竴涓猚ss鏂囦欢锛岀劧鍚庝緷娆＄偣鍑绘枃浠朵繚瀛樹负index.html銆乻tyle.css銆傛柟娉曞涓嬶細2銆佷竴涓綉椤靛垎涓轰簩閮ㄥ垎锛屽嵆head鍜宐ody銆傜綉椤电殑鏍囬锛坱itle锛夊氨鏄鍦ㄥ湪head閲岄潰锛屾爣棰樺嚭鐜扮殑浣嶇疆鍦ㄦ祻瑙堝櫒鐨勬渶涓婃柟銆傚涓嬪浘锛3銆佽宐ody閲岄潰灏辨槸璁捐缃戦〉鐨勪富浣...
绛旓細8.鐒跺悗鐐瑰嚮宸ュ叿鏍忎笂濡備笅鍥剧殑鍦嗗湀鎵绀恒9.鎵撳紑鍥剧墖涓嬮潰鐨勬枃瀛楋紝灏辫繘鍏ョ櫨搴︾晫闈簡锛屽涓嬪浘銆鎬庝箞鐢╠reamweaver鍒朵綔绠鍗曠綉椤碉紵濡傛灉鎯冲仛杩欒寤鸿鍏堝濂絟tml鍜宑ss璇硶锛宒reamweave鍙槸鍔犲揩寮鍙戦熷害鑰屽凡銆傚鏋滃彧鏄兂鍋氱綉绔欙紝鐢╠w鍙兘鍋氶潤鎬佹病鏈変换浣曟剰涔夛紝鐜板湪缃戠珯閮芥槸鍔ㄦ侊紝鏈夊悗鍙扮殑锛屽缓璁洿鎺ヤ笅杞絧ageadmin杩欎簺缃戠珯...
