怎样制作个人网页

《怎样制作个人网页》由会员分享，可在线阅读，更多相关《怎样制作个人网页（10页珍藏版）》请在金锄头文库上搜索。

1、怎样制作个人网页如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世 界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍 一下制作主页的过程和方法：一、准备材料你首先做一个小计划准备在主页上告诉人家什么？比如介绍三个方面：自我介纖的爱好，我的 工作，那你就先起一个总目录(文件夹比如d:html),来放你的所有文件，然后再在这个目录建立三个 子目录：myself,interest, job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然 后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你

2、的照片扫描成 JPG格式的文件，放在myself的目录下.要注意，网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能 用在网上，因为它们太大了但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在 你主页上出现的图象放进相应的目录里后你就可以开始制作了。二、开始制作你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0我用的是Frontpage打 开Netscape在 file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样，关键是插 入图片和产生链接我们先做关于你自我介绍的一页，你先写上大

3、家好，我是superboy，下面是我的 照片：”这时要放图片了，只须点击Insert菜单，选取Image在Choosefile里选取你的图象文件即可， 然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面 写：欢迎来到superboy的主页”以下是自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下 一页去，你只须用鼠标选自我介绍”后按鼠标右键，再选create link，然后再选你myself目录下的 myself.html，就将自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面 啦。在你的封面做好了所有链接和图片后

4、,记住你必须将这一页保存为index.htm有的主机要求必须 为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。 还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为tml格式的文件，细细研究人家 是如何做的。还可以借用网页模版来搞，我的就是三、将你制作好的安放在网上要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间现在 有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间并且 还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法,参考相关题目。申请 完成以

5、后用FTP将你所有的主页文件上传至主机指定的目录就可以了！需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问:为什么 我的网页传上去了可是看不到老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改 动一下就可以的了http:/ Office里的FrontPage 2003)3用FTP软件上传作好的文件这样一个网站就好了 主页其实就是超级连接一个页面有连接可连到其它的页面可加入图片，网址连接,EMIL连接等，主页 上还可设置上计数器，来计算访问量其它都简单最主页的是先学会在自己的电脑上把网站的文件制作好制作主页里还要注意：1、网站应具有清晰的层次结构和文本链接。每

6、个网页应至少可以通过一个静态文本链接打开。2、为用户提供一个网站地图，并列出指向网站重要位置的链接。如果网站地图上的链接超过大约100 个，则最好将网站地图拆成多个网页。3、网站应具有实用性且信息丰富，网页文字应清晰、准确地表述要传达的内容。4、要考虑到用户会使用哪些关键词来查找您的网页，确保网站上包含了这些文字。5、尽量使用文字而不是图像来显示重要的名称、内容或链接。因为Google Crawler无法识别图像 中所包含的文字。6、确保TITLE和ALT标记文字简单明了并与网页内容相关。7、检查链接是否损坏，HTML格式是否正确。&如果采用动态网页（即网址中包含?字符），请注意并非每一个搜索

7、引擎Spider收录动态网页 都能像收录静态网页一样容易。缩短参数的长度并减少参数数目将有助于收录动态网页。9、将每一网页上的链接数量限制在合理的范围内（少于100）。先推荐你一个网站 http:www w3school com cn/s asp你要做网页，首先：需要服务器和数据库：一般网站你能登陆上去是因为远端有一个服务器运行：所以你需要建立一个服务器：（听起来很吓人吧？）呵呵其实研究过了不难，服务器端需要：1）数据库系统主流的是MYSQL,而且免费2）需要Apache, Apache是世界使用排名第一的Web服务器软件3）PHP，ASPJSP：光有服务器和数据库还不行，你要有逻辑的代码，比

8、如用户端发过来请求，我 要处理，这时就用到php这些东西了。另外，php可以和数据库打交道，而且有很好的接口。4）Javascirpt , HTML, CSS都是客户端的东西，与访问者打开的页面有直接关系。呃，越说越觉得 东西多，先这样吧，进入我刚才给你的链接去学学，祝早日成功。提示：最好有和做网站有关的项目或者工作，不然自己学的话，还是挺费劲的，毕竟涉及到这么多知 识点。如果你有公司的server，做你自己主页的话，那学一学HTML,javascript和CSS就好了，只 会HTML你只能做出来很傻很静态的网页，用CSS会帮助你漂亮，javascript会让你的网页动态！ HTML/XHTM

9、L相当于砖，水泥CSS相当于设计图纸和装潢，几种控制你网页里标签的样式和功能用 FrontPage2002来做吧，你点点下面的连接：http:/ 如下：在网页视图下，选择文件”菜单中的新建”命令，再从其子菜单中选择网页”命令，将弹出噺建”对话 框，如图所示。若用户要新建的网页是框架，则从框架网页”选项卡中选择某种框架样式；否则，从常规”选项卡中 选择一种所需样式，然后单击确定”按钮。若想建立一空白网页，可在对话框的常规”选项卡中选择 Normal Page项，或直接单击常用工具栏的新建网页按钮。建议逐一试用FrontPage提供的各种模板以便熟悉它们，日后你就可以自如地利用模板创建常规Web

10、页面，能够节省许多时间。1在网页中插入图形图片往往比大量的文字讲述更具吸引力和说服力，在web页面中适当地添加图片会使网页丰富多彩， 但过多地加入图片将降低页面的下载速度，特别是对通过调制解调器访问veb页的用户。大多数图 形都是采用压缩格式，有的调制解调器不具有压缩功能，这种调制解调器速度更慢。因此用户在加入 图片时，应认真选择和进行规划。虽然图形可使Web页更有趣味，但应适度使用(使用较少颜色， 缩小高度和宽度或裁剪图形、降低图形的分辨率，尽可能地减少图形文件大小，如用压缩格式的文件 类型)。Web页面所使用的两种图片格式分别为GIF和JPEG，用户可选择插入”菜单中的图片”命令，再从 其

11、子菜单中选择来自文件”命令，打开图片”对话框，图片”对话框提供了扫描”、使用您的web例 览器来选择网页或文件、剪贴画”和在您的计算机上选择一个文件四种途径插入图片。对于一些非GIF和JPEC格式的图片，FrontPage可以自动地将这些文件转换成GIF或JPEG格式。2在网页中插入水平线水平线可以在网页上清晰地划分界限，而且对用户网页的布局起着重要的作用。添加一条水平线，可 以通过插入”菜单中选择水平线”命令添加。在默认状态下水平线是灰色的，用户可以像改变文本颜 色一样改变水平线的颜色。改变水平线的颜色有两种方法(必须在不加主题的情况下)：(1) 双击该水平线，将显示水平线属性”对话框。在对

12、话框的颜色”项，选择下拉列表，从中选择合 适的颜色，单击确定”按钮。(2) 用鼠标右键单击这条水平线，从快捷菜单中选择水平线属性”命令，再从对话框中选择一个合 适的颜色。使用框架框架是把Web浏览器的视窗分成几个部分，每个部分都是独立的Web页面，这样便可同时显示多个 页面。可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面，可从文 件”菜单的新建子菜单中选择网页”命令，弹出新建”对话框，选择框架网页”选项卡。在左边的列表中可选择不同类型的框架模板，选定模板后，按确定”按钮即可创建一个具有框架的网 页。在创建有框架的Web页面时，应注意有些web浏览器不支

13、持框架。虽然使用不能显示框架的浏览器 的用户已很少，为确保这些用户仍然能够浏览到Web站点上的内容，可以填上要告诉那些低版本浏 览器的使用者的话，例如请对方更换浏览器等。在新建的框架的窗口中，单击设置初始页”按钮将会弹出创建超链接”对话框，可以链接到一个指定 页面；单击新建网页按钮将创建一个新页面，然后在该页面内对该页进行编辑。在编辑页面时，若 感觉页面被放在一个狭窄的框架中太拥挤，可选择框架”菜单中的在新窗口中打开网页”命令，这样 便打开一个新的满屏窗口，可以自由地在页面中增加内容。利用FrontPage的框架页面模板在Web页面上引入了框架布局，我们还可以在此基础上，根据需要 进行进一步的

14、设计。1、增加新框架要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。其操作如下：(1) 按住CtrI键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当 松开鼠标按钮时，一个新的空白内容的框架就形成了。(2) 也可以通过命令来操作：首先单击要拆分的框架内部，选框架”菜单中的拆分框架”命令，在弹 出的拆分框架”对话框中单击拆分成列”或拆分成行”单选按钮，单击确定”按钮即可。2删除框架若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选癩架” 菜单中的删除框架”命令即可。3改变框架属性在设置好框架的整体布局后，我们还可以

15、对每一框架的具体属性进行设置，操作如下：(1) 单击需设置属性的框架，选择框架”菜单中的框架属性”，则弹出框架属性”对活框。(2) 在对话框的名称”文本框中可输入框架名，这样便于识别不同的框架；选项”区域中，若选中 在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在显示滚动条” 下拉列表框中选择不同的描述项，可设置让滚动条是否出现。(3) 在框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分 比，若要用浏览器来设置相对于该页面中框架的尺寸，可选相目对”；在边距”区域中，可设置内容页 面与框架边框分隔的像素数值。(4) 要改变开始页面，可以在初始网页”文本框中输入一个新的页面名字或URL。(5) 单击框架网页”按钮，则弹出网页属性”对话框。(6) 在该对话框的框架”选项卡中，在框