怎么制作简单的网页
【摘要】制作简单的网页可能有很多方法,用不同的软件。今天我来介绍一下用Dreamweaver CS5中文版来制作简单的网页步骤。由于DW软件具有可视化的特
制作简单的网页可能有很多方法,用不同的软件。今天我来介绍一下用Dreamweaver CS5中文版来制作简单的网页步骤。由于DW软件具有可视化的特点,所以学起来很简单,和office word一样简单的工具。
首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。
下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。
下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。
下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。
网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。
最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。
就业培训申请领取
环球青藤
官方QQ群扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群
互联网营销师相关文章推荐
|互联网营销师最新文章推荐
刷题看课 APP下载
免费直播 一键购课
代报名等人工服务
- 1 动态网站和静态网站有什么区别?
- 2 网页上不显示图片是怎么回事?
- 3 html网页制作教程
- 4 网页设计有哪些视觉构成元素?
- 5 网站设计都包括哪些方面?
- 6 网站建设有哪些优势?
- 7 新手如何建立网站?
- 8 h5的制作方法
- 9 怎么制作简单的网页
- 10 什么是网站制作中的“设计系统”?