• 使用Dreamweaver制作简单网站


    上课过程中有的同学反应没有听懂,特写此博客,将dreamweaver使用过程,细化到每一步,跟着做就行。

    一、安装dreamweaver。

    1.dreamweaver免安装版下载地址
    链接:https://pan.baidu.com/s/1xfYq7cRQGHL-hl-OGjM7WQ
    提取码:iaud
    2.将下载好的压缩包解压到任意位置。

    3.打开里面的exe运行文件。、

    二、创建站点

    1.打开dreamweaver,点击上面的站点。

    2.选择新建站点

    3.输入站点名
    4.选择站点目录,在文件夹下创建站点目录并选择

    5.点击高级选择

    6.设置默认图片文件夹,在站点目录下创建image存放网站所需的图片。

    7.确定保存。
    8.将图片放入image

    三、创建style目录

    style用于存放网站所需的css文件。

    完成刚才步骤,可以看到右下角,有如图的站点
    1.创建style目录,右键站点选择创建文件夹。

    2.然后创建css,存放到style目录中

    3.创建成功后,按ctrl+s,选择style目录,将文件命名为style.css保存。

    四、创建html页面

    1.点击左上角文件,选择新建。

    2.将刚才保存的css导入。

    3.保存html,按ctrl+s,存放到站点根目录下,命名index.html

    五、创建网站布局


    1.创建两行两列的表格

    2.选择左上角表格,设置宽高,垂直对其为顶端。

    3.依次插入图片。


    4.选择右侧插入表格

    选择顶端对其

    5.在上面的一个表格插入图片

    六、通过css调整背景色。

    1.右键右侧的style,选择新建

    2.选择标签,输入body确定

    3.设置字体大小为12px.

    4.设置背景颜色为 #360,确定

    页面背景颜色绿了!

    七、合并单元格子

    1.选择下方表格

    2.同时选中两个表格,右键-表格-合并单元格

    3.设置单元格背景颜色为白色,垂直为顶端对其,输入文字。版权所有,违法必究

    八、创建iframe标签

    1.选中右侧下方表格,在代码区插入 <iframe src="main.html" width="100%" height="100%" frameborder="0" scrolling="no" name="in"> 代码

    2.页面ctrl + s 保存查看效果
    3.创建新的html,输入hello world 保存 命名为 main.html

    成功后站点如图

    回到 index

    4.ctrl+s保存查看页面情况。

    如图,页内超链接完成,第一节课结束!!!

  • 相关阅读:
    Mysql 配置主从
    ZJ 虚拟机扩直接扩原磁盘
    Linux 配置samba
    mysql 5.6 升级5.7
    binlog作用
    删除全部binlog不影响数据库运行,类似Oracle的archivelog
    mysql清理binlog
    Perl计数器
    perl增量分析日志
    perl 获取更新部分日志
  • 原文地址:https://www.cnblogs.com/gongcheng-/p/11979812.html
Copyright © 2020-2023  润新知