学习个人网页制作全过程
如何制作个人网页全过程,送给刚学做网页的朋友们
第一讲 网页的基本知识和FrontPage入门
一、网页的基本知识
1、网站与网页
我们在因特网上浏览时,看到的每一个页面,称为网页,很多网页组成一个网站。一个网站的第一个网页称为主页。主页是所有网页的索引页,通过单击主页上的超链接,可以打开其他的网页。正是由于主页在网站中的特殊作用,人们也常常用主页指代所有的网页,将个人网站称为“个人主页”,将建立个人网站称为“网页制作”。
2、怎么建立个人网站?
要建立一个个人网站,必须经过网页制作、网站(页)发布和网站维护三个阶段
1)网页制作
一个网站和一本杂志一样,都是展示信息的载体,只有能提供他人需要信息(内容)的网站才能吸引他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后,制作网页是建立个人网站的首要工作。
每个网页基本上都是一个HTML(Hyper Text Markup Language,即超文本标识语言)文件,所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。
一般在电脑上写文章使用Word、Wps等文字处理软件,而制作网页则可使用Frontpage等网页制作工具。
2)网页发布
做好的网页必须发布到因特网上,才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到始终与因特网联机的计算机上,这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件且有固定的IP地址也可以做服务器,但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。
3)网站维护
网页发布后就可供大家访问了,不管在什么地方,只要是与和因特网相连的计算机都可以访问到你的网页。但这没有万事大吉。就和报纸、杂志一样,总是老内容,也就没人来访问了。需要经常更新,补充新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。
2、什么软件可以做网页?
假如,你熟悉文字处理的相关软件,你不用专用软件,也可以作出网页来。比如,用Word,用Wps,甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大,用记事本做网页则要会用一些HTML语言,而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。
初学的人,用微软公司的frontpage比较好,它的优点是易学易懂,上手快。FrontPage是微软公司Office系列办公软件中的一个,它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文本一样,我们只需要在编辑器中输入文本或图片,并设置好格式,很快就可以作出一个简单的网页了。
除了Frontpage以外,还有许多制作网页的软件,如Hotdog等,其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver(网页制作工具)、Flash(动画制作工具)和Fireworks(图像编辑工具)。
假如,你有了一定基础,还是用“网页三剑客”好。它们是专用的网页制作软件,用它们制作的网页,体积小,占用资源少,兼容性好。
所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage,打好基础,如果将来准备在网页制作方面有所发展,再学习“网络三剑客”也不迟。
二、FrontPage入门
本节我们先来熟悉一下FrontPage的操作环境,了解界面中的基本设置。
1、启动FrontPage
单击任务栏上的“开始”菜单,将鼠标指针指向“开始”菜单中的“程序”,在“程序”子菜单中单击“Microsoft FrontPage”,就可打开FrontPage窗口。
2、FrontPage的视图栏
用过Word的朋友马上就会发现:FrontPage窗口看起来和Word非常相似,常用工具栏和格式工具栏中许多按钮的形状和作用都一模一样,具体的操作也和Word差不多,用熟Word的朋友马上就可以在编辑区输入编辑文字材料。中制作网页的大部分工作都在这个环境中完成,所以我们在这里不再对FrontPage的环境做详细的介绍。我们将在以后的学习中再陆续介绍常用工具和菜单命令的使用。
与Word比较,在刚打开的FrontPage窗口的编辑区的左侧多了一个视图栏,该视图栏中有6种视图按钮。默认情况下,网页视图被打开,而其他的视图也有特殊的作用,我们将在以后用到它们。视图栏虽然为我们编辑网页提供了很大帮助,但由于它占用了窗口的一部分区域,使 得我们看到的网页和实际的结果存在一定差异。所以,在编辑网页的过程中,常常将视图栏隐藏。
如,单击“查看”菜单,在右图所示下拉菜单中可以发现在“视图栏”前面有一个“√”,单击“√”将其取消,视图栏将被隐藏。重复此项操作,视图栏又会出现。
3、FrontPa9e的编辑区
编辑区是制作、编辑网页的地方,我们将在这个区域里进行输入文字、插入图片、制作表格等操作。由于与Word非常相似,多数操作都非常简单,这些在以后的学习中将会逐渐体会到。
编辑区有三个视图方式,分别为“普通”方式、“HTML”方式和“预览”方式。在编辑区下左边有三个查看标签,可以让用户非常方便地在这三个方式之间切换,为我们制作网页提供了很大的帮助。
和Word的“页面”视图一样,“普通”视图方式允许我们以“所见即所得”的方式进行网页的编辑与制作,如下图所示。制作网页的大部分工作都是在这个环境中完成的。
2) “HTML”方式
在“HTML”视图方式(下图)中显示的是这个网页的HTML代码,即所谓源代码。在这个窗口中可以像在文本编辑器里一样对HTML代码进行编辑和修改。由于FrontPage功能有限,有时为了实现一些特殊效果,我们常常需要在此标签中直接输入HTML代码。也可在这个视图方式下对网页进行优化减肥。对还不熟悉HTML的初学者,可以先不去关心它。
此视图可以预览可以预览网页在IE中的样子,特别是当网页中存有动态图片或FrontPage组件时,预览起来非常方便。
假如在这里还觉得效果与IE中不一样,为保证所制作的网页在IE浏览器中的整体效果,也可以单击“文件”菜单,在弹出的菜单中选择“在浏览器中预览”,从而打开浏览器进行预览。
以上是小编介绍学习个人网页制作全过程 全部内容,感谢大家支持我们的51精品学习网。
学习个人网页制作全过程相关推荐
- 仅凭我自己的经验写给小白的网页制作全过程
先说一点题外话,目的是为了自己写一个网站,然后帮助一下我的小生意,但是我在弄完网站以后才知道,不是说有个网站就可以在百度上搜索到我的网站,我也在网上游荡了很久,总体上来说我学会的东西并不是很多,基本上 ...
- HTML网页制作入门
今天学习了网页制作,用Tomcat建了个本地网页服务器,这个自己访问 上传到学校的服务器就能公共访问了,臭个美,ip=http://home.ustc.edu.cn/~cl626/ 一个本地链接,一个 ...
- 网页三剑客软件测试自学,动态网页制作技术实验指导书.doc
PAGE 动态网页制作技术实验指导书 Computer Science and Technology西南科技大学(SouthWest University of Science and Technol ...
- 学习网页制作中如何在正确选取和使用 CSS 单位
在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...
- php与html网页制作,web 一个简单地三级网页的设计和编写,html+css,适合学习 制作的新手 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com...
文件名称: web下载 收藏√ [ 5 4 3 2 1 ] 开发工具: HTML 文件大小: 4716 KB 上传时间: 2013-06-25 下载次数: 7 提 供 者: ericc 详细 ...
- html5网页制作心得体会,网页设计课程学习心得总结
网页设计师需要不断地调整视觉元素,改进界面设计来满足不同用户的需求和偏好,图片是网页设计的重要设计元素,如何更好地在网页设计中应用图片元素显得尤为重要.下面是小编为大家整理的,供你参考! 篇1 转瞬之 ...
- html学习(06)-网页制作【学成在线】
文章目录 一 网页制作流程 1.1 根据项目需求创建根目录 1.2 从掌握网页布局基本步骤 1.3 效果 1.4 代码 1.4.1 HTML代码 1.4.2 CSS代码 一 网页制作流程 1.1 根据 ...
- 杨老师课堂之网页制作HTML的学习入门-含有案例
网页制作入门 - Html的学习 本篇所授任务 网站信息页面案例 网站图片信息页面案例 网站友情链接页面案例 网站首页案例 网站注册页面案例 网站后台页面案例 教学导航 教学目标 了解什么是标记语言 ...
- 如何学习网页制作。。。
网页制作的学习是一个循序渐进的过程,以下推荐给大部份初学者的学习方式: 一 入门阶段:此时的你,什么都不懂 1先从最简单的 HTML 网页入手: 2选择 Dreamweaver 作为你的网页制作工具 ...
最新文章
- DNS重绑定DNS Rebinding攻击
- shell特殊符号cut命令、sort_wc_uniq命令、tee_tr_split命令、shell特殊符号下
- 云原生存储详解:容器存储与 K8s 存储卷
- 平均成绩计算机控件,计算机技术基础(第十二章 文件 )
- Codeforces Round #485 (Div. 2)
- 通过Docker或虚拟机快速搭建私有云平台--使用Nextcloud和ONLYOFFICE创建您的WebOffice云办公系统
- snap7在linux怎么用,Ubuntu 通过snap7连接西门子1200
- android studio第三方调试,Android Studio直接运行调试签名包
- Linux常用命令 创建文本 清屏操作
- 2015过年之前计划
- IT大公司面试流程与总结
- 别说理科男不懂撩妹,这个老司机一生只爱两样:物理和18岁的少女
- windows(微软知识库)可以根据事件ID查看 各种事件
- 掌握微信小程序 this 指向,轻松编写高质量代码
- gitee提交代码到仓库
- UEditorPlus v2.6.0发布 编辑器草稿功能,操作体验优化
- 腾讯云服务器地域怎么选?地域可用区选择四大因素
- SQL必知必会挑战题答案
- 桌游剧本杀行业解决方案
- Xlinx FFT IP的注意点