如何制作个人网站培训讲座PPT

1、1 华东理工大学计算机科学与工程系 杨建国杨建国 2021年年5月月12日日 华东理工大学信息学院华东理工大学信息学院 如何制作个人网站如何制作个人网站 2 华东理工大学计算机科学与工程系 问题一：怎么才能有一个域名？问题一：怎么才能有一个域名？ 问题二：怎么才能有一个空间？问题二：怎么才能有一个空间？ 问题三：网站是怎么制作的？问题三：网站是怎么制作的？ 问题四：一个好的网站的标准是什么？问题四：一个好的网站的标准是什么？ 问题五：问题五：web服务器是怎么配置与管理的？服务器是怎么配置与管理的？ 问题六：什么是网站优化？问题六：什么是网站优化？ 问题七：什么是网站测试？问题七：什么是网站测

2、试？ 问题八：网站怎么才能挣钱？问题八：网站怎么才能挣钱？ 调查：您对网站知道多少调查：您对网站知道多少 3 华东理工大学计算机科学与工程系 如何制作个人网站如何制作个人网站 个人网站个人网站是指个人或团体因某种兴趣、拥有某是指个人或团体因某种兴趣、拥有某 种专业技术、提供某种服务或把自己的作品、商种专业技术、提供某种服务或把自己的作品、商 品展示销售而制作的具有独立品展示销售而制作的具有独立空间空间域名域名的的网站网站 4 华东理工大学计算机科学与工程系 如何制作个人网站之如何制作个人网站之who、when、where who： 自己，最好有自己，最好有团队团队、有、有目标目标学习（网页设计

3、师）学习（网页设计师） when: 现在就学，终身学习（现在就学，终身学习（自己想办法寻找答案自己想办法寻找答案） where: 教室（选计算机课程或者旁听）、机房（咨询老师）、教室（选计算机课程或者旁听）、机房（咨询老师）、 图书馆（查资料）、网上（百度、图书馆（查资料）、网上（百度、google） 5 华东理工大学计算机科学与工程系 培养学生自学能力（培养学生自学能力（dw、ps、flash、div+css、语、语 言、数据库）言、数据库） 培养学生实践能力（动手能力）培养学生实践能力（动手能力） 培养学生专业能力（专业素养）培养学生专业能力（专业素养） 展示个人风采（充实自己的生活）：求

4、职交友名片展示个人风采（充实自己的生活）：求职交友名片 激发创业精神（让自己生活更美好）激发创业精神（让自己生活更美好） 如何制作个人网站之如何制作个人网站之why p互联网是造就青年英雄的园地！互联网是造就青年英雄的园地！ 门户网站门户网站 搜索网站搜索网站 社交网站社交网站 移动互联移动互联 6 华东理工大学计算机科学与工程系 网站目的：展示？宣传？提供帮助？挣钱？网站目的：展示？宣传？提供帮助？挣钱？ 网站主题：新闻？娱乐？旅游？专业知识？网站主题：新闻？娱乐？旅游？专业知识？ 网站特色：能为别人提供什么？对象是谁？核心网站特色：能为别人提供什么？对象是谁？核心 竞争力？竞争力？ 网站规

5、划书：网站结构、栏目设置、网站风格、网站规划书：网站结构、栏目设置、网站风格、 颜色搭配、版面布局、文字图片（至少找五个同类颜色搭配、版面布局、文字图片（至少找五个同类 网站比较）网站比较） 网站注意事项：不要做违法的内容，注意版权网站注意事项：不要做违法的内容，注意版权 如何制作个人网站之如何制作个人网站之what 7 华东理工大学计算机科学与工程系 第一步：域名申请第一步：域名申请 第二步：空间申请第二步：空间申请 第三步：网站制作第三步：网站制作 第四步：网站发布第四步：网站发布 第五步：网站维护第五步：网站维护 第六步：网站宣传第六步：网站宣传 第七步：网站发展第七步：网站发展 如何制

6、作个人网站之如何制作个人网站之how（七步曲）（七步曲） 8 华东理工大学计算机科学与工程系 1.顶层域：顶层域：com、net、cn、org. 2.取名：全英文、全数字、英文数字组合、加取名：全英文、全数字、英文数字组合、加 （域名要好记、好看、好写域名要好记、好看、好写） 3.查询：查询：http:/ 4.申请：资料真实申请：资料真实 第一步：域名申请第一步：域名申请 9 华东理工大学计算机科学与工程系 1.虚拟主机：虚拟主机：100m2g、10g20g 2.服务器租用：服务器租用：1u、2u 3.服务器托管：服务器托管： 4.公司服务器：公有公司服务器：公有ip地址、空调、带宽地址、空调

7、、带宽 5.个人个人pc服务器：私有服务器：私有ip转变成公有转变成公有ip地址（花地址（花 生壳）、端口映射（路由器中的转发规则）生壳）、端口映射（路由器中的转发规则） 第二步：空间申请第二步：空间申请 10 华东理工大学计算机科学与工程系 1.网站制作原则：先大后小，先简单后复杂（模板）网站制作原则：先大后小，先简单后复杂（模板） 2.静态网站、动态网站选择：结合（静态网站、动态网站选择：结合（主页论坛主页论坛） 3.语言的选择：语言的选择：html、asp、php、jsp、c# 、ajax 4.数据库的选择：数据库的选择：access、sql、mysql、db2、oracle 5.论坛的

8、选择：自己写、开源论坛的选择：自己写、开源 6.开发工具的选择：开发工具的选择：dreamweaver、vs2010、potoshop 、flash（框架）（框架） 第三步：网站制作第三步：网站制作 11 华东理工大学计算机科学与工程系 7.网站常识：网站常识： （1）文件、文件夹命名：必须是英文、数字、英文）文件、文件夹命名：必须是英文、数字、英文 数字，最好见名知其意或者有规律数字，最好见名知其意或者有规律 （2）首页：名字（）首页：名字（index.htm、index.html、 index.php、index.aspx、index.jsp）、背景（最好不）、背景（最好不 要图片和音乐）

9、要图片和音乐） （3）网页宽度：）网页宽度：960左右，禁止出现滚动条左右，禁止出现滚动条 （4）logo：200*70像素（网站的名称和内容）像素（网站的名称和内容） （5）ico图标：图标：16*16像素像素 （6）网站标题：）网站标题：千金难买千金难买 12 华东理工大学计算机科学与工程系 （7）网站文件夹：网站总的根目录如）网站文件夹：网站总的根目录如web，里面文，里面文 件夹包括每一个栏目、件夹包括每一个栏目、index、pic、media.，目，目 录最好不要超过三层，录最好不要超过三层，把不是网站内容单独放一个把不是网站内容单独放一个 文件夹文件夹 （8）网站相同内容：）网站相

10、同内容： 13 华东理工大学计算机科学与工程系 （9）网站样式：）网站样式：div+css （10）网站主页调：颜色搭配不要太多（）网站主页调：颜色搭配不要太多（23种），种）， 网页标准色的颜色有：蓝色，黄网页标准色的颜色有：蓝色，黄/橙色，黑橙色，黑/灰灰/白色三白色三 大系列色大系列色 （11）网站字体：宋体、非默认字体用图片的形式）网站字体：宋体、非默认字体用图片的形式 （12）链接：没有死链接，链接新打开一个页面）链接：没有死链接，链接新打开一个页面 （13）网站版式：研究门户网站）网站版式：研究门户网站 （14）文件大小：尽量用）文件大小：尽量用gif格式、文件格式、文件音音视频要

11、压缩视频要压缩 14 华东理工大学计算机科学与工程系 （15）网站宣传语：网站的精神、主题、中心、目标）网站宣传语：网站的精神、主题、中心、目标 （16）网站备案：）网站备案： （17）html： （18）dreamware基本操作：基本操作： 15 华东理工大学计算机科学与工程系 1.操作系统：尽量用操作系统：尽量用nos 2.网站测试：网站测试：apache、iis、apmserv 3.网站上传：网站上传：cuteftp、leadftp、flashfxp、filezilla 第四步：网站发布第四步：网站发布 16 华东理工大学计算机科学与工程系 1.内容更新：改变网站风格、及时处理意见和建

12、内容更新：改变网站风格、及时处理意见和建 议、收集各方面信息议、收集各方面信息 2.网站测试：网站测试： 3.网站优化：网站优化： 4.网站备份与恢复：网站备份与恢复： 5.网站安全：防黑客攻击网站安全：防黑客攻击 第五步：网站的维护第五步：网站的维护 17 华东理工大学计算机科学与工程系 第六步：网站的宣传第六步：网站的宣传 1. 宣传口号宣传口号、网站优化、网站优化、在搜索引擎上登记注册在搜索引擎上登记注册 2. 利用广告进行宣传、使用文本广告链利用广告进行宣传、使用文本广告链 3. 发送电子邮件、通讯方式签名、发送电子邮件、通讯方式签名、qq群群 4. 到论坛、到论坛、 bbs 和新闻组上发布帖子和新闻组上发布帖子 5. 交换友情链接、处处留言交换友情链接、处处留言 6. 加网站排行榜和品网加网站排行榜和品网 、媒体合作、媒体合作 7. 利用发表文章宣传、网下宣传利用发表文章宣传、网下宣传 18 华东理工大学计算机科学与工程系 第七步：网站的发展第七步：网站的发展 1.网站目的：网站目的：网站策划书（网站规划书