制作网站全套教程视频,制作网页教程?

用户投稿 企业网站动态 51 0

关于“制作网站全套教程”的问题,小编就整理了【2】个相关介绍“制作网站全套教程”的解答:

制作网页教程?

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

 制作网站全套教程视频,制作网页教程?

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。

 制作网站全套教程视频,制作网页教程?

 制作网站全套教程视频,制作网页教程?

如何制作网页教程?

首先得有这个软件,名字是Adobe Dreamweaver CS3,这个在网络上就能下到,提倡正版。

2

打开界面就是这样,想要做一个简单的网页就点击这个。

3

然后就进入这么个界面,因为一般做网页都是用表格来分割板块和规划界面,下来就插入一个表格简单示范。

4

点击插入记录里的表格。

在这里设置表格属性,因为小鱼在示范,就直接用1*1的了。

然后就是这个样子,可以随意拉伸调整,接下来我们插入一个图片。

点击插入记录里的图像。

在这里选择图片并确定。

在点击确定后就会弹出这个窗口,这个是确认路径,在网页中每个板块的内容都是在服务器上有确定的路径以防止错乱。

这里还是确认路径,点击小文件夹图标,再次选择上次选择的图片,并确认。

再次确认。

添加完毕就是这样,根据图片分辨率不同插进后大小会不同,进行调整就可以了。

然后就可以用网页打开试试了,点击如图的图标,会出现是否保存字样,将其保存到自己想要保存的文件路径就可以了,注意保存时文件后缀名.html不能改动。

这个就是打开的样子,下次会介绍如何添加网页标题和其中的一种网页链接方式。

注意事项,不会的话,M我,我教你

到此,以上就是小编对于“制作网站全套教程”的问题就介绍到这了,希望介绍关于“制作网站全套教程”的【2】点解答对大家有用。

抱歉,评论功能暂时关闭!