网页制作课程知识点归纳

网页制作课程知识点归纳
网页制作课程知识点归纳

《网页制作》复习题)

第1章网页制作概况网页的概念

网页是用HTML(超文本编辑语言)语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。

网页HTML文件与web浏览器间的关系理参照P5

首页和主页的异同点

首页与主页的区别:浏览网站时最先访问的页为首页,一般为欢迎信息,通过链接再进入主页(例如:榕树下网站)。主页是整个网站的导航中心(例如:163网站)。有些网站首页即主页。

网页制作的常用工具软件有哪些

FrontPage、网页制作三剑客(Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客)、Photoshop ……

网页正文区和文件头的位置关系,文件头内的唯一一个必须出现的标记是哪一个标记?Title标记HTML文件的基本框架:文件开始表头区开始….标题区表头结束

本文区开始(注:书上写本文区,本人认为应是文本区,待确认)本文区内容(注:书上写本文区,本人认为应是文本区,待确认)本文区结束(注:书上写本文区,本人认为应是文本区,待确认)

文件结束

单标记和双标记的概念,HTML标记中哪些是单标记,哪些是双标记?P5起

单标记指令(由<标记指令>构成),如:



……双标记指令(由<起始标记>构成),如:< HEAD > ……

注释语句的含义,其正确书写格式

HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性的书写方式在HTML 文件中实现换段和强制换行的不同,及分别使用哪个标记段落标记(

)与换行标记(

是HTML格式中特有的段落元素。在原始文件中的

,指出在这儿告一段落,下面的文字另起一段。

另外一个类似的标记元素是

这个标记用来标识一个换行动作,相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式:

文本文本

HTML中的常用标记的对应名称

插入多媒体对象的HTML语句的正确格式P13-15 参考1.2.5图像与多媒体标记(个人认为)无序列表的相关知识P9 参考1.2.3列表显示1.无序列表(UI)有序列表的相关知识P9-P10 参考1.2.3列表显示2.有序列表(OI)表格标记的相关知识P11-P13 参考1.2.4表格标记超链接语句的相关知识P15 参考1.2.6超链接标记

第2章DW网页制作基础

如果想更改工作区,可以使用“编辑”菜单中的什么命令切换到一种不同的工作区?

首选参数(P22)

Dreamweaver站点的概念和特点(P29起)

一种组织所有与Web站点关联的文档的方法

通过在站点中组织文件,可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。

除非定义站点,否则不能充分利用Dreamweaver的功能。设置Dreamweaver站点的方法不止一种

在文件面板中进行管理的功能有:

新建网页更改文件名删除文件等

关于【远端站点】和【本地文件】的特点和概念

所有制作完成的网页最后要放置在Web Server上。制作者可以在服务器上制作网页。

制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹,因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站,服务器即远端站点。

哪些是HTML文档的基本属性?

页面标题背景图像文本

关于如何插入图像的一些基本常识?

为了管理方便,一般设计习惯把图片放在“images”文件夹内以便于管理网站里的网页和图片等资源的文件名最好用中文,以便于管理。插入图像可以选择“插入”菜单中的“图像”命令进行插入。插入图像可以选择使用面板组“资源”面板进行插入。URL的全称是?

URL是Uniform Resource Location的缩写,译为“统一资源定位符”。网页中添加换行符的快捷键?

BR为换行符(快捷键为CTRL+ENTER)

Dreamweaver工作区是一个使用什么(多文档界面)的集成工作区?

Dreamweaver MX 工作区是一个使用MDI(多文档界面)的集成工作区

层叠样式表(CSS)是一系列格式规则,它们控制网页内容的外观。CSS样式规则由什么组成?选择器和声明(详细说明见P50)层叠样式表(CSS)的选择器类型有哪些?CSS选择器针对超级链接进行设置的状态有哪些?

如何将CSS文件在站点内共享给其他HTML文件

插入音乐的方法有哪些?

直接插入法、代码法(详细说明见P59-P60)Dreamweaver MX 2004提供的工作区布局,分别是什么?

设计人员工作区,编码人员工作区。

“文档”窗口用于显示当前文档。有哪些dreamweave的文档视图。

设计视图,代码视图,拆分视图插入视音频的相关操作与参数设置插入视频见P64 插入音频见P59-P60

第3章DW网页设计应用

在Dreamweaver中插入表格的实现方法。

1)选择“插入” “表格”;

2)在常用类之插入工具栏中单击“表格”按钮;3)在布局类之插入工具栏中单击“表格”按钮。表格的三种查看模式。标准、扩展和布局表格的组成元素。单元格、行/列、表格如何选取表格元素?

单击标签选择器中的标签可选取光标所在单元格;单击标签选择器中的标签可选取光标所在行;

让鼠标指向表格的顶边,当鼠标变成黑色实心下向单箭头形状时单击,便可选取箭头所指向

的列;

单击标签选择器中的

标签可选取光标所在表格。如何设置表格宽度?

方法可有:

1)新建表格时,在“表格”设置框的“宽度”框中输入值,再指定其相应的宽度单位。2)选取表格后,在其属性面板的“宽度”框中输入值,再指定其相应的宽度单位;3)当宽度单位为像素时,在选取表格后,用鼠标拖拽右边框的黑色控点。如何设置表格高度?

方法可有:

1)选取表格后,在其属性面板的“高度”框中输入值,再指定其相应的宽度单位;2)当宽度单位为像素时,在选取表格后,用鼠标拖拽下边框的黑色控点。可用哪些单位来度量表格的宽度或高度?百分比或像素

你为什么把表格的宽度或高度设置为100%的?

希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。你是怎么理解表格的边框粗细的?

在浏览器窗口中浏览网页时,是否可见到表格线。0则见不到,>0则见得到。你是怎么理解表格的单元格边距的?

单元格边距指的是单元格内容到单元格左/右边框之间的距离。

你是怎么理解表格的单元格间距的?

单元格间距指的是相邻两个单元格之间的距离。嵌套表格的实现。

在一个单元格中插入另一个表格。布局表格与布局单元格?标准表格与布局表格。

在布局查看模式下所制作的表格称为布局表格。布局单元格是布局表格的组成成分。即一个布局表格是由布局单元格组成的。

在标准查看模式下所查看到的表格称为标准表格。布局表格最终都要被转换成标准表格,才能在网页中得以使用。一个标准表格由布局单元格和非布局单元格所组成。换句话说,一个布局表格是一个标准表格的子集。

有哪些创建网页模板的常用方法?最基本的方法是哪一种?

方法可有:

1)基于现有网页文档创建;

2)基于Dreamweaver设计文件创建;3)在“资源”面板中创建。

最基本的方法是基本现有网页文档来加以创建。制作网页的常用方法

方法可有:

1)在代码视图下输入HTML代码;2)在设计视图下直接加入网页元素;3)基于表格来安排网页元素布局;4)基于框架集来制作网页;5)基于模板来设计网页。何谓框架集?

框架集指的是包含有多个框架的网页文档。何谓框架?

框架是浏览器窗口中的一个区域,用它来显示出一个网页。框架是框架集的组成成分。一个Dreamweaver模板文档的文件扩展名是什么?

.dwt。意即:dreamweaver templates。在Dreamweaver中,模板与站点的关系。

1)模板一定存在于站点中;

2)模板可使站点的网页风格保持一致性,站点不一定非得包含有模板不可。套用已建成模板来设计网页的实现方法。

在Dreamweaver中调出要套用模板的网页文档,然后使资源面板显示于Dreamweaver 窗口右侧的面板组中(按F11键),单击该面板左侧的“模板”按钮,使当前站点中所有模板都显示出来,然后从中挑选所要模板,最后单击面板左下角的“应用”按钮。合并表格中单元格的实现。

在表格中选取了要合并的单元格后,执行“修改” “表格” “合并单元格”菜单操作。

对表格中拆分某个单元格。

把光标移入到拆分的单元格中,然后执行“修改” “表格” “合并单元格”菜单操作。

第4章FW网页制作基础

位图与矢量图的特点及常用格式是什么?

位图:由像素点组成,记录每个像素点的颜色值,再拼成整图。常用格式有.jpg、.gif、.bmp 等

矢量图由矢量轮廓线和矢量色块组成,文件的大小由图像的复杂程度决定,与图形的大小无关,并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr、.fh.、swf等。数码图像常选择什么格式?

JPEG

JPEG文件格式是Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也是最常见的一种文件格式,几乎所有的图像软件都可以打开它。

TIFF

TIFF是Tagged Image File Format(标记图像文件格式)的缩写,文件的后缀名是.TIF,这是现阶段印刷行业使用最广泛的文件格式。

RAW

目前,数码相机的存储格式除了JPEG、TIFF外,还有RAW格式。其实,RAW格式并不是一种图像格式,不能直接编辑。RAW格式是CCD或CMOS在将光信号转换为电信号时的电平高低的原始记录,单纯地将数码相机内部没有进行任何处理的图像数据,即CCD等摄影元件直接得到的电信号进行数字化处理而得到的。

GIF

GIF是Graphics Interchange Fotmat(图像交换格式)的缩写,文件的后缀名是.GIF。BMP

BMP是Bitmap的缩写,后缀名是.BMP。网页上常见的图像的格式及特点?JPEG

JPEG文件格式是Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也是最常见的一种文件格式,几乎所有的图像软件都可以打开它。

GIF

GIF是Graphics Interchange Fotmat(图像交换格式)的缩写,文件的后缀名是.GIF Fireworks默认的存储格式是?

PNG(Portable Network Graphics的缩写)格式:此格式是Macromedia Fireworks的默认格式Fireworks生成动画时,帧延时设置默认为多少秒?7/100秒

各种工具的使用,例如“放大”工具、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等等

1)直线工具:画出线段;调整颜色、笔尖描边种类;

例:笔尖大小边缘揉化笔刷颜色描边种类纹理2)钢笔工具:绘制线段与多边形;拖拽出曲线

3)用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。4)“选取框”工具在图像中选择一个矩形区域。“椭圆选取框”工具在图像中选择一个椭圆形区域。

5) “套索”工具在图像中选择一个自由变形区域。用套索工具大致选出人物,边界可多选一些,反选,去背

“多边形套索”工具在图像中选择一个直边的自由变形区域。(适合处理边缘由直

线构成的画面)

6)选区的“魔术棒”工具在图像中选择一个颜色相似区域。适合图像中的主题或背景为单一色彩或相似色彩的选区

7)用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。小技巧:按[ALT]可重新选取参照点8)“替换颜色”工具:修改图像的用色。9)“红眼消除”工具:移除闪光灯产生的红眼。10)“模糊”工具减弱图像中所选区域的焦点。

11)“锐化”工具锐化图像中的区域。对于修复扫描问题或聚焦不准的照片很有用12)“减淡”工具加亮图像中的部分区域

13)“烙印”工具加深图像中的部分区域。例:加强雪地上树木的阴影效果

14)“涂抹”工具拾取颜色并在图像中沿拖动的方向推移该颜色。例:令主体呈现滑行的效果

15)图像的化妆术-滤镜,调整亮度对比度选区的操作:加选、减选、全选、取消选择全选[CTRL]+[A] 取消选取[CTRL]+[D] 向像素选区添加[SHIFT] 从选区中去除像素[ALT] 图像优化

Fireworks 的优化面板是关键,比较简单的

1.首先确定你的颜色数,256色的用GIF和PNG格式,256色以上的用JPG格式。GIF 的例子,注意颜色参数JPG的例子,注意品质参数

2.确定颜色数和压缩比,进行比较

对文本的操作参照P157-P159的4.7“文本的操作”

引导线、标尺参照P129的4.3.5的“1.使用标尺”和“2.使用引导线"

画布大小与图像大小关于画布的就在P126,

第5章FW网页设计应用资源面板包括什么?样式、URL、库、形状样式的概念及相关操作1)应用样式

将样式应用到所选对象或文本块。(1)选择对象或文本块。(2)单击“样式”面板中的某种样式2)创建新样式

基于所选对象的属性来创建样式,该样式将显示在“样式”面板中。

(1)创建或选择具有所需笔触、填充、效果或文本属性的矢量对象或文本。(2)从“样式”面板的“选项”菜单中选择“新建样式”(3)选择希望该样式所具有的属性。(4)给出样式名称,然后单击“确定”按钮。下列属性可以保存在样式中:

(1)填充类型和颜色,包括图案、纹理以及角度、位置和不透明度等矢量渐变属性。(2)笔触类型和颜色。(3)效果。

(4)文本属性,如字体、字号、样式(粗体、斜体或下划线)、对齐方式、消除锯齿、自动字距调整、水平缩放、范围微调以及字顶距等。3)删除样式

(1)从“样式”面板中选择一个样式。

(2)从“样式”面板的“选项”菜单中选择“删除样式”(或单击“样式”面板中的“删除样式”按钮)。4)编辑样式

更改样式包含的属性。

(1)用“选择”→“取消选择”命令取消选择画布上的任何对象。(否则会把该样式应用到选定对象上)

(2)单击“样式”面板中的某个样式,从“样式”面板的“选项”菜单中选择“编辑样式”(或直接双击“样式”面板中的某个样式)。(3)选择或取消选择希望应用的属性。(4)单击“确定”。5)导出和导入样式

将样式导出以便在其他计算机上导入并使用,实现样式共享。

导出样式:

(1)从“样式”面板中选择一个样式。

(2)从“样式”面板的“选项”菜单中选择“导出样式”命令。*.stl (3)输入将包含所保存样式的文档的名称和位置。(4)单击“保存”按钮。导入样式:(1)从“样式”面板的“选项”菜单中选择“导入样式”命令。(2)选择要导入的样式文档。

元件、实例的概念及相关操作三种类型的元件:图形、动画和按钮。

创建“元件”存放于“库”中后,就可以很方便地插入“实例。当对元件进行编辑时,所有与其相关的实例就会自动更改。/ 创建元件

方法1:将图形对象转换为元件

(1)选择对象(五角星),“修改”→“元件”→“转换为元件”。(2)输入元件名称,如“星”。(3)选择元件类型:“图形”。(4)单击“确定”按钮。方法2:新建元件

(1)从“库”面板的“选项”菜单中选择“新建元件”命令。

(2)选择元件类型:“图形”、“动画”或“按钮”。然后单击“确定”按钮。(3)使用“工具”面板中的工具创建元件F8 放置实例

将元件从“库”面板拖到画布中,就可将该元件的实例放在当前文档中。复制元件(1)在“库”面板中选择元件。

(2)在“库”面板的“选项”菜单中选择“复制”。删除元件

(1)在“库”面板中选择元件。

(2)从“库”面板的“选项”菜单中选择“删除”命令编辑元件

(1)选择某个元件,从“库”面板的“选项”菜单中选择“编辑元件“命令。(2)对该元件进行更改,然后关闭窗口。该元件及其所有实例都将被修改。导入和导出元件可将元件“库”分别导入到多个文件中,重复使用。导出元件:

(1)从“选项”菜单中选择“导出元件”命令。(2)选择要导出的元件,然后单击“导出”按钮。

(3)为该元件文件(*.PNG)输入一个名称,然后单击“保存”按钮。导入元件:

(1)从“选项”菜单中选择“导入元件”命令。

(2)选择元件文件(*.PNG) ,然后单击“打开”按钮。(3)选择要导入的元件,然后单击“导入”。

切片的优点与相关操作

切片可将较大的图像分割为多幅较小的图像,是Fireworks 中用于创建交互效果的基本构造块。

切片的主要优点:加快下载速度交互性便于局部更新便于优化1)创建切片

方法1:基于所选对象插入矩形切片

用这种方法所创建的切片是一个矩形,它的区域包括所选对象最外面的边缘。操作步骤:

(1)选择某个对象。

(2)选择“编辑”>“插入”>“切片”(或选择快捷菜单中的“插入切片”)创建HTML 切片

如果要快速更新出现在站点中的文本而无须创建新图形,则HTML 切片很有用。操作实例:切片_飞机.png

(1)用"切片"工具绘制切片对象。

(2)在"属性"检查器中,从"类型"中选择HTML。

(3)单击“编辑”,键入文本。如果需要,通过添加HTML 文本格式设置标记来设置文本的格式。

(4)单击“确定”。

(5)导出为*. htm文件,或单击F12查看结果创建非矩形切片

当试图将交互性附加到非矩形图像时,Fireworks 允许您使用“多边形切片”工具绘制任何多边形形状的切片。

(1)选择"多边形切片"工具。(2)单击以放置多边形的矢量点。

若要停止使用"多边形切片"工具,请从"工具"面板中选择另一个工具移动切片引导线就可以编辑切片。单击某切片后,按DEL键可删除切片。Fireworks提供了2两种使切片交互的方式: 1)向切片添加简单的交互效果

2)使用“行为”面板向切片添加多个行为(后面章节介绍)创建简单交换图像的步骤:

①确保图像或对象不在共享层

②在图像或对象上创建切片“编辑”→“插入”→“切片”③在“帧”面板中新建一个帧

④选中第2帧,导入用作交换图像的图像

⑤选中第1帧,指针放在行为手柄上方,右击“添加交换图像行为”⑥选择交换的帧,确定。⑦F12预览吧

创建不相交变换图像的步骤:

①在图像或对象上创建切片“编辑”→“插入”→“切片”②在“帧”面板中新建一个帧

③选中第2帧,导入用作交换图像的图像(放在上图下方以外任何地方④选择图像,“编辑”→“插入”→“切片”

⑤选中第1帧,指针放在行为手柄上方,拖到目标切片中⑥F12预览吧

将多个变换图像应用到所选切片:

①在图像或对象上创建切片“编辑”→“插入”→“切片”②在“帧”面板中新建一个帧

③选中第2帧,导入用作交换图像的图像(放在上图下方以外任何地方④选择图像,“编辑”→“插入”→“切片”

⑤选中第1帧,指针放在行为手柄上方,拖到目标切片中⑥重复上述步骤,完成后按F12预览吧。

说明:将手柄拖到同一切片上的左边缘可创建一个简单变换图像

热点工具的基本操作

热区(Hotspot)又称之为热点,是图像上带有超链接的一块区域,它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样,当浏览者将鼠标移动到热点上时,鼠标会变成手形。

按钮的状态及按钮的相关操作

弹出菜单的创建与浏览按钮是网页的导航元素。按钮常见的四种状态

释放:平时鼠标没有经过按钮时所呈现的状态滑过:鼠标滑过按钮时的状态按下:按钮被按下时的状态

按下时滑过:按钮被按下后,鼠标又经过按钮时所呈现的状态

方法1:使用按钮编辑器,并引用系统提供的按钮元件1)编辑\插入\新建按钮。

2)单击”导入按钮”,选择一种喜欢的按钮,单击”导入“。(系统已设置好各种按钮状态,可修改或直接使用。)

3)单击“完成”,按钮元件创建完毕。

(若要修改按钮元件,可从“库”面板的“选项”菜单中选择“编辑元件“命令)4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。5)单击预览或按F12可查看结果。方法2:将已有对象转换为按钮元件1)导入按钮图片或自己绘制按钮图片。

2)在快捷菜单中选择“转换为按钮元件”,元件类型为“按钮”。

3)在“库”面板的“选项”菜单中选择“编辑元件“命令,设置4按钮状态,并调整按钮热区的面积,单击“完成”,按钮元件创建完毕。

4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。5)单击预览或按F12可查看结果。6)弹出菜单的创建与浏览

弹出菜单是指为响应指针滑过触发网页对象(如切片或热点)或单击这些对象而显示的菜单。创建弹出菜单可采用“弹出菜单编辑器”,它会引导完成整个过程。

如何创建及导出动画?动画的有关概念、帧面板的使用1)创建弹出菜单(1)先切片。(2)选择一个切片。

(3)右击,选择“添加弹出菜单”,在“弹出菜单编辑器”上确定弹出菜单的结构和内容。(4)按F12浏览效果。2)编辑弹出菜单

在快捷菜单中选择“编辑弹出菜单”,然后在“弹出菜单编辑器”中进行修改。

图像的优化与导出

参照P166-P181的4.10“图像的优化与导出”Fireworks的批处理操作

参照P181-P185的4.10“Fireworks的批量处理操作”

网页设计与制作 复习资料

《网页设计与制作》自考课程 复习资料 第一部分知识点 1.互联网 ①概念:它是目前世界上最大的计算机通信网络,遍布全球,将世界上各种规模的计算机网络连接成一个整体,从而实现信息交流与共享。 ②服务:它主要提供了WEB、BBS、TELNET、FTP等服务。 2.网络协议 ①定义:它是一系列通信规则的总称,主要包括用户数据与控制信息的结构和格式,需要发出的控制信息以及相应要完成的操作与响应,对事件实现顺序的详细说明等三部分内容。 ②分类:它分为硬件协议和软件协议,其中硬件协议定义硬件设备如何协调工作,如:100BaseT Ethernet等,软件协议则用于完成程序之间的通信,如:TCP/IP,IPX,NETBEUI等。 3.OSI七层模型 ①定义:OSI即开放系统互联,它是由国际标准化组织(ISO)发起制定的计算机网络通信标准。 ②OSI七层模型:从高层到低层依次排列为,应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。 4.TCP/IP ①TCP:即传输控制协议,工作在OSI模型中的传输层,用于建立和校验数据连接。 ②IP:即网际协议,工作在OSI模型中的网络层,用于处理网络上一个主机到别一个主机的数据报路由选择。 5.IP地址 ①定义:通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址,称IP地址。 ②组成:它由32位二进制数表示,每8位为一组,以圆点“。”分隔,其中每组数据具体设置时一般用十进制表示,范围在0~255。 ③层次:它为层次结构地址,分为主机、由主机构成的网络、由网络构成的互联网。 ④分类:它分为5类,包括A类(1~126)、B类(128~191)、C类(192~223)、D类(224~239)、E 类(240~254)。 6.域名和域名系统 ①域名:即互联网上与IP地址对应的字符型地址标识。 ②域名分类:分为国际域名(com、net、gov、org、edu、mil等)、国内域名(cn、jp、hk、us、

网页设计与制作一体化教学总结与评价高艳秋

《网页设计与制作》一体化教学总结与评价 高艳秋 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程,是一门实践性很强的专业技术基础课程,又是一门主干课程,是为加强对学生技术应用能力的培养而开设的综合性课程,它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识,全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站、具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。通过实例的讲解,让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发,如何申请空间和域名,如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标 通过本课程的学习,使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用 photoshop 、进行图片处理,能熟练运用 Flash 制作网页动画;能维护、管理和设计 WEB 应用程序;能独立设计 WEB 站点。 1.通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构、目录结构、链接结构的方法。 (2)熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。 (3)掌握页面的整体控制和头部内容设置的方法。 (4)熟练掌握网页页面布局的各种方法。 (5)熟练掌握在网页中输入、设置标题和正文文字的方法。 (6)熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 (7)掌握建立各种形式超级链接的方法。 (8)掌握表单网页制作方法。 (9)掌握网页特效的制作方法。 (10)掌握网站测试的方法。 2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

网页制作实习心得小结【精选】

通过页制作实习,不断的学习、解决、提高,设计出的页不论是外观还是内容,都在不断的进步、改善,可以说在自己动手,不断实践的过程中,页设计水平得到了很大的提高。下面是为大家收集整理的页制作实习心得小结,欢迎大家阅读。 现在,计算机和络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,络成了我们获取知识和信息的一种便捷工具,现在的民也在不断的增多,所以,了解和学习络知识是我们作为一名大学生迫切所需的, 页设计心得体会。我利用寒假的时间,对页设计进行了初步的认识和了解,并基本掌握D a a 的应用。 通过对页设计书籍的翻阅,我学习到了一些关于建设站和制作页的知识,在实践查阅资料时,对 a 也有所了解。我还了解了一些基础的络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对页制作的过程与一些技巧手法更有了另外一番了解,对页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到页设计不是一门学科的独秀,而是多种课程的综合,他是、 a 、等页软件的综合应用。 下面阐述一下我在翻阅《D a a 》时的一些关于页设计的见解。在具体的制作一个页时我了解到一个优秀的页设计应该具备一些基本原则。 首先,要确定页设计的内容一个优秀的风站要有一个明确的主题。整个站围绕这个主题,也就是你在页设计之前要明确你这个站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你站所在行业的客户,及你的页属于哪个类别。用户是一个站成败的关键,如果用户要花很多时间进入你站很有可能用户会立即关掉你站,或者你站操作很不方便用户也会马上离开,这种站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后页的基本框架便成形成了, 下面要开始的便是优化工作, 内容是整个页的核心。在页设计之前必须明确页的内容安排。优秀页设计是要建立在平凡的基础上的。然后在具体的规划一个页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的关系。是星形,树形,或是形。这也是判别一个站优劣的重要标志。混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。 如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外

502043《网页设计与制作》课程标准

《网页设计与制作》课程标准 课程代码: 502043 参考学时: 90 学分: 4 课程类型:专业课

2015年 1 月编 一、适用专业 计算机应用技术(3年制中职,5年制高职) 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术(3年制中职,5年制高职)的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台,针对职业教育网络技术专业中理论结合实践的特点,以培养高技能应用型人才为目标,重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识,学习HTML标记语言,在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧,锻炼学生网页的排版设计能力,最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中,选取紧密联系实际的项目并进行详细分解,重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质; 2)培养学生勤于思考、做事严谨的良好作风; 3)培养学生良好的职业道德; 4)培养学生事物美的观念; 2、社会能力目标 1)培养学生的团队协作精神; 2)培养学生分析问题、解决问题的能力; 3)培养学生勇于创新、敬业乐业的工作作风; 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具;

2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架; 3)掌握Dreamweaver软件的使用方法;学习文本、图像等多媒体元素在网页中的 使用技巧; 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版; 5)掌握模板的使用方法;熟练应用模板来制作、修改、批量更新网页; 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧; 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果; 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理; 9)掌握网页中客户端行为的概念;能够使用常见的客户端行为来制作前台页面的 动态效果; 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式; 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录;能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上,前导课程有《Photoshop高级应用》,后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配

网页制作知识点

六、网页专题复习知识点 1.超文本传输协议():网页间遵循超文本传输协议进行相 互链接访问。 2.超文本标记语言():是使用一组特定的标记来描述文档结构的语言。 文件传输协议();使用此协议可将网页文件上传到互联网。 3.网页中包含的文本、图像、超链接和表格等基本元素及构 件是由超文本标记语言进行描述的,即网页是由解释执行 的。 4.网页:即万维网上的文档,是按照超文本标记语言规范要求表达文本、图 像、动画等多媒体信息的。 5.若干个网页组成一个网站,每个网页之间通过超链接连接在一起。 的源代码由网络浏览器解释执行。在浏览器内,查看(菜单源文件 7.统一资源地址(统一资源定位器):网站的网址。是唯一 的,网页和网站的地址用标识 6. 协议

8.网页的三种基本元素:文字、图形图像和超链接。网页还可以使用" 表格"、"表单"、"音乐"和内嵌程序等构件,起到美化网页、双向交 流的作用。 9.网页中使用的图像可以有许多格式,常见的静态图像格式 有和两种;动态图像的格式有动态、等。 网页之间以及不同的网站都可以用超链接方式链接起来。 10.流式视频图像格式:、、、。 11.动态网页:由服务器数据库动态生成的网页。(网页里包含 会动的元素) 12.静态网页:以超文本文件格式存放在服务器上。(网页里没有会动的元素) 13.常用的网页制作软件:记事本(用语言写,保存类型为)(适合初学者 使用).(专业的网页设计) 14.网页制作步骤:确定任务分工协作制定解决方案(网站 的名称、主题、内容、结构等)素材的收集与整理制作网页合成和测试网页发布 许多网页看起来非常整齐,在中一般用一种“不可见”的表格来定位网页元素和构件的,只要将表格线设为0,在浏览 器上就看不到表格线了。 15.静态网页文件的扩展名:.或。动态网页文件的扩展名:

网页制作教学总结

网页制作教学总结 篇一:网页设计教学工作总结 网页设计教学工作总结 本学期本人担任学校11级计算机专业的网页设计的教学工作。下面就这一学期的教学工作进行总结: 一、期初制定计划及落实情况 在学期初,按照网页设计教学安排,制定周密详细的教学计划和教学进度表。在教学过程中,自始至终能按照计划进行教学,按照任务驱动,让学生通过案例作品设计,极大的提高了学生的计算机操作能力。 二、课前准备工作 1、认真钻研教材,结合新课标理念,以学生为主体,精心设计好教案,想好教法。 2、了解学生原有的知识技能的质量,他们的兴趣、需要、方法、习惯,学习新知识可能会有哪些困难,采取相应的预防措施。因材施教,使学生能真正的学到知识。 3、考虑教法,综合运用任务驱动法,边讲边练法和学生自主探究法等教学方法,使学生能在课堂上理解每节课的内容和不断的提高学生的信息素养。 三、在教学中取得的一些体会 1.网页设计的教学中,采用边教学、边思考的方法。在教学中不断

反思,一学期下来,积累了不少的经验。发现了问题就及时解决,对自己和对学生都是一个不断提高的过程。 2.网页设计的教学以操作课为主,老师主要讲解操作过程和工 具的功能,之后学生在操作的过程中掌握各种工具的使用,最终达到教学效果。并且要求学生能够良好的运用所学知识,来制作相关作品。在作品的制作过程中,我也进行了相关的指导,使他们能够在已学知识上有所拓展及提高。在教学中也不断的进行知识的深入及对学生所感兴趣知识的讲解,使其始终能保持足够的兴趣,这样的学习才是轻松的学习。 四、对以后教 学的打算 在今后的网页设计课程上,我会继续珍惜时间,善于思考,大胆实践。努力提高学生的学习效率,同时加强先进教育教学理念和学科专业知识的学习,提高自身素质,做一名优秀的学科教师,把《网页设计与制作》打造成精品课程。 对待学生方面:多与学生交流,倾听他们的心声,关注他们的需要,激发他们的学习兴趣,努力提高他们的学习能力和信息素养。 篇二:网页制作教学总结 教师个人工作总结范文 时间过得真快,转眼间一学期的教学工作已接近尾声,为了更好地做好今后的工作,总结经验、吸取教训,本人特就这学期的工作小结如下:

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

网页制作课程设计报告

网页制作课程设计报告 学院: 专业班级: 姓名: 学号: 成绩: 阅卷教师:

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)

1.设计目的 阐述该个人网站的设计意图和创意,简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想,包括: 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想,绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页,对网页的设计实现过程进行阐述和分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。

4结论 对整个设计报告做归纳性总结,并分析设计过程中的困难及如何解决的,最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素

网页设计与制作在线作业C

网页设计与制作_在线作业_C 最终成绩:90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点: 11.2 编辑矢量对象 用户解答: FALSE 2. (5.0 分) FALSE TRUE 知识点: 12.1 创建和编辑标准文本 用户解答: FALSE 3. 在Fireworks中,图中(b)是对(a) 实施外斜角滤镜的结果。() (5.0 分) TRUE FALSE 知识点: 13.1 滤镜 用户解答: FALSE 4. 在Fireworks中,“自由变形工具”能够直接对矢量对象执行变形操作,也能对路径上的各个定位点进行操作。() 在Fireworks中,文字不能设置笔触和填充。()

(5.0 分) FALSE TRUE 知识点: 13.2 资源——样式、元件、URL 、形状 用户解答: TRUE 5. (5.0 分) FALSE TRUE 知识点: 13.4 优化与导出 用户解答: FALSE 6. (5.0 分) FALSE TRUE 知识点: 15.2.3 绘图工具箱 用户解答: TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中,元件是用户自己建立的可以重复使用的图形,动画或按钮对象。( ) 在Fireworks 中,可以同时显示6幅不同优化效果的图像。( ) Flash 中“墨水瓶工具”(Ink Bottle Tool )是为矢量色块进行填充的工具。( ) Flash 中文本必须图形化才能使用滤镜。( )

知识点: 16.1.1 文本工具 用户解答: TRUE 8. (5.0 分) TRUE FALSE 知识点: 16.1.2 文本变形及图形化 用户解答: TRUE 二单项选择题 1. (5.0 分) 知识点: 9.5 调整画布或图像 用户解答: 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点: 11.2 编辑矢量对象 用户解答:“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体,应将文字图形化。() 若需要向下方向扩大Fireworks画布,应在修改Fireworks画布的窗口内,点击()锚定按钮。在Fireworks中,用“刀子”工具切割路径后,应执行()命令,将路径封口。

网页制作教学心得体会

网页制作教学心得体会 网页制作教学心得体会 我们从一些事情上得到感悟后,写心得体会是一个不错的选择,如此可以一直更新迭代自己的想法。怎样写好心得体会呢?下面是小编帮大家整理的网页制作教学心得体会,仅供参考,欢迎大家阅读。 网页制作教学心得体会1目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中,我总结了《制作简单网页》教学中值得注意的几个问题: 一、激发学生的学习兴趣,唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为,它在学生的学习中具有重要的作用。我认为,教师激发学习兴趣,挖掘学习需求是授课前必须解决的问题。从知识结构看,网页制作是在学生掌握了一定的理论基础和操作技能之后,对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生,可以采取展示法、教学对话法等,也可以融合多种方法进行。 例如,在学习浏览网页时,我有计划地挑选一些专题网站和个人站点推荐给学生,他们在看过之后一定会有自己的想法,老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题:如果由你来做这个站点,哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识,产生了做个站点的想法,再在老师的帮助下梳理成一个比较成型的站点框架,接下来就是:怎么做网页?用什么工具?有了兴趣,带着这些问题,进入这一阶段的学习,就比较主动,学习效果也会比较好。 二、合理调整教学顺序和重点,理顺理论与操作的关系 学习网页制作,首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程,肯定不是先把理论背熟,而是从操作使用开始的。我并不是说理论不重要,而是切入的时机要掌握好。对于这一部分的教学,可以根据教学实际,合理调整教学顺序和重点。对涉及到的理论知识,可以尽量在教操作的时候渗透。一些纯理论的知识,不妨一带而过,教学取得阶段成果后,再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革,提倡的是教给学生可迁移的知识。我体会,迁移是理论到实践。很多应用软件,模式基本上是统一的,在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容,我认为可以采用比较法、示范法、启发法等教学方法。例如,制作网页和保存网页两个知识点:可以在介绍了工具软件(如frontpage)窗口组成之后,就布置学生输入并编辑一段文字,然后把该文件保存在指定位置。这些操作都是前面学过的,对学生来讲既是学习也是复习。作为老师,我们在纠正学生错误的同时,还可以帮助学生比较这几个软件在使用中的异同。比如,输入文字,在word和frontpage中可在编辑区中直接写,而在powerpoint中必须写在文本框里。通过比较,加深印象,达到学习和提高的目的。在这部分中,除文字处理外,像修饰网页、插入表格等内容都可以这样比较着讲。 四、认识螺旋式上升的学习模式和探究式学习的方式,重视课前准备 学习是一个循序渐进、螺旋式提高的过程。在这个过程中,作为教学组织者和指导者,教师的教学设计和准备工作非常重要。例如,在学习网页修饰时,可采用了示范法和演示法结合的教学方法,先设计几个页面,都是在上一节课作的、样例页面的基础上改的。上课时,让学生打开上节课制作的网页,他一看,老师的页面上比他多了个图片,马上问怎么

网页制作的个人小结

个人的小结 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。 选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。 规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以後可能的扩充性,免得做好以後又要一改再改整个网站的架构,十分累人,也十分费钱。 大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。 为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。 框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。 下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。 题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或则音乐,是我非常佩服的!) 大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集,您只要到雅虎,搜狐等搜索引擎上查找相应的关键字,就可以找到一大堆的资料。 如果您是英语高手,您可以到国外站点上把最新的信息,资料翻译成中文,提供给大家,这叫“洋为中用”。

《网页设计与制作》课程概述

《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时, 上下课时的内容相互联系 相互影响。 第一章: 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书

第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章: 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章: 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架

第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章: 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课:AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开

网页制作工程师工作总结

工作汇报/工作计划/工程师工作总结 姓名:____________________ 单位:____________________ 日期:____________________ 编号:YB-ZJ-020649 网页制作工程师工作总结Sample work summary of web page production engineer

网页制作工程师工作总结 在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中,自己慢慢转变为一个社会人,自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。 记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。 自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。 在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:

1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。 2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。 短短三个月的时间,我学到了很多专业的知识,能够得心应手开展工作;在一个和谐的环境下,开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。 总的来说,由于本人工作经验不多,能力还有欠缺。虽然能胜任本职工作,但是社会在不断的进步,技术在不断的更新,我还需要更多的磨砺。为此,今后在工作中,我需要进一步增强开拓创新精神,刻苦钻研新的技术。在上级的正确领导下,努力拼搏,扎实工作,以更好的质量、更高的效率、更扎实的作风做好本职工作,为我们这个光荣的集体、辉煌的事业做出应有的贡献。 XX图文设计 YumBo Graphic Design Co., Ltd.

(完整版)《网页设计》课程教学大纲

《网页设计》课程教学大纲 一、课程说明: 课程类别:选修课 适用专业:工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计算机基础 执笔: 审阅: 二、课程的教学目的 以培养应用型人才为目标,充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言,全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法,掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法,进而掌握将这四个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求: 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能,提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 (1)理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用; (2)理解CSS样式表中属性单位的作用和意义; (3)理解javascript语言脚本程序的工作方式; (4)深入理解超级链接、图形图像各种功能和应用; (5)深入理解表格、AP Div、框架、表单的作用; (6)深入理解模板、库、行为和脚本的高级应用; (7)理解网站测试的目的和测试方法; (8)深入理解“切片”和“热点”的涵义和应用; (9)深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作; (10)理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 (1)了解HTML语言的基本内涵。理解基本标记的用法; (2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式; (3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法; (4)掌握在网页中嵌入图象和多媒体的方法;

网页制作教学心得体会【精品】

页制作教学心得体会 我们从一些事情上得到感悟后,写心得体会是一个不错的选择,如此可以一直更新迭代自己的想法。怎样写好心得体会呢?下面是帮大家整理的页制作教学心得体会,仅供参考,欢迎大家阅读。 目前,互联是最快捷的信息传播渠道之一,学习页制作成了学生必须掌握的一项技能。在几年的教学实践之中,我总结了《制作简单页》教学中值得注意的几个问题: 一、激发学生的学习兴趣,唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为,它在学生的学习中具有重要的作用。我认为,教师激发学习兴趣,挖掘学习需求是授课前必须解决的问题。从知识结构看,页制作是在学生掌握了一定的理论基础和操作技能之后,对互联有了一定的了解、浏览过相当数量的页和站点之后引入的。在准备期中教师应该适当地引导学生,可以采取展示法、教学对话法等,也可以融合多种方法进行。 例如,在学习浏览页时,我有计划地挑选一些专题站和个人站点推荐给学生,他们在看过之后一定会有自己的想法,老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与页。学生会把他们自己的见解说得头头是道。接下来就提出问题:如果由你来做这个站点,哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识,产生了做个站点的想法,再在老师的帮助下梳理成一个比较成型的站点框架,接下来就是:怎么做页?用什么工具?有了兴趣,带着这些问题,进入这一阶段的学习,就比较主动,学习效果也会比较好。 二、合理调整教学顺序和重点,理顺理论与操作的关系 学习页制作,首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程,肯定不是先把理论背熟,而是从操作使用开始的。我并不是说理论不重要,而是切入的时机要掌握好。对于这一部分的教学,可以根据教学实际,合理调整教学顺序和重点。对涉及到的理论知识,可以尽量在教操作的时候渗透。一些纯理论的知识,不妨一带而过,教学取得阶段成果后,再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革,提倡的是教给学生可迁移的知识。我体会,迁移是理论到实践。很多应用软件,模式基本上是统一的,在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容,我认为可以采用比较法、示范法、启发法等教学方法。例如,制作页和保存页两个知识点:可以在介绍了工具软件(如frontpage)窗口组成之后,就布置学生输入并编辑一段文字,然后把该文件保存在指定位置。这些操作都是前面学过的,对学生来讲既是学习也是复习。作为老师,我们在纠正学生错误的同时,还可以帮助学生比较这几个软件在使用中的异同。比如,输入文字,在word和frontpage中可在编辑区中直接写,而在powerpoint 中必须写在文本框里。通过比较,加深印象,达到学习和提高的目的。在这部分中,除文字

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

最新网页制作基础课程标准资料

《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力,使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向,邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析,以此为依据确定本课程的工作模块和课程内容,本课程以任务 引领型为框架,把课程按递进方式设计成项目,并以项目为单元足 迹教学,使学生由浅入深,以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式,使学生熟练制作简单网页, 能熟练创建本地站点并能对网页进行各种找链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力, 能基本胜任网页制作工作,为学生发展专门化方向的职业能力奠定 基础。 职业能力目标:(1)能熟练制作简单网页 (2)能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化

(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求

4.实施建议 4.1.教材编写 (1)教材要以岗位职业能力分析和职业技能考证为指导,以 《网页制作基础》课程标准为依据进行编写; (2)教材要以岗位任务引领,以工作项目为主线,强调理论与 实践相结合,按活动项目组织编写内容;教材内容从“任务”着手,设计完成“任务”的方法与步骤的空间;教材要体现以解决实际问 题来带动理论的学习和应用软件的操作,让学生在完成“任务”的 过程中掌握知识和技能,培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 (3)项目教学任务的设计,应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题,而不是围绕着知识和技能的展开而设置的。

TTML网页设计知识点个人总结

TTML网页设计 网页的结构: //头部分// //正文部分// 常用标记: 1: 基本语法:被修饰的内容 (输入代码)例: 哈哈,大家好

(输出结果): 2:段落标记.换行标记 基本语法:

被选定的内容
内容 (输入代码)例:

哈哈
大家好 (输出结果):

3.插入图片: 基本语法: (输入代码):

美丽的花border=1 (输出结果):

相关文档
最新文档