电子商务网页制作与设计公开课详细PPT

图3-17设置“标题”（CSS)
放飞理想 激扬青春 展现自我
修改网页属性
（5）、标题/编码
标题和编码：对于任何一张页面来 说，标题都非常重要，它能在浏览 者浏览该网页的时候了解该网页的 内容，如果页面没有设置标题，则 默认标题名为“无标题文档”，而 不能直接的表达出该页面的内容， 因此我们建议每个页面都应该设置 标题。
以德立身 以技立足
图3-1保存网页
放飞理想 激扬青春 展现自我
网页文件操作
温馨提示：
在“文件”菜单里有“保存”和“另存为”两个命令，首次保存网 页时，选择“保存”或“另存为”命令都会弹出“另存为”对话框，提 示设计者设置保存位置和文件名；对于已经保存过的网页进行再次编辑 时，选择“保存”命令直接将所作的修改保存到原网页文档，而选择 “另存为”命令则再次弹出“另存为”对话框，可以重新设置保存位置 和文件名。
以德立身 以技立足
图3-9使用“新建”菜单命令新建网页
放飞理想 激扬青春 展现自我
网页文件操作
（1）、新建网页文件
方法三：在文件面板中的站点目录上单击右键，在弹出的快捷菜单中选择“新建文件”，将新建一个
名为“Untitled.html”的文件，需要重新命名。
以德立身 以技立足
图3-10文件面板中新建网页
以德立身 以技立足
放飞理想 激扬青春 展现自我
网页文件操作
（2）、保存网页
打开“文件”菜单，选择“保存”命令， 将弹出“另存为”对话框，选择保存的 位置并输入保存文件名，单击“保存” 按钮即可将网页保存。
快捷键：
保存：ctrl+S 另存为：ctrl+shift+S
谈一谈还有那些软件“保存与另存为” 跟DW软件一样快捷键。
以德立身 以技立足
图3-16设置“链接”（CSS)
放飞理想 激扬青春 展现自我
修Baidu Nhomakorabea网页属性
（4）、标题（CSS）
在“（标题CSS）”分类中，可 以设置如下属性：
标题字体的格式、大小和颜 色，设置标题1至标题6后，在字 体属性面板中直接指定文字为某 号标题后，该文字直接套用该标 题的属性。
以德立身 以技立足
Ctrl+J
以德立身 以技立足
放飞理想 激扬青春 展现自我
修改网页属性
（1）、外观（CSS）
在“外观（CSS）”分类中，可以设置如下属性 A、页面字体：设置页面字体格式。可以快速
定义整张页面的字体。 B、大小：文字的大小，默认单位为像素。 C、文本颜色：文字的颜色。 D、背景颜色：页面背景颜色。 E、背景图像：背景图片的位置链接。 F、重复：背景图片的显示是否重复。 G、左右上下边距：页面距离左右上下的距离
在后面我们经常会用到“另存为”命令。
以德立身 以技立足
放飞理想 激扬青春 展现自我
网页文件操作
（3）、关闭网页
单击菜单栏下网页标题旁的关闭按钮即可关闭该网页。
以德立身 以技立足
图3-12保存网页
放飞理想 激扬青春 展现自我
网页文件操作
（3）、删除网页
在文件面板中选择要删除的网页，按Delete键，将弹出提示框确认是否删除， 单击“是”后即可删除该网页
以德立身 以技立足
图3-18设置“标题与编码”
放飞理想 激扬青春 展现自我
修改网页属性
以德立身 以技立足
放飞理想 激扬青春 展现自我
学习目标
1、会创建HTML网页文档 2、会正确保存网页 3、在DW中预览网页 4、会设置网页的页面属性
以德立身 以技立足
放飞理想 激扬青春 展现自我
网页文件操作
（1）、新建网页文件
方法一：在起始页的“新建”栏中单 击“HTML”选项，即可新建一个名 为“Untitled-1”的空白网页 注明：Untitled-1--无标题网页
放飞理想 激扬青春 展现自我
网页文件操作
（1）、新建网页文件：
以德立身 以技立足
放飞理想 激扬青春 展现自我
网页文件操作
重要知识点拓展：
1、文件名通常使用： 小写英文字母 不使用： 空格、特殊符号 不允许使用：中文 2、文件命名常用那四种方式命名：汉语拼音、汉语拼音缩写、英文、英文缩写
切忌用默认的untitled-1、untitled-2等方式命名文件，
以德立身 以技立足
图3-8在起始页中新建网页
放飞理想 激扬青春 展现自我
网页文件操作
（1）、新建网页文件
方法二：打开“文件”菜单，选择 “新建”命令，将弹出“新建文档” 对话框，选择“空白页”中的 “HTML”项，在“布局”中选择 “无”，单击“创建”按钮即可新建 一个空白网页。
按快捷键:Ctrl+N
以德立身 以技立足
图3-13保存网页
放飞理想 激扬青春 展现自我
修改网页属性
打开“修改”菜单，选择“页面属性”命令，或按快捷键（Ctrl+J）， 或者单击属性面板中的“页面属性”按钮，将弹出“页面属性”对话框。
在该对话框中可以设置网页的各种属性，如页面文字的设置、页面背景的 设置、页面边距的设置、链接文字的设置以及标题编码的设置等，根据属性 分类不同，分为六个类别。
以德立身 以技立足
图3-14设置“外观（CSS)
放飞理想 激扬青春 展现自我
修改网页属性
（1）、外观（CSS）举例说明：
以德立身 以技立足
放飞理想 激扬青春 展现自我
修改网页属性
（2）、外观（HTML）
在“外观（HTML）”分类中，可以设置如下属性： A、背景图像：背景图片的位置链接。 B、背景：页面背景颜色。 C、文本：文本的颜色。 D、已访问链接：已经访问过的文本链接的颜色。 E、链接颜色：文本链接的颜色。 F、活动链接颜色：文本活动链接的颜色。 G、边距和边距高度：距离页面左、上的距离,高度
单位默认为像素。
以德立身 以技立足
图3-15设置“外观（HTML)
放飞理想 激扬青春 展现自我
修改网页属性
（2）、外观（HTML）举例说明：
以德立身 以技立足
放飞理想 激扬青春 展现自我
修改网页属性
（3）、链接（CSS）
在“链接（CSS）”分类中，可以设置如下属性： A、链接字体：链接文字的字体格式和加粗倾斜属性。 B、大小：字体的大小，默认单位为像素。 C、链接颜色：文本链接的颜色 D、变换图像链接颜色：变换图像链接时文本的颜色。 E、已访问链接颜色：已经访问过的文本链接的颜色。 F、活动链接颜色：文本活动链接的颜色。 G、下滑线样式：链接时是否显示下划线。