互联动态

个人网站免费制作方法

点击次数:  更新时间:2013-12-24 00:06:40  【打印此页】  【关闭

   免费个人网站制作方法简单,就像现在使用的微博博客一类的相似。网站设计制作是展现的一种方式,同时,对于网站制作技术也是有帮助的。

  首先使用Dreamweaver8来创建站点。打开Dreamweaver8软件,执行站点- 站点管理命令,在弹出的站点管理对话框中选择新建,然后创建站点存放到我的文档。站点创建完成后,在Dreamweaver8软件右侧就会出现站点资源列表,然后我分别建立了images、Scripts、和若干子文件,主要用于存放主网站架构图片、音乐、日志链接模块素材、网络模块素材、照片匣子模块素材。

  整个网页是由六个页面组成,分别是:我的主页、我的文章、我的音乐、我的图片、留言板、说说。

  首先我做的是首页,我先在纸上把所想的布局画出来,打开工具栏“插入”中的表格选择好“行”和“列”。根据需要我将页面分为三行三列,并调为800*773的像素。这时建好的表格在左上方,点击页面下的“属性”栏中对齐方式选择“居中对齐”这样就可以使表格处于居中的位置。把标题栏进行合并单元格,单击页面工具栏中的“插入”按钮,把已经在Photoshop中做好的动态插入表格中,这时整个网页的色调就定好了。

 


 

家好网络




  接下来是博客网页的制作,在这个页面的设计中在保持主要风格不变的前提下,将index网页设计中的主要部分,例如标题栏和导航保持原有的不变。在首页的下边三个板块中我选择将左中两个板块合并,用滑动效果将博客展示出来,这样就显得网页很丰富多样。

  在留言版的制作中,我只保留标题栏下的中间板块,我在该板块中直接插入动态图为背景,然后在背景上添加留言板,这样留言版与海底游鱼相结合,使人心情愉快。主页上特别添加了个人资料,使人一目了然,而且突出个人网站的特色,了解个人的基本信息。然后再我的作品页面上不仅有图片,而且配以文字说明,使人们更好的了解我的作品。

  此外,人性化的留言板页面,以便于更好的听取别人的意见和有助于彼此之间的沟通与交流。在网页的底部,注上“版权所有某某的个人网站”,是对网站是一种个人说明。最后在网页上添加了背景音乐,让浏览者有一个愉快的心情去浏览网页。

 

 


 

家好网络




  最后在标题、导航和日志列表上分别建立了超链接,当浏览者单击已经链接的文字或图片后,进行超链接时字体颜色会发生变化,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。使浏览者方便阅读全面的内容,更加深刻的了解个人网站。

  最后将所有页面都做好之后,发布到网上去。首先要先申请一个放网页的空间,鼠标右键点击文件栏里的站点,选择上传,然后输入已申请好的FIP用户名,密码,地址等。最后,开始连接主机,登录用户,在DW面板上点击命令菜单中的管理站点,选择根文件夹导出,这样整个网页才算做完,这时就能进行上传网站了,点击站点的名字右键单击会出现上传按钮,点击上传按钮会出现一个可供选择的边框,点击“是”按钮时就能访问FTP再点击确定按钮,系统就会自动出现上传的代码,在网站上输入代码,把要传的内容放进去,这样就能成功的上传所做的网站了。

  免费个人网站制作是在网络中展示个人信息的方式,同时也相当于公开了个人相关情况,并不是所有人都喜欢这种公开的形式,只是如果自己想尝试做网站,这是最初的试用项目。

家好网络原创文章,本文地址:http://www.jiahaonet.com/news/news57.html,转载请注明出处。