毕业论文个人网站设计与实现提纲

目 录

第一章 预备知识

1.1 什么是 Internet

1.2 Internet有哪些功能

1.3 www

1.4

1.5

1.5.1

1.5.2

1.5.3

1.6

1.7 Dreamweaver

1.7.1

1.7.2

1.7.3

1.7.4

第二章

2.1

简介 网页基本构成元素 软件的安装与启动 软件的安装 软件的启动 创建快捷方式 制作网页前的准备 的操作环境 标题栏 菜单栏 快捷工具栏 属性面板 网站制作实战 站点

,

2.1.1 创建站点

2.1.2 创建站点内容

2.2 首页

2.2.1 设置首页布局

2.2.2

2.2.3

2.2.4

2.2.5

2.2.6

2.3

第三章

3.1

3.2

3.3

3.3.1

3.3.2

第四章

致 谢

设置首页的页面属性 查看和编辑头内容 插入图像 插入多媒体 插入文本 创建其它网页 建立网页链接 文字链接 图像链接 在HTML 语言中建立网页链接文字链接 图像链接 结论

,

第一章 预备知识参考文献

,

1.1 什么是Internet

In ternet 的中文名为“国际互联网”，又称“因特网”。

实际上由于互联网是划时代的，它不是为某一种需求设计的，而是一种可以接受任何新的需求的总的基础结构。你也可以从社会、政治、文化、经济、军事等各个层面去解释理解其意义和价值。

1.2 Internet有那些功能

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW （万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW 、Internet 才会变得如此丰富多彩，才能走进千家万户。 信息发布：通过Internet ，不仅可以浏览别人发布在Web 页上的信息，也可以将自己要发布的信息制作成Web 页，也即网页，然后发布到Internet 上，供全世界的人浏览。

,

电子邮件：不同于传统邮件，电子邮件(E-mail)通过Internet 传输，写信，发信，收信都在计算机上完成，一封电子邮件最短在一秒之内就可以发送出去，其效率是传统邮件无法比拟的。而且发送与接收电子邮件几乎是免费的，所以比传统邮件既节省时间又经济的多。

网上聊天：通过聊天软件（如QQ 、ICQ 等）或不同网站的聊天室，可以和世界各地的网友聊天。网友可能是远在天边的异国朋友，也可能是与你一起工作的饿同事，或者是一起生活的家人，在这里没有年龄、性别、身份、职业、国籍、肤色的限制，完全突破了交友的传统方式，人们可通过Internet 互相了解对方，进行各种各样的交流。

电子商务：现在网上交易已经成为现实，网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色，几乎所有的专家都预测，在未来的几年内，电子商务会飞速发展。在不久的将来，您可以做在电脑前进行各种各样的商务活动。

网络游戏：通过Internet ，可以与全世界的玩家一起进行游戏对战，也可以协同作战。网络游戏已经成为信息产业全新的经济增长点，每年都为开发商带来巨额的利润。通过网络游戏，可以充分享受Internet 给我们带来的乐趣。 网络电话：网络电话也称IP 电话。它采用Internet 技术，利用专门的网络电话软件，只需支付非常低廉的话费就可通话。Internet 在电信市场上的应用将越来越广泛。

1.3 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W 、Web 。 WWW是一个基于超文本（Hypertext ）方式的信息检索服务工具。我们上

,

网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言) 文件，这些网页文件被放置到WWW 服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在电脑上安装浏览器，如Internet Explorer 或Netscape ，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图象）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间跳转，我们之所以能在Internet 的海洋中穿梭自如，正是超连接的功劳。

WWW 为我们带来的是世界范围的超级文本服务：只须操纵鼠标，就可以通过Internet 从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW ，一个不熟悉网络使用的人也可以成为Internet 的行家。

1.4网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。

1、文本

网页中的信息主要是以文本为主的。湖南网站制作，在网页中可以通过字体、大小、、颜色、底纹、框等选项来设置文本的属性。这里指的文字是文本文字，而并非图片中的文字。在网页制塞作中，文字都可以方便地设置成各种字体和大小，但是这里建议用于正文的文字般不要太大，也不要使用过多的字体，中文文字使用宋体，9磅或12像素左右即可。因为过大的字体在显示器中显示时，线条不够平滑。颜色也不要使用得太杂乱，以免造成让人服花缭乱的效果。大段文本文字的排列，建议参考一些优秀的杂志或报纸。

2、图像

现在看到的丰富多毫的网页，都是因为有了图像，可见图像在网页中的重要性。蔓用于-网页上的图片一般为JPG 和GIF 格式，即以JPg （或.jpeg ）和．gif 为后缀的文件。图片通常有如下几方面的运用。Logo 是代表企业形象或栏目内容的标志性图片，一般在网页的左上

,

角。Logo 的设计琴专委象鲜明、，笔惫触简练，给人第一印象就很深刻的Logo 无疑是设计成功的Logo 。事实Logo 一般使用公司已有的徽标，可简单作些处理，Banner 是用于宣传站内某个栏目或活动的广告一般要求制作成动画形式， 由于手动画能够更多地吸引他人的注意力，将介绍性的内容简练地加在其中，达到宣传的效果。为了便于各网站间相互率巨换B anner ，相互宣传，Banner 的尺寸有一定的要求，比如位于网页端的Banner 要求尺寸为468像素X60像素。小的广告经常多个放在一起，使人眼花缭乱所以不能使用过多、过小的文字，最好用简单的色块和明朗的线条。文件大小—般不要超过12KB 。Banner —一般不是在网页项部就在网页底部，小型的广告还会被适当地放在网页韵两側，此外在页面中比较常用的图片还包括背景图。尽管在很多网站上可以看到背景图，但可以发现这些网站大多是二三流的。所以建议要慎用背景图，除非设计者自信可以给网页增加不少魅力。做到这点并非不可能，但是有很大困难。如对于以文本为主的网页，其他图片对整体设计的影响并不是很大，比如在网页中用到的介绍性的照片、用于点缀标题的小图片，但是一定要安排好它们的位置，以免破坏整体风格。有时也会在网页中使用大幅的图片，这时一定要注意做好优化工作。

3．超级链接

超级链接是网站的灵魂，它是从一个网页指向另一个目的端的链接，比如指向另一网页或者相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。超级链接可是文本或者图片。超级链接广泛地存在于网页的图片和文字中，提供与图片和文字相关内容的链接，在超级链接上单击鼠标左键，即可链接到相应地址(URL)的网页。有链接的地方，鼠标指上时会变成小手形状。可以说超级链接正是Web 的主要特色。

1.5软件的安装与启动

,

要使用网站设计软件，自然先要将这些软件安装到自己的电脑中。安装完毕，还需要如何启动，如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。

1.5.1软件的安装

安装之前，需要先了解软件对系统的要求。以Windows 为例，系统要求如下： Intel Pentium II处理器或等效处理器，主频300MHz 或更高。

Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本) 、Windows Me或Windows XP.

Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer. 96MB的可用内存（RAM ），建议采用128MB 内存。

分辨率可达 800×600像素的256色显示器（建议颜色为百万颜色，分辨率达到1024×768像素）。

CD-ROM 驱动器。

检查一下您的计算机，看是否具备了以上条件。如果具备，将“Macromed ia Studio MX”程序会自动运行。如果不能自动运行，可以找到光盘放入光驱，安装程序会自动运行。可以找到光盘中的“Install Macromedia Studio MX”程序或“Autorun ”程序并双击运行。

Dreamweaver的安装比较容易，几乎可以自动完成。下面简要说明一下安装步骤。

,

操作步骤：

1、将安装光盘放入光驱，安装程序自动运行，并出现安装界面。如果单击安装界面上的“Macromedia STUDIO MX安装”，那么将会安装其下方所列出的软件。所有的安装会自动完成。

2、单击Dreamweaver MX,开始安装过装过程. 先是出现解压缩文件窗口, 等待一会儿, 便会出现安装向导对话框。单击“下一步”按钮，继续安装过程。

3、出现“选择目的地位置”对话框，默认的盘是C 盘，如果想安装到不同的位置，可以单击目的文件夹右边的“浏览”按钮，并在弹出的“选择文件夹”对话框选择不同的文件，如要安装在D 盘则可直接将路径中的“C ：”改为“D:”。也可以在下面的“目录”中选择其它的文件夹，设置完后，单击“确定”，回到“选择目的地址”对话框，单击“下一步”继续。

4、而后会出现“默认编辑器”的对话框，默认为全选。如果希望让Dreamwe aver MX成为下面所列文件类型的默认编辑器，那么可以在这里做选择。选择完毕，单击“下一步”按钮。

5、出现“开始复制文件”对话框，单击“下一步”安装程序开始复制文件，过几分钟后，安装结束，单击“结束”按钮，结束安装。

1.5.2 软件启动

软件安装完毕后，我们就可以使用它了。安装程序已经自动在“开始”菜单中加入了快捷方式。

单击“开始”菜单，将鼠标指针依次指向“程序”|“Macromedia ”|“Mac romedia MX”, 并在上面单击鼠标左键。

,

1.5.3 创建快捷方式

使用“开始”菜单启动程序的过程比较烦琐。可以在Windows 桌面或快速启动栏上创建快捷方式，这样可以快速的启动程序。

具体实现方法是：在“开始”菜单中找到相应程序的快捷方式，不过这是不要用鼠标左键单击，而是用右键按住向桌面拖动，然后松开右键，会出现一个快捷菜单，在其中可以选择不同的命令，比如选择“在当前位置创建快捷方式”或“复制到当前位置”。

这样以后在运行程序时，就方便快捷的多了。

1.6 制作网页前的准备

电脑必备：

电脑速度够快，最好能够上网。

操作系统：Windows 98/NT/Me/2000/XP.

软件可选：

其它软件：看图软件ACDSee 、图像处理软件Photoshop 、上传工具CuteFTP 、Fi reworks 、动画软件Flash 等。

1.7 Dreamweaver MX的操作环境

我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。