网页制作综合实例

网页制作综合实例

16.1制作前的准备工作

首先在E盘上建立一个文件夹（如玫瑰信使），再在其下建立images文件夹和css文件夹。将“ch16/images”文件夹下的所有图像拷贝到“玫瑰信使/images”文件夹下。

建立站点和规划目录结构、指定默认图像文件夹

主页制作前的准备工作，有定义站点和设计网站结构的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。这样便于设计制作时的选取使用，也不易造成素材的混乱。如下图：

规划站点目录结构

为站点中使用的图像文件指定一个默认图像文件夹，如下图：

设置站点中的默认图像文件夹

在站点下建立一个主页文件index.html。

16.2设置页面属性及样式

16.2.1页面属性设置

1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件ch16\index.asp。

2．在打开的index.asp文件的文档窗口中，选择“修改”---“页面属性”菜单项，打开“页面属性”对话框。

设置网页标题为：“家庭百科”

设置背景图像为images/bj.gif

将“左边界”、“顶部边界”、“边界宽度”、“边界高度”项均设为5。

3．设置完成后，单击“确定”按钮，确定操作返回到index.asp文档窗口。

16.2.2定义CSS样式文件

定义body样式

1.在index.htm文档窗口中，依次单击“窗口”---“CSS样式”菜单项，打开“CSS

样式”面板。选择“新建CSS样式”菜单命令。

2.打开“新建CSS样式”对话框，“类型”选择“重定义HTML标签”，在“标

签”框中选择或输入body，“定义在”选择“（新建样式表文件）”。

3.单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件

保存的路径（站点下的CSS文件夹），输入样式文件名（这里存为css）。

4.单击“保存”按钮，在出现的样式定义对话框中选择“类型”，在“字体”下

拉列表框中选择“宋体”;在“大小”下拉列表中选择“9”，后面的单位下拉列表框中选择“点数（pt）”度量单位。

5.单击“确定”按钮，便完成对body标记的定义

定义td

定义td的方法和定义body一样，在“新建CSS样式”对话框中将“类型”选择为“重定义html标签”；在“标签”框中选择或输入td。在定义样式对话框中将字体设置为宋体9磅字。

定义文档的链接颜色

1.单击“窗口”----“CSS样式”菜单项，打开“CSS样式”面板。

2.单击“CSS样式”面板中的“新建样式”按钮，打开“新建CSS样式”对话

框。“类型”选择“使用CSS选择器”；“选择器”框中选择或输入a:active（选中超链接状态）；“定义在”框中选择CSS，这样便可和前面定义的样式存放在一起，供别的文档

使用。

3.单击“确定”按钮，在出现的对话框中，将该超链接状态的颜色设置为#334dcc。

4.单击“确定”按钮，便完成了超链接状态的颜色设定。返回到“新建CSS样

式”对话框中，在“选择器”框中选择或输入a:hover（鼠标经过超链接状态）。

5.单击“确定”按钮，在出现的对话框中，将该鼠标经过超链接状态的颜色设置

为#ff0000。

6.单击“确定”按钮返回到“新建CSS样式”对话框，可以定义其他的样式。

7.按照相同的方法，完成下列超链接颜色的设置。

a:link：超链接的正常状态，没有任何动作的时候；颜色设置为：#cc6633

a:viseted：访问过的超链接状态；颜色设置为#334dcc。

完成这些标签样式的定义，基本能满足一般网页的需要了。由于将这些标记保存为样式文件，所以可供多个文档共同使用。

16.3制作一个完整的个人主页

完成页面设置后可进入网页具体制作阶段。

在本页面的制作过程中用到聊表格、嵌套表格，多处用到对表格中单元格的合并、拆分等技巧性设置。布局页面每个区域所采用的表格，上下是孤立的，而左右保持了一定的嵌套关系。这样做的好处是：上下孤立有助于提高网页下载的速度；左右使用嵌套表格有助于对网页元素的定位和特殊页面效果的设计。

16.3.1页眉区制作

该页眉区用一个1行3列的表格来制作，在第一列单元格中插入该网站的标志，第二列单元格中插入该网站的广告，第三列单元格中插入显示当前日期的程序代码。页眉区制作步骤如下：

1.将光标停留在index.asp文档窗口中，选择“插入”---“表格”命令。

2.在弹出的“插入表格”对话框中，设置插入一个1行3列，宽度为750像素的表格，其

余设置为0，单击“确定”按钮。

3.选中刚插入的表格，选择“窗口”---“属性”命令，打开“属性”面板，在“属性”面

板中将表格的高度设置为60，表格对齐方式为居中。

4.设置单元格。将第一列单元格的宽度设置为139像素；第二列单元格的宽度设置为468

像素；第三列单元格的宽度设置为143像素。单元格的对齐方式设置为水平居中对齐，垂直中间。

5.插入网站标志。将光标停留在第一列单元格中，选择“插入”—“图像”菜单命令，在

“选择图像源”对话框中，选择“images”文件夹内的logo.gif标志图像，单击“确认”

按钮插入网站标志。

6.在第二列单元格中，插入images文件夹内的head.gif网站广告图像。

7.完成“显示当前日期”。该部分使用代码来完成。在“属性”面板中将第三列单元格的

对齐方式设置为水平居中、垂直中间。在“代码”视图，将“显示日期”的代码插入单元格。

16.3.2导航区的制作

导航区的制作从整体上可分为上下两部分，分别用表格来完成。

上部导航的制作

上部导航由1行3列的表格构成。其中第一列用于设置“跑马灯”效果；第二列设为“设为首页”；第三列设置为“加入收藏夹

具体步骤为：

1.选中页眉区的表格，按下键盘中的右方向键，使得光标置于页眉区表格的右边。

2.在文档窗口的主菜单栏选择“插入”—“表格”菜单命令，插入一个1行3列的表格，

填充0，间距0，边框粗细0，宽度750像素。

3.将插入表格的第1，2，3列的宽度依次设置为450、150、150像素。各单元格的高度设

置为20像素。单元格的对齐方式为水平左对齐，垂直居中；整个表格居中对齐。

4.切换到代码视图，在第一列单元格中插入“滚马灯”代码。

5.在设计视图中，在第二、第三列单元格中分别插入images文件夹下的home.gif和sc.gif

图像。

6.在代码视图中，在第二列单元格“首页面图像”右边插入“设为首页”的代码；在第三

列单元格“加入收藏”图像右边插入“加入收藏”的代码。

下部导航的制作

下部导航由1行3列表格构成，但在第三列单元格中海包括一个嵌套表格。具体步骤是：1.选中上部导航区表格，按键盘中右方向键，使得光标置于表格的右边。

2.选择“插入”---“表格”命令，插入1行3列的表格，表格宽度为750像素，其余均为

0.

3.将表格高度设置为30像素。1—3列单元格的宽度依次为：150像素、19像素、581像

素。第一列单元格的对齐方式为水平居中、垂直靠下，并将该单元格的背景颜色设为#ea7609，最后输入“百科首页”文本，文本的颜色设置为白色。在第二列单元格中插入images文件夹下的jiao.gif图像。在第三列单元格中插入1行7列的表格，并作如下图的设置。

4.设置嵌套表格。选中所插入的嵌套表格，在“属性”面板中将表格的对齐方式设置为居

中对齐，高度设置为22像素，背景颜色设置为#ff9966，边框颜色为#ffffff。

5.设置嵌套表格中的单元格。选中所有单元格，打开“属性”面板，将各单元格的高度设

置为18像素；宽度设置为80像素，对齐方式为水平居中、垂直底部。

6.输入嵌套表格中的各单元格对应导航文本：“家庭理财”、“家庭医生”、“居室装饰”、“追

求娱乐”、“购物防伪”、“留言板”、“浪漫一刻”，并将文本的颜色设置为黑色。

16.3.3主内容一区的制作

主内容一区从左到右共包含3部分，分别是：“搜索引擎”、“家庭理财”、“动态公告”。该区最外层是一个1行4列的表格，通过在第1、3和4列单元格内嵌套表格完成。

首先插入一个1行4列的表格，步骤是：

1.选中下部导航栏表格，并按键盘中的右方向键，使得光标置于该表格的右边。

2.插入1行4列的表格，表格宽度为750像素，其余各项设置为0。将表格居中对齐，并

将第1，2，3，4列单元格的宽度分别设置为172、18、418和142，单位均为像素。各单元格的高度设置为130像素。

制作“搜索引擎”区

1.在1行4列表格的第一列单元格插入一个4行1列的嵌套表格。

2.设置嵌套表格，将嵌套表格的宽度设为172像素，高度均设置为130像素。

3.设置单元格。在嵌套表格的第一行单元格内插入images/sohus.gif图像；在第二、四行单

元格内插入images/c.gif图像，并将该单元格的背景颜色设置为#ff6633，高度设置为1像素；最后将第三行单元格的背景图像设置为images/bj1.gif图像。

4.插入搜索引擎表单。将光标停留在嵌套表格的第三行单元格中，对齐方式设置为水平居

中、垂直考上，切换到代码视图，插入“搜索引擎”代码

制作“家庭理财”区

要完成“家庭理财”区的制作，请执行下列操作：

1、在该区的第三列单元格内插入一个5行1列的表格。表格中各行单元格的高度均设置为

26像素，表格的宽度设置为98%，并将该表格的其余项设置为0，表格的对齐方式设置为居中。

2、选中所有单元格，将各单元格的对齐方式设置为靠左对齐、垂直中间，并在第一行单元

格中插入images/lic.gif图像，其他行单元格中输入对应的文本（参考已完成的最终页面）。制作“动感公告”区

“动感公告”区的制作可以使用与“搜索引擎”表格相同的方法完成，其中第三行单元格的背景图像修改为images/bj2.gif图像，表格的宽度设置为142像素。然后插入“本站简介”代码片段即可。具体操作如下：

1、将主内容一区表格的第四列单元格对齐方式设置为水平左对齐、垂直靠上，并将光标停

留在此单元格内。

2、选择代码视图，将“本站简介”代码片段插入。

3、完成主内容一区的制作，预览看实际效果。

16.3.4 主内容二区的制作

主内容二区从左到右共包含4部分，分别是“天天饮食”、“家庭医生”、“通信信箱”、“本站导航”。该区最外层是一个2行4列的表格，然后在第1、3和4列单元格内嵌套表格完成。首先插入一个2行4列的表格，请执行以下操作步骤：

1、选中“主内容一区”的表格，并按键盘中的右方向键，使得光标置于该表格的右边。

2、插入2行4列的表格，表格的宽度设置为750像素，其余各项设置为0.将表格的对齐方

式设置为居中对齐，并将第1、2、3、4列单元格的宽度分别设置为172、18、418和142，单位均为像素。然后对第2行单元格的第3列与第4列进行合并，对第一列单元格进行合并，对第二列单元格进行合并。

“天天饮食”区的制作

“天天饮食”区的制作步骤如下：

1、将主内容二区表格的第1列单元格的对齐方式设置为水平左对齐、垂直靠上，并将光标

停留在此单元格内。

2、在该单元格中插入一个4行1列的嵌套表格。

3、设置嵌套表格。将嵌套表格的宽度设置为172像素，高度均设置为140像素。

4、设置嵌套表格中的单元格。在嵌套表格的第1行单元格内插入images/yins.gif图像；在

第2、4行单元格内插入images/c.gif图像，并将该单元格的背景颜色设置为#ff6633，高度设置为1像素。最后ijiang第3行单元格的背景图像设置为images/bj1.gif图像。

5、插入天天饮食内容。在“天天饮食”表格的第3行单元格内插入一个4行1列的表格，

表格的宽度设置为100%，然后再对应的单元格内输入相应的文本。

“家庭医生”区的制作

1、在主内容二区的第1行的第3列单元格中插入一个7行1列的表格。其中表格的宽度设

置为100%，高度设置为150像素。

2、设置单元格。将各个单元格的对齐方式设置为：水平左对齐、垂直居中。

3、在第1行单元格中插入images/jtys.gif图像，并在各单元格中输入相应的文本。

“通信信箱”区的制作

在主内容二区表格的第1行的第4列中创建“通信信箱”区，该区的制作比较简单，可以使用与“动感公告”相同的方法。惟一的区别是在第1行单元格中插入images/email.gif图像，并输入相应的“通信信箱”文本。

“本站”导航区的制作

1、将光标停留在主内容二区表格的第2行第3列单元格中，插入images/daohang.gif图像，

然后再插入一个6行2列的表格，表格的高度设置为100%，边框设置为1.

2、将1、

3、5、6行单元格的高度设置为20像素，2、4行单元格的高度设置为30像素，

宽度均设置为50%。

3、在对应的单元格内输入相应的文本（参照完成页面）

16.3.5版权区的制作

版权区的制作相比起各个主内容区要简单得多，可用一个3行1列的表格完成。步骤如下：1、将光标停留在主内容二区的右边，插入一个3行1列的表格，表格的宽度设置为750像

素，其余各项设置为0.

2、设置表格和单元格。表格对齐方式设置为水平居中对齐、垂直中间；其中第1、2、3行

单元格的高度依次设置为30像素、20像素、30像素。各单元格的对齐方式设置为水平居中对齐、垂直中间。

3、插入水平线。将光标停留在第2行单元格中，在文档窗口的菜单栏中依次选择“插入”

—“水平线”菜单命令，插入水平线。

4、设置水平线。选中水平线，在“属性”面板中设置水平线，其中高度设置为1，宽度设

置为70%，对齐方式设置为居中对齐。

5、在表格的对应单元格中输入版权区所对应的内容（参照完成页面）。

6、完成。

16.4网页特效

16.4.1弹出“小人”网页特效

具体操作步骤如下：

1、在文档窗口中打开代码视图。

2、在代码编辑窗口中的和之间，插入“小人”的代码。注意，一般插入在

和之间任何位置都可以，但是考虑到网页元素的完整性，不要在一个元素之间插入这段功能代码，一般插入在网页元素的最前面。

16.4.2实现网页中飘动的图层特效

步骤如下：

1、打开页面。

2、切换到代码视图。

3、在代码编辑状态下，在和之间插入“飘动的图层”代码。

4、查看“飘动的图层”功能代码，在代码中查找关于图像的链接。具体方法可以用“查找”

命令，搜索img。

5、将该图像的链接制定为自己需要图像的链接即可。这里指定的是存放在images文件夹下

的logo.gif图像。可将图像链接替换成自己的图像。注意，如果使用的是绝对的图像路径，不需要用引号引起来。如src=https://www.sodocs.net/doc/b34813821.html,/images/logo.gif。

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

《大学计算机基础》 实验报告 专业名称: 电子商务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标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。

网页课程设计心得体会

网页课程设计心得体会 不知不觉,二个星期的《页面规划与网站建造》课程的实操即将曩昔,回忆这一段日子,真的令我领会很深,也学会许多东西,懂得许多曾经不明白的东西,也理解了一些工作. 自从第一天触摸《页面规划与网站建造》课程,我以下定决心要把页面这门课学好,做出一个优异的网站.所以我时刻没有错失任何学习的机会,不管在课堂上,还是在课外上.更何况这一次实操.回忆今次的实操我觉得我过得很充实,很有含义,由于我能够诚笃的说我在实操没有玩过一次游戏,我每时每刻都在规划网站,还记得晚上做网站做到一、二点，也许

有人会说我傻，但正由于这个傻的举动，令我学会许多东西，学会他人不明白的东西，做出一个令自个满意的网站，也许跟他人比还需要持续完善，但我不会由于实操结束，就把页面规划抛到无影无踪，我会持续学习页面规划技能，把它变为自个的一项专长。 回忆第一天的《页面规划与网站建造》课程实操，教师叫咱们持续完善曾经规划的网站，做出留言板、注册的功用。我很快就完成了，但也许我是一个寻求完善的人，所以虽然一个网站做好能够立刻交给教师。但我做出一个他人都不附和的决定，从头开始做一个网站。由于我觉得曾经那个真的不是太好，虽然实操的时刻曩昔了一半，虽然他人对我说你交本来这个不就行了吗!何须再做一个呢?但真由于我的固执，寻求成功，寻求完善的人，才会使我今日交出一个令自个满意的答卷。 在制造自个网站时咱们首先： 一、必需进行自个网站前台功用规

划 包括自个网站主题的断定，前台功用规划与办理、自个网站主页规划、自个网站留言板、注册、忘掉暗码、查找等页面规划与办理。 二、对自个网站后台办理功用规划 包括自个网站后台办理功用的规划、后台办理信息体系功用的规划、后台体系权限办理、后台文件办理、自个网站后台办理体系主页规划。 三、网站的发布 一般咱们发布一个网站也许以能过域名注册，但咱们也能够使用自个主机，装了iis他人就能够通过我的ip地址来访问我的主页。首次做的那个页面我现已发布在上彀了。 四、自个网站推行 一个网站做好了，就要对自个网站进行推行，这是一个电子商务网站必需做得的一步，由于假如你不对你的网站进行推行，就算你发布了也没有人会知道的。

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B

二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题

网页设计心得体会范文

网页设计心得体会范文 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分。你知道网页设计心得体会范文是什么吗?接下来就是OK为大家的关于网页设计心得体会范文，供大家阅读! 网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的， 网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了， 下面要开始的便是优化工作， 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改

最简单的网页

六年级信息技术上册 《最简单的网页》 四课时 一、教学目标： 利用多媒体计算机和互联网络环境，为学生们创设一个开放的学习空间，让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识，进一步探究网页的制作方法及技巧，培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力，为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析： 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟，在性格上表现好奇、大胆，追求自己的个性，比较喜欢开放、自由的学习环境，主观意识较强。并具有了一定的自学能力和模仿能力，但学生还多以感性表象来掌握概念，形象思维仍是学生掌握知识的主要思维方式，学生对知识的吸收绝大部分都是建在感性认识的基础上，兴趣爱好仍然是学习最好的动力。因此，这节课利用Internet 网络教学，激发他们的热情，很好地发挥了学生主观能动性和创造性，使学生成为学习的主人，有利于培养学生的创新思维。 三、教学重点、难点： 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计： 根据教材的目标，以及学生的特点，教学的辅助课件是用FrontPage制作的网页，目的是建立一个双向互动的教学环境，使学生在网络的环境下，进行学生之间互相合作学习，与教师互动学习，充分发挥学生的主体作用，老师的主导作用，培养学生协作能力。根据学生的不同层次，建立“三位一体”的教学编排，既照顾全体学生，又照顾不同层次的提高，在“基础层次”中让学生初步按照教材的示范初步制作出文字网页：“练习层次”，强化练习，制作出完全并有一定水平的文字网页：三是“拓展层次”，拓展FrontPage的应用，插入三维艺术字、图片等。 在教法上，教师主要使用了直观演示法、主动尝试法、协作学习法、成功体

网页制作心得体会

网页制作心得体会 一。、学习目的： 随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。 因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭”，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。 二、收获 在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。 在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教

网页设计学习心得总结

网页设计学习心得总结网页设计培训总结 网页设计学习心得总结【一】 记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。 第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。 中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页

做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。 因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。 就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。 最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中

制作一个简单的网页

制作一个简单的网页 教学目标: 1、知识目标:了解网页的基本概念以及建立网站的一般方法,学习制作只有文字的网页. 2、能力目标：让学生通过学习掌握建立网站的方法,学生通过学习能够建立只有文字网页. 3、情感目标：培养学生主动实践，勇于实践的勇气，和敢与参与的意识。教学重点: 建立网站制作网页 教学难点: 建立网站制作网页 教法、学法分析: 由于本节课作为制作网页的基础知识,学生可以根据所学知识自己进行操作,教师在此过程中进行适当的指导既可。为了让学生能够充分了解网页的概念，采用教师讲解的教学方法，为了培养学生主动实践的勇气与参与意识，采用学生自主学习的方法。 教学过程: 引入： 我们已经学习过因特网的基础知识和应用，实际体验了“网上冲浪”的滋味，网上世界的确很精彩！但是我们有什么方法能让更多的人了解自己或者自己的学校或家乡呢？最好的方法就是制作一个关于自己或家乡的网页并把它发布到网上。通过了今天的学习我们就能够做到了。

一、网页的概念： {通过多媒体展示“我的家乡”网页，向学生介绍网页的组成，让学生了解网页的概念，并做出总结} 网页就是把用文字、图形、声音、影视等多媒体形式表达的信息，以及分布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。 二、制作网页前的准备工作 1、认识网页制作工具FrontPage {学生打开FrontPage软件，通过以前学习过的知识认识该软件的窗口，并了解各栏中按钮的作用。} 2、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料，并保存在自己的文件夹中，以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站，并在小组中进行讨论。 [学生思考问题，并进行操作。] {建立网站后，我们还需要在网站中加入网页，这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]

静态网页制作心得体会

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

网页制作技术期末综合习题

网页制作技术期末综合习题 一、填空题 1．Dreamweaver MX有______种工作界面。 2．在站点中建立新的网页文件，其默认的文件扩展名为_________。 3．打开站点面板时，可执行__________菜单中的“站点”命令。 4．如果不想在段落间留有空行，可以按__________组合键。 5．为了让浏览者快速了解图像的概况，在Dreamweaver MX提供了设置__________的功能。 6．单元格内间距是指单元格内的对象与单元格__________之间的距离。 7．单元格间距是指单元格与__________之间的距离。 8．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为_______。 9．在表格的__________中可以插入另一个表格，这称为表格的嵌套。 10．表格的嵌套是指在一个表格中插入另一个表格，表格的平铺是指将不同的表格放置在网页的____________。 11．为了加快下载速度，尽量_______整个网页的内容放在一个大的表格中。 12．在_________视图中，可以使用拖动鼠标的方法在页面中绘制布局单元格。 13．在_________视图中，可以使用拖动鼠标的方法移动单元格的位置。 14．在Dreamweaver MX中，可以插入文本框的类型有单行文本框、多行文本框和__________。 15．在网页种插入文本框、单选框、多选框或跳转菜单时，要先插入空白的_________。 16．在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17．在包含框架的页面中，每个框架都显示一个________。 18．保存包含框架的页面时，如果页面中包含四个框架，要保存全部页面信息，共需要保存______个文件。每个文件的扩展名都为htm。 19．在保存框架文件时，框架的文件名必须以字母开头且________大小写。 20．浏览器在第一次装载文框架网页时，如果需要指定该框架所显示的网页文件，则要设置该框架的______________属性。21．如果链接的目标文件在本地站点中，可以使用绝对URL或相对URL，如果要链接站点以外的目标文件，则必须使用______________。 22．创建锚链接之前，必须在页面中失当的位置____________。 23．锚链接所起到的作用，就是在页面中起到________的作用，节约查找信息的时间。 24．建立与电子邮件的超链接时，在属性面板的链接文本框中输入__________+电子邮件地址。 25．在制作文本超链接时，建立了超链接德文本__________发生了变化，并且多了一条下划线。 26．使用_____________可以改变页面中建立超链接文本的显示属性。 27．使用_______________可以将格式与网页结构分离，同时可以控制多个网页稳当。 28．通过层可以非常精确地对页面中的________定位。 29．___________是指包含在另一个层中的层。 30．如果选中多个层，_______________的一个层调整柄一黑色突出显示，其他被选中层的调整柄以白色显示。 31．利用属性面板使多个层实现左对齐的操作时，选中多个层后应该在属性面板的_______文本框中输入数值。 32．默认情况下，层的__________值是按照层的创建顺序依次增加。该值大的层显示在层的上面。 33．用户与网页进行简单交互时，若不使用服务器端的应用程序，可以使用javascript脚本外还可以使用Dreamweaver MX 提供的__________功能。 34．使用时间轴面板可以设置各个____________的显示属性以及整个时间轴的播放顺序。 35．_____________是动画条中为对象设置位置、大小、颜色等属性的帧。 36．用鼠标拖动动画条，可以调整其在时间轴的位置，从而可以改变对象的持续时间。 52．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的

简单的网页制作教程-设计一个个人网站

题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs

接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，

网页制作心得体会

一。、学习目的： 随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。 因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭” ，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。 二、收获 在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。 在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人” 。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道每一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。使得我们能够在课下也能温习自己不了解的炒作。 整个学期的网页学习，我大体了解了有关网页的基本概念，、网页的基本结构特性和网页的布局、胡制作的基本工具和开发语言、站点规划的基本流程，总体下来已经可以自己独立制作一个网页了。 网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位

网页设计心得体会报告

网页设计心得体会报告 初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。 HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush 在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。 网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。 通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver 制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style 时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop 等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。 还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突

网制作综合实例

网页制作综合实例 16.1制作前的准备工作 首先在E盘上建立一个文件夹（如玫瑰信使），再在其下建立images文件夹和css文件夹。将“ch16/images”文件夹下的所有图像拷贝到“玫瑰信使/images”文件夹下。 建立站点和规划目录结构、指定默认图像文件夹 主页制作前的准备工作，有定义站点和设计网站结构的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。这样便于设计制作时的选取使用，也不易造成素材的混乱。如下图： 规划站点目录结构 为站点中使用的图像文件指定一个默认图像文件夹，如下图： 设置站点中的默认图像文件夹 在站点下建立一个主页文件index.html。 16.2设置页面属性及样式 16.2.1页面属性设置 1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件ch16\index.asp。 2．在打开的index.asp文件的文档窗口中，选择“修改”---“页面属性”菜单项，打开“页面属性”对话框。 设置网页标题为：“家庭百科” 设置背景图像为images/bj.gif 将“左边界”、“顶部边界”、“边界宽度”、“边界高度”项均设为5。 3．设置完成后，单击“确定”按钮，确定操作返回到index.asp文档窗口。 16.2.2定义CSS样式文件 定义body样式 1.在index.htm文档窗口中，依次单击“窗口”---“CSS样式”菜单项，打开“CSS样式”面板。选择 “新建CSS样式”菜单命令。 2.打开“新建CSS样式”对话框，“类型”选择“重定义HTML标签”，在“标签”框中选择或输入 body，“定义在”选择“（新建样式表文件）”。 3.单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件保存的路径（站点下的 CSS文件夹），输入样式文件名（这里存为css）。 4.单击“保存”按钮，在出现的样式定义对话框中选择“类型”，在“字体”下拉列表框中选择“宋 体”;在“大小”下拉列表中选择“9”，后面的单位下拉列表框中选择“点数（pt）”度量单位。 5.单击“确定”按钮，便完成对body标记的定义

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程

网站设计心得体会

网站设计心得体会 记得那年那一年我正式成立公司当时还在天河体育西路的时候,心想如果真功夫能够给我接到手做他们的网站就好了, 想不到在xx年的前一个月朋友就透露说真功夫需要改版,我那时后有点兴奋,因为终于有机会了,我自己负责设计我很幸福的申请投搞真功夫的官方网站设计, 当时竞标的公司都必须有邀请竞标书才可以参加,我查了一下参加竞标的公司有好多,十几家公司一同参与竞标,他们都是行内顶尖的网站建设服务供应商,要争取下来真的有点困难,但我还是坚持一试,于是我委托一些行内朋友帮我弄到了那份竞标书,也联系上了真功夫的网站建设负责人,我们约好了具体面谈的时间,那天好紧张,同事们很努力的帮我做好了ppt方案。 同我一起前往的还有一位合伙,他主要讲技术,我主要讲设计同一些新的想法,那天去到那里好忙里面好忙,在我们之前的还有两三个供应商,他们已经是提了好几次方案了,我心想他们会不会已经谈得差不多了,心理有点不大有把握的感觉,到我们了,我们在会议室了等着,大概五分钟后, 有位带黑边眼镜的男人进来了,看起来很有严肃,他坐下了同我们聊了会,问你们怎么会用我们的竞标书,我当时不知道怎么说好,只好说是朋友介绍的,他:"哦"了一下,说:"没所谓,反正我们要的是能够提供好作品的供应商,不过你们应该是比较晚来了,他们已经出了好多方案了,你们是否也也什么方案呢"?

我们把ppt方案拿出来跟他讲述了我们的构思同想法,我们的卖点是突出真功夫的"新鲜""便利""互动""体验"几个方面,新鲜呢就主要是体现出其食品的确是既新鲜又有营养,另外就是网站形式多样自由更新变换,给会员有新鲜感,"便利"就是其自己维护便利,"互动"就是充分利用互联网同网下会员的一中互动活动,"体验"就是设置一些游戏给会员亲身体验其品牌文化,从中让会员在体验中深入了解同认识其品牌意识,深深的记忆在消费者脑里. 另外由于真功夫的食物主要是以蒸煮为主的,很有 * 的一种传统文化,所以我们设置了一些中国文化的元素在我们的方案当中。 我们大概聊了大概一个多钟,大家都聊得很开心,但最后他给我一句话让我压力更大,他说:"你们作个平面方案过来吧,我对设计的要求很高,虽然我们初次谈得不错,但最终还要看实体,如果你们过来的平面不行的话我们就不必要继续谈下去了. 包括其它供应商也是这样."当时，我压力好大,因为所有的希望都寄托在这一个平面上了,但冲着这一点我决定我要加班就算是不睡不喝也要把他做好,我回家后收集了好多相关的资料,然后做了一个平面过去,要清楚,这个平面是生死稿,行就继续不行就会前功尽弃,所以当时做这个稿做了我一个通宵,总共做了我26个小时,幸好,反馈回来的不是坏消息,兴奋的继续做深入的方案.我们第二第三次会面了,从中我们的方案逐渐令到他们觉得我们很有实力很有信心做好. 在几次的会谈当中,我们出了好几款风格平面给他们,在中我们有想过放弃,因为当时根本还没确定是否给我们签,不过我坚持还是做

简单网页制作教学设计

《简单网页制作》教学设计 一、设计意图： 目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了FrontPage网页制作工具，引导学生简单的了解网页制作的过程，采用了所见即所得的形式避开代码的繁琐，调动学生自行设计的积极性，对网页制作有一个简单的入门了解。 二、教学目标 1、知识目标 （1）理解网页制作的简单步骤。 （2）学会用FrontPage的制作简单网页。 2、技能目标 （1）掌握的FrontPage的背景添加的操作。 （2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。 （3）知道HTML的简单编码。 3、情感目标 （1）培养学生的口头表达能力、操作和分析概括能力。 （2）培养学生展示自我、表现自我的能力。 （3）培养学生独立思考问题、解决问题的能力和团结协作精神。 （4）在网页制作的过程中，提高学生对FrontPage的认识。三、重难点、问题预测及对策

1、重难点 （1）重点：FrontPage的基本操作。 （2）难点：HTML的理解。 2、问题预测 本节课是网页制作的第一节内容，需要学生掌握的技能并不困难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。 3、对策 以制作班级自己的主页引起学生注意，引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具，通过作品展示激发学生的动力。 在教学过程的设计上，通过自主设计自己的个人主页来达到解决一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美情趣和创作激情。 四、课前准备 精美网站、优秀班级主页、素材图片等。 五、教学流程 1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲试。 2、自主学习：引导学生做自己班级的主页。 3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。

网页设计心得体会

教改学习心得体会 BY01061班 16号王建云 本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。 一.充分发挥动手能力 作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。 二.在设计过程中不断提高网页设计水平 在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks 等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 三.不足之处 由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时

网页制作的心得体会

网页制作的心得体会 转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。 俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生～ 在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。 我在制作主页中的心得体会: 做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。 1.标题 在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。 2.内容的采集 选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己

的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听 的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。 3.图片 做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小(即字节数)，在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。 4.网页排版 网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。 5.背景 网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。 6.其它