第三章 第10讲 网页设计基础知识（共9篇）由网友“葡萄汽水要加冰”投稿提供，下面是小编给大家整理后的第三章 第10讲 网页设计基础知识，欢迎大家借鉴与参考，希望对大家有所帮助。
篇1：第三章 第10讲 网页设计基础知识
考点剖析
【知识要点】
一、基本概念
1.网页
网页一般又被称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成网面并显示出来的文件。网页分为静态网页（扩展名：html或htm等）和动态网页（扩展名：asp、php、jsp等）。
网页要素：文本、图像（gif、jpeg）、多媒体元素、超链接、脚步程序。
2.网站
网站：网站又称Wbe站点，是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。网站首页的主文件名：index、Default，扩展名依照上面网页。
3.网站、主页与网页的关系
网站是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合，由主页和其他网页组成。用户在浏览器的地址栏输入网址后见到的第一个页面称为主页，主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。
4.制作工具
常见的网页制作工具有DreamWeaver、FrontPage等。
二、Dreamweaver CS3的工作界面
Dreamweaver CS3工作界面主要由标题栏、菜单栏、插入栏。文档工具栏、文档窗口、属性面板、状态栏、面板组等组成，如下图所示。
Dreamweaver CS3工作界面
1.菜单栏
1.菜单栏位于Dreamweaver CS3窗口最上方，提供了各种操作命令。在Dreamweaver 其他版本中，“插入记录”菜单也可能是“插入”菜单。
2.文档工具栏
“文档”工具栏提供了视图模式切换的按钮和与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如下图所示。
3.文档窗口
文档处理显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。启动Dreamweaver CS3后，默认的文档窗口视图为“设计”视图。
4.状态栏
状态栏位于文档窗口的底部，用于显示正在编辑的文档有关的信息，如下图所示。
（1）选取工具：用于选取“文档”窗口内的对象。
（2）手形工具：对象大于“文档”窗口时，用来移动对象的位置。
（3）缩放工具：使用该工具后，单击“文档”窗口可增大显示比例，按下Alt键单击可减小显示比例。
5.属性面板
“属性”面板用于查看和编辑当前选定对象的各种属性。不同页面元素对应的“属性”面板也不同。启动Dreamweaver后，默认的属性面板为文本属性面板。
6.面板组
单击面板组与文档窗口间的“隐藏/显示面板”按钮，可以将所有面板隐藏或显示。
7.标尺和网格
使用标尺好网格可以在调整网页中一些对象的位置和大小时使操作更加准确。
（1）标尺
选择“查看→标尺→显示”命令，可在文档窗口的左边和上边显示标尺。
（2）网格
选择“查看→网络设置→显示网络”命令，可以显示或隐藏网格。注意：标尺和网格只在网页文档窗口内显示，在浏览器中不会显示。
【典型例题】
【例1】在Dreamweaver中，通过“文档”工具栏不能完成的操作是
A.切换文档窗口的视图模式B.修改网页文件名
C.打开浏览器预览当前网页D.上传文件到远程服务器
【答案】 B
【分析】文档工具栏提供了视图模式切换按钮和预览文档、传输文档等命令和选项，通过工具栏上的“标题”框可以修改当前网页的标题，但不能修改网页文件名。
【例2】在Dreamweaver中，默认显示的属性面板是（）
A.“文本属性”面板B.“图像属性”面板
C.“表格属性”面板D.“页面属性”面板
【答案】A
【分析】启动Dreamweaver后，默认的属性面板是文本属性面板，只有在页面中选择了其他页面元素，才会显示对应的属性面板。
能力提升
一、单项选择题
1.以下说法错误的是
A.WWW在服务上采用是客户机/服务器模式
B.Dreamweaver是集网页设计、网站开发和管理于一体的软件
C.所有网页的扩展名必须是htm或html才能被访问
D.一个网站只能有一个主页
2.在Dreamweaver的工作窗口中，用来提供与正在编程的文档有关的信息和工具的（）A属性面板B状态栏C标签选择器D插入栏
3.新浪网的网址是www.sina.com.cn，其中http是指（）
A主机名称B.协议名称
C.顶级域名D.端口地址
4.在Dreamweaver的启动界面中，不能完成的操作是（）
A.打开最近编辑过的网友文件B.创建一个新网页文件
C.选择文档窗口的视图模式D.查看新增的功能
5.以下不属于插入栏类别的是（）A.常用B.数据C应用程序D.收藏夹
6.启动Dreamweaver后，文档窗口默认的视图模式是
A.设计视图B.扩展视图
C.代码视图D.布局视图
7.在Dreamweaver中的状态栏上“1024×768”的含义是（）
A.当前文档窗口的大小
B.显卡的最大分辨率
C.当前被选中图像的像素大小
D.整个Dreamweaver窗口的大小
8.在插入工具栏中，按钮 的含义是（）
A.超级链接B.电子邮件链接
C.命令锚记D.模板
9.在“科技在线”站点中新建一个网页文件时，默认的网页标题是（）
A.科技在线B.无标题文件
C.空白D.未命名文档
10.以下说法错误的是（）
A.通过标签选择器可以选择各种页面元素
B.启动Dreamweaver后，默认的属性面板是文本属性面板
C.状态栏上手形工具的作用是增加或减少显示比例
D.要切换各种视图模式，可通过文档工具栏来实现
11.在Dreamweaver中，要打开或隐藏各种面板，可使用的菜单是（）
A.命令B.窗口C.查看D.编辑
12.关于属性面板，以下说法错误的是（）
A可以用来设置当前网页的页面属性
B.主要用于查看和编辑当前选定对象的各种属性
C.启动Dreamweaver后默认的“属性”面板不同
D.不同页面元素对应的“属性”面板不同
13.设置标尺的尺寸单位时，不包括的单位是（）
A.像素B.百分比C.英寸D.厘米
二、填空题
1＿＿＿＿是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。
2.当用户在浏览器的地址栏中输入网址后看见的第一个页面称为＿＿＿＿。
3.WWW在服务上采用的是＿＿＿＿模式。
4.在＿＿＿＿视图中可在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。
5.使用缩放工具时，按下＿＿＿＿键在窗口中单击可减小显示比例。
二、简答题
1.简述网站、主页与网页的关系
2.简述Dreamweaver的工作界面。
篇2：电脑基础知识教程第10讲：播放音乐
电脑不仅能够处理文字图像，也可以播放音乐和动画视频，下面我们来学习一下如何播放音乐；
1、音乐文件
1）类型 常见的音乐类型有Mp3格式、Wma格式，和CD格式等， 一般只能听音乐，没有视频；
2）播放 音乐文件需要软件来播放，一般我们用附件里的自带的 Windows Media Play
2、使用Media Play
1）启动 单击“开始”－“程序”－“附件”－“娱乐”－“Windows Media Player”；
2）窗口 打开后的窗口会自动隐藏菜单栏，但是把鼠标移过去，菜单栏就出来了，窗口 的下边是一排按钮；
3）播放 音乐 双击一个音乐文件时，会自动打开媒体播放器，也可以在菜单“文件－打开..”中选择一个音乐文件；
4） 操作方法 窗口下边的一排按钮，可以控制音乐的播放，
左边的圆按钮播放按钮，点击后就可以播放音乐，然后它里面会变成双线，表示是暂停播放；
在播放按钮旁边的是停止按钮，里面是一个小方块，点击后会停止播放；
右边有一个音量控制的滑杆，拖动可以改变音量的大小；
在按钮上面是进度条，音乐播放后上面的滑块会随着移动；
5）在“播放”菜单中可以选择“重复”，在“查看”菜单中可以选择“全屏”，以达到不同的播放效果；
3、练习
1） 打开一个音乐文件，练习一下播放器的播放、暂停、停止等各项操作
2） 练习一下调整音量大小，以及试一试“静音”的功能；
本节学习了 播放音乐文件的基本方法，如果你成功地完成了练习，请继续学习。
篇3：电脑基础知识教程第7讲：汉字输入
计算机基础知识 前面我们学习的都是英文的输入，而常见的是汉字，怎样 用键盘来输入汉字呢？下面通过全拼输入法来学习；
输入法有专门的程序，图标在任务栏的右下角，一个键盘 的图标，点击后显示安装的输入法；
最上面的“中文(中国)”是英文输入，下面两个彩色的是汉字输入；
选中汉字输入法后，会出来一个状态条,可以查看输入的状态，正常的状态如下；
1、全拼输入法的使用
1）启动记事本 单击“开始－所有程序－附件－记事本”，打开记事本，它是用来输入文字的，里面有个一闪一闪的光标；
2）按键盘上的字母，输入自己姓名的拼音，这时候出来的是英文，输完后按一下“回车键”，这样光标就到下一行；
3）用鼠标单击任务栏上的输入法图标，在弹出的列表中选择“中文(简体)－全拼”,调出全拼输入法，
这时屏幕下边出来它的状态条,输入法的小键盘图标变成方块的“拼”；
4）输入姓名的拼音字母，一个字一个字的输入，注意拼音要正确；
按下拼音的字母,拼音就会显示在一个长条框中,旁边还有一个大方框是候选窗,里面有汉字提示，可以检查拼音输入是否正确,如果输入错误用退格键删除 ，按ESC键可以去掉候选窗口；
把一个字的拼音输完后会在大方框中显示许多汉字,前面还有数字1-0,按哪个数字就可以选哪个字,如果是1,可以直接按空格；
5）如果拼音正确输完了在汉字窗口中没有，说明在下一页中，这时用小指按一下加号键（在退格键的旁边），就可以到下一页；
6）输入中文标点符号，要先在输入条的“标点”那儿单击一下，把点变成句号，这时就可以输入中文标点符号了；
7）有时输入显示的都是大写字母，这时在状态条上可以发现，显示了一个红色大写的A，表示处于大写状态，按一下键盘上的大写键(Caps Lock)，就好了；
8）好的，把自己的名字都输入进去；
2、保存文件
1）输入完成后，单击“文件”菜单，选择“保存”命令，出来一个保存的对话框，注意细心操作，电脑的操作一般顺序是从上到下、从左到右；
2）现在上面的“保存在(I)”旁边的白条里点一下，在出来的下拉列表中，选择“本地磁盘(D:)，这儿有我们上次新建的自己的文件夹；
3）然后在中间找着自己的文件夹，瞄准左边的图标，双击打开它，注意瞄准图标双击，双击就是快速的点两下；
4）然后在下边“文件名(N)”右边的白条里头点一下，按退格键删除里面的*.txt，输入自己的名字；
5）输完后检查一下，都正确了就点一下，右边的“保存”按钮，这样就成功的将文件保存到自己的文件夹了；
本节学习了汉字输入法，如果你成功地完成了练习，请继续学习下一课内容；
篇4：电脑基础知识教程第14讲：排列图标
桌面或者文件夹里新建了文件，或者添加删除了文件，这时候显得比较凌乱，需要整理一下；
1、排列图标
1）在桌面空白处或文件夹空白处，点击鼠标右键，再移到“排列图标”上；
2）选择“类型”，这样图标会按照文件的类别进行排列，按“名称”排列是以数字、字母顺序进行排列，
把下面的“自动排列”也勾上，这样新建了文件后，图标会自动排列整齐；
2、刷新
1）刷新可以排列图标或者重新读一下磁盘，
当进行了一些操作后，文件夹中的图标比较乱，可以简单的使用刷新命令来整理；
2）在空白处点鼠标右键，弹出的菜单中就有“刷新”命令，或者按F5键也可以；
本节学习了WinXP中排列图标和刷新的基本方法，如果你成功地完成了练习，请继续学习下一课内容；
篇5：电脑基础知识教程第16讲：文件属性
十六、文件属性
在WinXP中数据是用文件来管理的，不同的数据文件也不同，比如文字、音乐、视频等等，他们都有不同的属性；
1、文件属性
1）打开“我的文档”，选择一个文件，瞄准图标点右键，选择“属性”命令；
2）弹出一个属性面板，里面就有文件的详细信息；
从上到下依次为：文件名“日志”、文件类型“文本文档”、文件存放位置、文件大小、创建和修改时间，
文件属性，打勾“只读”后，该文件不让修改，打勾“隐藏”后，文件夹中不显示或者是显示为虚的；
2、文件类型
1）WinXP中有多种文件类型，文件类型在文件名的扩展名中，一般是隐藏了，可以通过图标来识别，
系统文件的图标一般是齿轮的，与系统有关，一般不能删除；
2）可执行文件的图标一般是彩色的，大多数应用程序都有一个可执行程序；
3）文档类文件，如文本文件、Word文档、电子表格等等，他们的图标一般跟打开他们的应用程序相同；
4）对于无法识别，或者没有相应打开程序的文件，是一个未知图标；
本节学习了在WinXP中文件属性和文件类型的知识，如果你成功地完成了练习，请继续学习下一课内容；
篇6：电脑基础知识教程第25讲：如何上网
学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的htm文件，通过网页可以很方便的实现网络资源的共享，上网分为三个步骤；
1、输入正确的网址
1）在桌面上找到Internet Explorer，双击打开，出现浏览器窗口，一般会自动进入微软的网站；
2）找到地址栏一个长白条，里面有一串英文字母，后头是“转到”按钮，这就是地址栏；
3）在地址栏里头点一下鼠标左键，然后删除里面的字符，输入自己的的网址，网址一般是英文的以http打头，然后是一个冒号和两个斜杠（双斜杠），
然后是www（三W），后面跟一个点，最后一般是com结尾，例如输入www.baidu.com
输完检查一下，没问题就按一下回车键，或者点一下后边的“转到”按钮，这时窗口右上角的小图标就开始运动，也就是正在搜索；
4)一切正常就会进入到百度搜索的首页；
2、找超级链接
网页上的内容是一页一页的，一般都藏在一个叫超链接的后面，所以第二步就是要找到超链接；
超链接有三个特点，首先文字的颜色是蓝色的，非常醒目，其次文字下面有一条下划线，便于查找，最关键的是当鼠标移过去以后，指针会变成手形，这一点很重要；
3、后退按钮
看完一页后如何返回呢？在窗口的左上角有一个后退按钮，点一下就可以回到上一页，这样就不会迷失方向了；
本节学习了上网的基础知识，学习了上网的三步曲，网址、超链接和后退，如果你成功地理解并完成了练习，请继续学习下一课内容；
篇7：电脑基础知识教程第20讲：复制粘贴
二十、复制粘贴
复制粘贴也就是拷贝操作，把文件从一个地方复制到另一个地方，剪切是把文件从一个地方移动到另一个地方；
1、复制
1）在桌面上敲右键，选“新建－文本文件”，把文件名改成“练习”；
2）瞄准图标敲右键，在弹出的菜单里选择“复制”命令；
2、粘贴
1）打开“我的文档”，在空白处点右键，选择“粘贴”命令；
2）这时候在桌面和我的文档中都有一个“练习”文件；
3）如果在桌面那选择“剪切”命令，那么粘贴后桌面上的文件，将会移到我的文档里；
本节学习了在WinXP中复制粘贴和剪切的基本方法，如果你成功地完成了练习，请继续学习下一课内容；
篇8：电脑基础知识教程第29讲：系统还原
二十九、系统还原
系统还原可以简单的恢复系统到上一个时间，一般在安装系统程序、补丁更新时，会创建一个系统还原点，缺点是占用一定的磁盘空间，并且有可能在里面隐藏病毒；
1、运行程序
1）点“开始－所有程序－附件－系统工具－系统还原”进入程序窗口；
2）在右边窗口中选择“用恢复到较早时间”，点击“下一步”进入时间选择；
3）在出来的恢复点选择中，选择一个较早的粗黑日期，点击选中，然后点“下一步”按钮；
4）然后按提示一步一步操作，系统重启后，将会进行系统还原；
2、关闭系统还原
1）在桌面“我的电脑”上敲右键选择“属性”命令，出来一个属性面板；
2）在上边点击选中“系统还原”标签，进入系统还原设置；
3）点击选中上面的“在所有驱动器上关闭系统还原”，然后点下面的“应用”按钮；
4）在出来的提示里点“是”即可关闭系统还原了；
5）如果想关闭其中的某一个驱动器，可以先选中这个磁盘，然后点右边的“设置”按钮；
6）在出来的对话框里面打勾“关闭”，然后点“确定”按钮，出来一个确认提示，点“是”即可关闭这个磁盘的系统还原；
注意，C:盘中有系统是不让单独关闭还原的；
本节学习了在WinXP中使用和关闭系统还原的基本方法，如果你成功地完成了练习，请继续学习下一课内容；
篇9：电脑基础知识教程第36讲：批处理文件
三十六、批处理文件 批处理文件是一种简单的可执行文件，常常用来执行清理或简单的安装命令，下面我们来看一个练习；
1、批处理文件
1）批处理文件的图标是一个齿轮窗口图标，双击运行后会出来一个黑色命令行窗口；
2）在批处理文件图标上点右键，里面有一个“编辑”命令，可以查看文件的内容；
2、批处理命令
1）echo 是显示命令，它后面的文字会原样显示在命令行窗口里，前面加上“@”则会隐藏，
比如： echo 正在完成，请稍等...
2）del 是删除命令，可以删除指定的文件，星号“*”代表所有文件，
比如： echo del *.tmp
3）rd 是删除文件夹命令，可以删除指定文件夹；
4）pause 暂停命令，这时候按按一下回车键或空格键就可以继续；
5）可以用记事本来创建批处理文件，每行输入一句命令，保存的时候以.bat为文件名，类型选所有文件；
；
本课有一个XP系统下，清理系统垃圾文件的批处理文件，可以学习参考一下；
本节学习了批处理文件的基本操作，如果你成功地完成了练习，请继续学习下一课内容；
★ 落花生说课稿
【第三章 第10讲 网页设计基础知识（共9篇）】相关文章：
落花生五分钟说课稿2024-01-11
爸爸和书的教学反思2023-12-03
《刺猬汉斯》教学设计 教学教案设计(S版六年级上册)2023-06-10
微格教学教案2022-09-02
《谈礼貌》优秀教学设计2023-10-08
《到期归还》教学设计2022-10-30
人教版五年级教学设计落花生2023-01-31
初中政治说课稿2023-12-15
黄河是怎样变化的教案设计2022-05-07
小学语文第五册《空中花朵―降落伞》教学设计22023-03-12