第一天:网页制作基础

时间:2021-04-30 06:17:12

第一章:网页制作基础

2016-7.18 20:40---23:42

1-1 网站的概述 
网页与网站
网站是由许多的网页构成的 新浪网是网站
浏览器:国外流行的浏览器为火狐,国内为360安全浏览器,用最多的是电脑自带的IE
网页的基本元素:网页标题、LOGO、导航栏(顶部或者左边)、文本(最基本信息)、超链接(必不可少)、图片、表单(文本框、按钮)

1-2 初识Dreamweaver
制作网站的流程:规划网站类型及主题 、搜集资料素材、使用软件进行网页制作、测试及发布
网页三剑客:Dreamweaver(综合)、Flash(制作动画)、Firework(制作图片)
直接打开软件,点击html(这是网页的拓展名)

1-3 Dreamweaver CS5的用户界面
问题:为什么我的DW里面没有插入面板

         点击窗口的插入即可

1-4 网页文件的基本操作
命名用英文的,不要用中文
打开网页有是三种方式:①用软件中的文件、打开;②直接对网页进行右击;③直接将网页拖到软件放置网页处
当文件已保存但是又修改时,有*这个标识你是否有保存
预览编辑中的网页(F12)
打开快捷键用ctrl+O

1-5 设置网页外观属性
网页标题、

属性--页面属性--外观CSS(页面默认字体、默认字体大小、背景颜色、背景图片、边距)
字体可以添加自己电脑里面有的
问题:自己电脑里面的字体怎么添加?
问题:背景图片要怎么就一张平铺整个网页呢?

        图片的大小
背景颜色最好是用浅色的


1-6 创建站点
站点:就好一个文件夹,在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹(站点),对我们的网站进行管理,有次序,一目了然。

刚开始做网站时最好是建一个文件夹,然后建立站点,这样比较方便

问题:为什么我把我做好的网页和图片一起移到了其他的位置里面,打开网页的时候图片也是无法显示呢?    

        路劲的原因

拓展阅读:绝对路径和相对路径   http://www.cnblogs.com/heyonggang/archive/2013/03/01/2938984.html 

 

明天任务:

1-7 设置默认图像文件夹
1-8 站点的管理
1-9 补充(Dreamweaver CS5的安装)

第二章:制作网页的基本操作

 2-1 添加文本1

2-2 添加文本2

 2-3 编辑文本

 2-4 设置文字样式

2-5 段落设置